From 6a252b366b9e20573be8288b28c4a21488c6088b Mon Sep 17 00:00:00 2001
From: Sliverber <2622874537@qq.com>
Date: Fri, 10 May 2024 22:23:49 +0800
Subject: [PATCH] =?UTF-8?q?=E5=95=8A=E5=95=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                              |  18 ++
 pages_admin/worke/worke_user.vue        | 301 ++++++++++++++++++++++
 pages_admin/worke/worke_user_detail.vue | 328 ++++++++++++++++++++++++
 3 files changed, 647 insertions(+)
 create mode 100644 pages_admin/worke/worke_user.vue
 create mode 100644 pages_admin/worke/worke_user_detail.vue

diff --git a/pages.json b/pages.json
index 2e3d42e..d58c1b7 100644
--- a/pages.json
+++ b/pages.json
@@ -104,6 +104,24 @@
 						"navigationStyle": "custom",
 						"enablePullDownRefresh" : false
 					}
+				},
+				{
+					"path" : "worke/worke_user",
+					"style" : 
+					{
+						"navigationBarTitleText" : "",
+						"navigationStyle": "custom",
+						"enablePullDownRefresh" : false
+					}
+				},
+				{
+					"path" : "worke/worke_user_detail",
+					"style" : 
+					{
+						"navigationBarTitleText" : "",
+							"navigationStyle": "custom",
+						"enablePullDownRefresh" : false
+					}
 				}
 
 				// ... 分包A的其他页面  
diff --git a/pages_admin/worke/worke_user.vue b/pages_admin/worke/worke_user.vue
new file mode 100644
index 0000000..b9bdf2d
--- /dev/null
+++ b/pages_admin/worke/worke_user.vue
@@ -0,0 +1,301 @@
+<template>
+	<view class="page">
+		<u-navbar title="用户管理" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
+			height='36'></u-navbar>
+		<view class="" style="background: #FFFFFF;width: 750rpx;padding-bottom: 36rpx;">
+	
+			<view class="top_box"style="margin-top: 20rpx;">
+				<view class="left_text">
+					手机号
+				</view>
+				<view class="sear_ipt">
+					<input type="text"
+						 v-model="searchKeyword"
+						 placeholder="请输入手机号"
+						 class="input"
+						 placeholder-style="color:#C7CDD3"
+						 @input="search()">
+				</view>
+			</view>
+		<!-- 	<view class="data_box">
+				<view class="data_cont " :class="typeindex==0?'act1':''" @click="changeType(0)">
+					按日期
+				</view>
+				<view class="data_cont" :class="typeindex==1?'act1':''" @click="changeType(1)">
+					按车辆
+				</view>
+				
+			</view> -->
+		</view>
+		
+		
+		
+		<view class="info_card" style="margin-top: 20rpx;">
+			<view class="info_tit">
+			13360338978
+			<view class="tit_right">
+				<view class="yuan"></view>
+				待租
+			</view>
+			</view>
+			<view class="lines"></view>
+			<view class="cont">
+			
+			
+				<view class="info_li">
+					<view class="half_infoli">
+						姓名：<span>￥0.00</span>
+					</view>
+					<view class="half_infoli">
+						押金：<span>￥0.00</span>
+					</view>
+				</view>
+				<view class="info_li">
+					最近一笔订单：122323<span style="color:#4C97E7 ;">（已完成）</span>
+				</view>
+			</view>
+		</view>
+	
+		<u-picker mode="time" v-model="time1" :params="params" @confirm="confirm1"
+			:default-time='pickertime'></u-picker>
+		<u-picker mode="time" v-model="time2" :params="params" @confirm="confirm2"
+			:default-time='pickertime'></u-picker>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				bgc: {
+					backgroundColor: "#fff",
+				},
+				time1: false,
+				time2: false,
+				lasTime: '00-00',
+				firsTime: '00-00',
+				params: {
+					year: true,
+					month: true,
+					day: true,
+					hour: false,
+					minute: false,
+					second: false
+				},
+				typeindex:0,
+			}
+		},
+		methods: {
+			confirm1(e) {
+				console.log(e, 'eeeeeeee');
+				this.firsTime = e.year + '-' + e.month + '-' + e.day
+
+			},
+			confirm2(e) {
+				this.lasTime = e.year + '-' + e.month + '-' + e.day
+
+			},
+			changeType(num){
+				this.typeindex=num
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #F6F6F6;
+	}
+
+	.page {
+		width: 750rpx;
+		.lines{
+			width: 748rpx;
+			height: 22rpx;
+			background: #F6F6F6;
+			border-radius: 0rpx 0rpx 0rpx 0rpx;
+		}
+		.info_card {
+			background: #FFFFFF;
+		
+			.info_tit {
+				display: flex;
+				flex-wrap: nowrap;
+				padding: 22rpx 28rpx;
+				font-weight: 600;
+				font-size: 32rpx;
+				color: #3D3D3D;
+		
+				.money {
+					margin-left: auto;
+					font-weight: 500;
+					font-size: 32rpx;
+					color: #4C97E7;
+				}
+				.tit_right{
+					display: flex;
+					flex-wrap: nowrap;
+					align-items: center;
+					margin-left: auto;
+					font-weight: 400;
+					font-size: 28rpx;
+					color: #4C97E7;
+					.yuan{
+						margin-right: 12rpx;
+						margin-top: 6rpx;
+						width: 15rpx;
+						height: 15rpx;
+						border-radius: 50%;
+						background: #4C97E7;
+					}
+				}
+			}
+		
+			.lines {
+				width: 750rpx;
+				height: 2rpx;
+				border: 2rpx solid #ccc;
+			}
+		
+			.cont {
+				padding: 26rpx 28rpx;
+		
+				.info_li {
+					display: flex;
+					flex-wrap: nowrap;
+					font-weight: 400;
+					font-size: 28rpx;
+					color: #808080;
+		
+					span {
+						color: #3D3D3D;
+					}
+		
+					line-height: 48rpx;
+		
+					.half_infoli {
+							display: flex;
+							flex-wrap: nowrap;
+						width: 50%;
+						font-weight: 400;
+						font-size: 28rpx;
+						color: #808080;
+		
+						span {
+							color: #3D3D3D;
+						}
+						.input{
+							width: 30%;
+						}
+					}
+				}
+			}
+		}
+		.cont_box {
+			padding: 14rpx 30rpx;
+			width: 750rpx;
+			background: #E2F2FF;
+			border-radius: 0rpx 0rpx 0rpx 0rpx;
+
+			.cont_info {
+				margin-top: 8rpx;
+				display: flex;
+				flex-wrap: nowrap;
+
+				.info_li {
+					width: 50%;
+					font-weight: 400;
+					font-size: 28rpx;
+					color: #3D3D3D;
+				}
+			}
+		}
+		
+		.data_box {
+			width: 672rpx;
+			margin: 36rpx auto;
+			display: flex;
+			flex-wrap: nowrap;
+			align-items: center;
+			// justify-content: space-between;
+			
+			.data_cont {
+				margin-right: 40rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				width: 150rpx;
+				height: 60rpx;
+				background: #FFFFFF;
+				box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0, 0, 0, 0.07);
+				border-radius: 10rpx 10rpx 10rpx 10rpx;
+				font-weight: 400;
+				font-size: 32rpx;
+				color: #3D3D3D;
+				border: 2rpx solid #fff;
+			}
+
+			.act1 {
+				background: #E2F2FF;
+				box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0, 0, 0, 0.07);
+				color: #4C97E7;
+				border: 2rpx solid #4C97E7;
+			}
+		}
+
+		.top_box {
+			
+			display: flex;
+			flex-wrap: nowrap;
+			align-items: center;
+			padding: 28rpx 30rpx;
+			// padding: 20rpx 0;
+			
+			margin: 0 auto;
+			width: 672rpx;
+			height: 100rpx;
+			background: #FFFFFF;
+			box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0, 0, 0, 0.07);
+			border-radius: 10rpx 10rpx 10rpx 10rpx;
+
+			.left_text {
+				width: 25%;
+				font-weight: 400;
+				font-size: 32rpx;
+				color: #3D3D3D;
+			}
+
+			.timebox {
+				width: 75%;
+				display: flex;
+				flex-wrap: nowrap;
+				align-items: center;
+				margin-left: 34rpx;
+
+				.left_time {
+					text-align: center;
+					margin-right: 6rpx;
+					height: 50rpx;
+					width: 45%;
+					border: 2rpx solid #ccc;
+					border-radius: 12rpx;
+					font-weight: 400;
+					font-size: 32rpx;
+					color: #979797;
+				}
+
+				.right_time {
+					text-align: center;
+					margin-left: 6rpx;
+					height: 50rpx;
+					width: 45%;
+					border: 2rpx solid #ccc;
+					border-radius: 12rpx;
+					font-weight: 400;
+					font-size: 32rpx;
+					color: #979797;
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages_admin/worke/worke_user_detail.vue b/pages_admin/worke/worke_user_detail.vue
new file mode 100644
index 0000000..66afaea
--- /dev/null
+++ b/pages_admin/worke/worke_user_detail.vue
@@ -0,0 +1,328 @@
+<template>
+	<view class="page">
+		<u-navbar title="用户管理" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
+			height='36'></u-navbar>
+		<view class="userinfo" style="background: #FFFFFF;width: 750rpx;padding-bottom: 36rpx;">
+	
+			<view class="userinfo_li">
+				
+				<span>13360338978</span>
+				<view class="stause">
+					正常
+				</view>
+			</view>
+			<view class="userinfo_li">
+				注册日期：
+				<span>2024-04-22 15:22:58</span>
+				
+			</view>
+			<view class="userinfo_li">
+				最后一笔订单：
+				<span style="color: #4C97E7;">1123596（已完成）</span>
+				
+			</view>
+		</view>
+		<view class="yj_info">
+			<view class="yjleft">
+				<image src="" mode=""></image>
+				押金
+			</view>
+			<view class="yjright">
+				<view class="stause">
+					未充值
+				</view>
+				￥0.00
+			</view>
+		</view>
+		<view class="tit">
+			押金明细
+		</view>
+		
+		<view class="info_card" style="margin-top: 20rpx;">
+			<view class="info_tit">
+			退款
+			<view class="tit_right">
+				<!-- <view class="yuan"></view> -->
+				-￥1.00
+			</view>
+			</view>
+			<view class="lines"></view>
+			<view class="cont">
+			<view class="info_li">
+				支付时间：<span >2024-04-29 13:45:06</span>
+			</view>
+			
+				
+				<view class="info_li">
+					订单编号：<span>12687498651287123854</span>
+				</view>
+			</view>
+		</view>
+	
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				bgc: {
+					backgroundColor: "#fff",
+				},
+				time1: false,
+				time2: false,
+				lasTime: '00-00',
+				firsTime: '00-00',
+				params: {
+					year: true,
+					month: true,
+					day: true,
+					hour: false,
+					minute: false,
+					second: false
+				},
+				typeindex:0,
+			}
+		},
+		methods: {
+			confirm1(e) {
+				console.log(e, 'eeeeeeee');
+				this.firsTime = e.year + '-' + e.month + '-' + e.day
+
+			},
+			confirm2(e) {
+				this.lasTime = e.year + '-' + e.month + '-' + e.day
+
+			},
+			changeType(num){
+				this.typeindex=num
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #F6F6F6;
+	}
+
+	.page {
+		width: 750rpx;
+		.tit{
+			padding: 30rpx 32rpx;
+			padding-bottom: 12rpx;
+			font-weight: 500;
+			font-size: 32rpx;
+			color: #3D3D3D
+		}
+		.yj_info{
+			padding: 32rpx 30rpx;
+			display: flex;
+			flex-wrap: nowrap;
+			margin-top: 22rpx;
+			background: #FFFFFF;
+			.yjleft{
+				display: flex;
+				flex-wrap: nowrap;
+				align-items: center;
+				font-weight: 400;
+				font-size: 28rpx;
+				color: #3D3D3D;
+				image{
+					margin-right: 20rpx;
+					width: 40rpx;
+					height: 40rpx;
+				}
+			}
+			.yjright{
+				display: flex;
+				flex-wrap: nowrap;
+				margin-left: auto;
+				font-weight: 400;
+				font-size: 28rpx;
+				color: #3D3D3D;
+				.stause{
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					width: 114rpx;
+					height: 38rpx;
+					background: rgba(247,109,109,0.502);
+					border-radius: 10rpx 10rpx 10rpx 10rpx;
+					border: 2rpx solid #FF4444;
+					font-weight: 400;
+					font-size: 24rpx;
+					color: #FF4444;
+					margin-right: 16rpx;
+				}
+				
+			}
+		}
+		.userinfo{
+			padding: 32rpx 52rpx;
+			.userinfo_li{
+				width: 100%;
+				display: flex;
+				flex-wrap: nowrap;
+				align-items: center;
+				font-weight: 400;
+				font-size: 28rpx;
+				color: #808080;
+				line-height: 48rpx;
+				span{
+					color: #3D3D3D;
+				}
+				.stause{
+					margin-left: 18rpx;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					width: 96rpx;
+					height: 42rpx;
+					background: #E9F6F3;
+					border-radius: 0rpx 0rpx 0rpx 0rpx;
+					border: 2rpx solid #12D2AC;
+					font-weight: 400;
+					font-size: 28rpx;
+					color: #12D2AC;
+				}
+			}
+		}
+		.lines{
+			width: 748rpx;
+			height: 22rpx;
+			background: #F6F6F6;
+			border-radius: 0rpx 0rpx 0rpx 0rpx;
+		}
+		.info_card {
+			background: #FFFFFF;
+		
+			.info_tit {
+				display: flex;
+				flex-wrap: nowrap;
+				padding: 22rpx 28rpx;
+				font-weight: 600;
+				font-size: 32rpx;
+				color: #3D3D3D;
+		
+				.money {
+					margin-left: auto;
+					font-weight: 500;
+					font-size: 32rpx;
+					color: #4C97E7;
+				}
+				.tit_right{
+					display: flex;
+					flex-wrap: nowrap;
+					align-items: center;
+					margin-left: auto;
+					font-weight: 400;
+					font-size: 28rpx;
+					color: #4C97E7;
+					.yuan{
+						margin-right: 12rpx;
+						margin-top: 6rpx;
+						width: 15rpx;
+						height: 15rpx;
+						border-radius: 50%;
+						background: #4C97E7;
+					}
+				}
+			}
+		
+			.lines {
+				width: 750rpx;
+				height: 2rpx;
+				border: 2rpx solid #ccc;
+			}
+		
+			.cont {
+				padding: 26rpx 28rpx;
+		
+				.info_li {
+					display: flex;
+					flex-wrap: nowrap;
+					font-weight: 400;
+					font-size: 28rpx;
+					color: #808080;
+		
+					span {
+						color: #3D3D3D;
+					}
+		
+					line-height: 48rpx;
+		
+					.half_infoli {
+							display: flex;
+							flex-wrap: nowrap;
+						width: 50%;
+						font-weight: 400;
+						font-size: 28rpx;
+						color: #808080;
+		
+						span {
+							color: #3D3D3D;
+						}
+						.input{
+							width: 30%;
+						}
+					}
+				}
+			}
+		}
+		.cont_box {
+			padding: 14rpx 30rpx;
+			width: 750rpx;
+			background: #E2F2FF;
+			border-radius: 0rpx 0rpx 0rpx 0rpx;
+
+			.cont_info {
+				margin-top: 8rpx;
+				display: flex;
+				flex-wrap: nowrap;
+
+				.info_li {
+					width: 50%;
+					font-weight: 400;
+					font-size: 28rpx;
+					color: #3D3D3D;
+				}
+			}
+		}
+		
+		.data_box {
+			width: 672rpx;
+			margin: 36rpx auto;
+			display: flex;
+			flex-wrap: nowrap;
+			align-items: center;
+			// justify-content: space-between;
+			
+			.data_cont {
+				margin-right: 40rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				width: 150rpx;
+				height: 60rpx;
+				background: #FFFFFF;
+				box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0, 0, 0, 0.07);
+				border-radius: 10rpx 10rpx 10rpx 10rpx;
+				font-weight: 400;
+				font-size: 32rpx;
+				color: #3D3D3D;
+				border: 2rpx solid #fff;
+			}
+
+			.act1 {
+				background: #E2F2FF;
+				box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0, 0, 0, 0.07);
+				color: #4C97E7;
+				border: 2rpx solid #4C97E7;
+			}
+		}
+
+		
+	}
+</style>
\ No newline at end of file