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