From 2d1c3de1ef5ebe61ba90feb3a0b0ab622ec32da9 Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Fri, 28 Oct 2022 16:33:07 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=88=91=E7=9A=84=E8=AE=BF?=
 =?UTF-8?q?=E5=AE=A2=E5=BA=93/=E6=88=91=E7=9A=84=E7=9B=B8=E5=85=B3?=
 =?UTF-8?q?=E6=96=B9=E4=BA=BA=E5=91=98=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/http.api.js                      |  10 +-
 pages.json                              |  16 +++
 pages/home/detail/eventHandle.vue       |  10 +-
 pages/my/my.vue                         |  28 ++++-
 pages/workSpace/newWork/addUser.vue     |  73 ++++++++++-
 pages/workSpace/operation/oplDetail.vue |   4 +-
 pages/workSpace/rpj/remployee.vue       | 153 ++++++++++++++++++++++++
 pages/workSpace/rpj/rpjDetail.vue       |   2 +
 pages/workSpace/visit/visitDetail.vue   |  10 +-
 pages/workSpace/visit/visitor.vue       | 153 ++++++++++++++++++++++++
 10 files changed, 437 insertions(+), 22 deletions(-)
 create mode 100644 pages/workSpace/rpj/remployee.vue
 create mode 100644 pages/workSpace/visit/visitor.vue

diff --git a/common/http.api.js b/common/http.api.js
index bcc873f..25db38f 100644
--- a/common/http.api.js
+++ b/common/http.api.js
@@ -79,6 +79,8 @@ const install = (Vue, vm) => {
 	let rpartyList = (data = {}) => vm.$u.get(`/rpm/rparty/`, data); //相关方列表
 	let remployee = (data = {}) => vm.$u.get(`/rpm/remployee/`, data); //相关方人员表
 	let remployeeCreate = (data = {}) => vm.$u.post(`/rpm/remployee/`, data); //相关方人员表
+	let remployeeDetail = (id, data = {}) => vm.$u.get(`/rpm/remployee/${id}/`, data); //人员详情
+	let remployeeUpdate = (id, data = {}) => vm.$u.put(`/rpm/remployee/${id}/`, data); //人员编辑
 	let rcertificate = (data = {}) => vm.$u.get(`/rpm/rcertificate/`, data); //相关方证书
 	let rpjFileList = (data = {}) => vm.$u.get(`/rpm/rpj_file/`, data); //相关方wenjian
 	let rpjList = (data = {}) => vm.$u.get(`/rpm/rpj/`, data); //rpj查询
@@ -100,8 +102,10 @@ const install = (Vue, vm) => {
 	let vmVisitor = (data = {}) => vm.$u.get(`/vm/visitor/`, data); //来访人员列表
 	let visitorRegister = (data = {}) => vm.$u.post(`/vm/visitor/register/`, data); //来访人员/司机注册
 	let visitSubmit = (data = {}) => vm.$u.post(`/vm/visit/${id}/submit/`, data); //司机直接提交不走工单
+	let visitorList = (data = {}) => vm.$u.get(`/vm/visitor/`, data);
+	let visitorDetail = (id, data = {}) => vm.$u.get(`/vm/visitor/${id}/`, data); //来访人员详情
 	let visitorCreate = (data = {}) => vm.$u.post(`/vm/visitor/`, data); //来访人员添加
-	let visitorUpdate = (data = {}) => vm.$u.put(`/vm/visitor/${id}/`, data); //来访人员编辑
+	let visitorUpdate = (id, data = {}) => vm.$u.put(`/vm/visitor/${id}/`, data); //来访人员编辑
 	let vmVpeople = (data = {}) => vm.$u.get(`/vm/vpeople/`, data); //来访人员列表
 	let vpeopleCreate = (data = {}) => vm.$u.post(`/vm/vpeople/`, data); //来访人员添加
 	let vpeopleUpdate = (data = {}) => vm.$u.put(`/vm/vpeople/${id}/`, data); //来访人员编辑
@@ -149,6 +153,8 @@ const install = (Vue, vm) => {
 		visitUpdate,
 		visitSubmit,
 		vmVisitor,
+		visitorList,
+		visitorDetail,
 		visitorCreate,
 		visitorUpdate,
 		visitDelete,
@@ -161,6 +167,8 @@ const install = (Vue, vm) => {
 		rpartyList,
 		remployee,
 		remployeeCreate,
+		remployeeDetail,
+		remployeeUpdate,
 		rcertificate,
 		rpjItem,
 		rpjList,
diff --git a/pages.json b/pages.json
index e475739..149d7b1 100644
--- a/pages.json
+++ b/pages.json
@@ -377,6 +377,22 @@
 				"navigationStyle": "custom",
 				"enablePullDownRefresh": false
 			}
+		},
+		{
+			"path": "pages/workSpace/visit/visitor",
+		 "style": {
+				"navigationBarTitleText": "我的访客库",
+				"navigationStyle": "custom",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/workSpace/rpj/remployee",
+		 "style": {
+				"navigationBarTitleText": "我的人员库",
+				"navigationStyle": "custom",
+				"enablePullDownRefresh": false
+			}
 		}
 	],
 	"globalStyle": {
diff --git a/pages/home/detail/eventHandle.vue b/pages/home/detail/eventHandle.vue
index 1f9d72e..696b402 100644
--- a/pages/home/detail/eventHandle.vue
+++ b/pages/home/detail/eventHandle.vue
@@ -151,18 +151,18 @@
 				this.preImgSrc = '';
 			},
 			//自带preview，但是图片有点小
-			/* preView(srcImg){
+			preView(srcImg){
 				let imgs = [];
 				imgs.push(srcImg)
 				uni.previewImage({
 					urls: imgs,
 					current: 0,
 				});
-			}, */
-			preView(srcImg){
-				this.preImgSrc = srcImg;
-				this.$refs.imgPreView.open();
 			},
+			// preView(srcImg){
+			// 	this.preImgSrc = srcImg;
+			// 	this.$refs.imgPreView.open();
+			// },
 			cancelPreImg(){
 				this.preImg = false;
 			},
diff --git a/pages/my/my.vue b/pages/my/my.vue
index d4b4141..f60d804 100644
--- a/pages/my/my.vue
+++ b/pages/my/my.vue
@@ -35,23 +35,29 @@
 				<uni-icons size="13" color="#b9b9b9" class="right-icon" type="right"></uni-icons>
 			</view>
 			<view class="enter-item" @click="goInto('myData')">
-				<image style="width: 34rpx;height: 30rpx;" class="left-icon" src="../../static/my/wodeziliao.png"
+				<image style="width: 34rpx;height: 30rpx;" class="left-icon" src="../../static/my/wodeshenqing.png"
 					mode=""></image>
 				<text class="title-text">我的资料</text>
 				<uni-icons size="13" color="#b9b9b9" class="right-icon" type="right"></uni-icons>
 			</view>
 			<view class="enter-item" @click="goInto('clockIn')">
-				<image style="width: 34rpx;height: 30rpx;" class="left-icon" src="../../static/my/wodeziliao.png"
+				<image style="width: 34rpx;height: 30rpx;" class="left-icon" src="../../static/my/wodeshenqing.png"
 					mode=""></image>
 				<text class="title-text">我的打卡记录</text>
 				<uni-icons size="13" color="#b9b9b9" class="right-icon" type="right"></uni-icons>
 			</view>
-			<view class="enter-item">
+			<view class="enter-item" @click="goInto('visitor')">
 				<image style="width: 34rpx;height: 30rpx;" class="left-icon" src="../../static/my/wodeziliao.png"
 					mode=""></image>
 				<text class="title-text">我的访客库</text>
 				<uni-icons size="13" color="#b9b9b9" class="right-icon" type="right"></uni-icons>
 			</view>
+			<view class="enter-item" @click="goInto('remployee')" v-if="vuex_user.type=='remployee'">
+				<image style="width: 34rpx;height: 30rpx;" class="left-icon" src="../../static/my/wodeziliao.png"
+					mode=""></image>
+				<text class="title-text">我的人员库</text>
+				<uni-icons size="13" color="#b9b9b9" class="right-icon" type="right"></uni-icons>
+			</view>
 		</view>
 		<view class="sign-out">
 			<button type="default" @click="signoutFn" class="sign-out-btn">退出账号</button>
@@ -88,21 +94,31 @@
 						url: '/pages/my/myCertificates'
 					})
 				}
-				if (type == "myData") {
+				else if (type == "myData") {
 					uni.navigateTo({
 						url: '/pages/my/myInfo'
 					})
 				}
-				if (type == "myDataChange") {
+				else if (type == "myDataChange") {
 					uni.navigateTo({
 						url: '/pages/my/myInfoChange'
 					})
 				}
-				if (type == "clockIn") {
+				else if (type == "clockIn") {
 					uni.navigateTo({
 						url: '/pages/my/clock_in'
 					})
 				}
+				else if (type == "visitor") {
+					uni.navigateTo({
+						url: '/pages/workSpace/visit/visitor'
+					})
+				}
+				else if (type == "remployee") {
+					uni.navigateTo({
+						url: '/pages/workSpace/rpj/remployee'
+					})
+				}
 			},
 			getUserInfo() {
 				var promise;
diff --git a/pages/workSpace/newWork/addUser.vue b/pages/workSpace/newWork/addUser.vue
index b04f66b..0cbf615 100644
--- a/pages/workSpace/newWork/addUser.vue
+++ b/pages/workSpace/newWork/addUser.vue
@@ -1,28 +1,32 @@
 <template>
 	<view class="my-data">
-		<uni-nav-bar @clickLeft="goBack()" class="nav-bar" height="110rpx" leftWidth="200rpx" leftText="添加人员"
+		<uni-nav-bar @clickLeft="goBack()" class="nav-bar" height="110rpx" leftWidth="200rpx" :leftText="leftText"
 			leftIcon="left" border backgroundColor="#2cade8" color="#fff" fixed statusBar shadow></uni-nav-bar>
 
 		<view class="wrap-view">
 			<view class="item">
+				<text class="star">*</text>
 				<view class="title">姓名</view>
 				<view class="content">
 					<input type="text" v-model="formData.name" maxlength="20" placeholder="请输入" />
 				</view>
 			</view>
 			<view class="item">
+				<text class="star">*</text>
 				<view class="title">手机号</view>
 				<view class="content">
 					<input type="text" v-model="formData.phone" maxlength="20" placeholder="请输入" />
 				</view>
 			</view>
 			<view class="item">
+				<text class="star">*</text>
 				<view class="title">身份证号</view>
 				<view class="content">
 					<input type="text" v-model="formData.id_number" maxlength="20" placeholder="请输入" />
 				</view>
 			</view>
 			<view class="item" style="height: fit-content;">
+				<text class="star">*</text>
 				<view class="title">证件照</view>
 				<view style="flex: 3;">
 					<u-upload :action="vuex_apifile" :header="upHeader" ref="uUpload"
@@ -48,36 +52,93 @@
 					phone: "",
 					id_number: ""
 				},
+				leftText: '添加人员',
 				rparty:'',
 				upHeader:'',
 				fileList:[]
 			}
 		},
 		onLoad(params) {
+			if(params.type == 'edit'){
+				this.leftText = '编辑人员';
+				this.formData.id = params.id;
+			}
 			if(params.rparty){
 				this.rparty = params.rparty;
 			}
+			if(this.rparty && this.formData.id){
+				this.getRemployee()
+			}
+			else if(this.formData.id){
+				this.getVisitor()
+			}
 			this.getHeader();
 		},
 		methods: {
 			getHeader(){
 				this.upHeader = {Authorization: "Bearer " + this.vuex_token}
 			},
+			getRemployee(){
+				this.$u.api.remployeeDetail(this.formData.id).then(res=>{
+					this.formData = res
+					this.fileList = [this.vuex_host+res.photo]
+				})
+			},
+			getVisitor(){
+				this.$u.api.visitorDetail(this.formData.id).then(res=>{
+					this.formData = res
+					this.fileList = [this.vuex_host+res.photo]
+				})
+			},
 			saveVisitor(){
 				if(this.rparty!==''){
 					let obj = {...this.formData};
 					obj.rparty = this.rparty;
-					this.$u.api.remployeeCreate(obj).then(res=>{
-						uni.navigateBack({
-							delta: 1
+					if(this.formData.id){
+						this.$u.api.remployeeUpdate(obj.id, obj).then(res=>{
+							uni.showToast({
+								title:'保存成功',
+								icon: 'none'
+							})
+							uni.navigateBack({
+								delta: 1
+							})
 						})
-					})
+					}else{
+						this.$u.api.remployeeCreate(obj).then(res=>{
+							uni.showToast({
+								title:'保存成功',
+								icon: 'none'
+							})
+							uni.navigateBack({
+								delta: 1
+							})
+						})
+					}
+					
 				}else{
-					this.$u.api.visitorCreate(this.formData).then(res=>{
+					if(this.formData.id){
+						this.$u.api.visitorUpdate(this.formData.id, this.formData).then(res=>{
+							uni.showToast({
+								title:'保存成功',
+								icon: 'none'
+							})
+							uni.navigateBack({
+								delta: 1
+							})
+						})
+						
+					}
+					else{this.$u.api.visitorCreate(this.formData).then(res=>{
+						uni.showToast({
+							title:'创建成功',
+							icon: 'none'
+						})
 						uni.navigateBack({
 							delta: 1
 						})
 					})
+					}
 				}	
 			},
 			goBack() {
diff --git a/pages/workSpace/operation/oplDetail.vue b/pages/workSpace/operation/oplDetail.vue
index 5ca29d1..1b8998d 100644
--- a/pages/workSpace/operation/oplDetail.vue
+++ b/pages/workSpace/operation/oplDetail.vue
@@ -92,8 +92,8 @@
 					<text class="visitorCell">{{item.duty}}</text>
 					<text class="visitorCell">{{item.certificates.length}}张</text>
 					<view class="visitorCell">
-						<text class="bindBtn" @click="bindBtl(item,10)" v-if="item.worker_.blt_===null||item.worker_.blt_===undefined">绑卡</text>
-						<text class="bindBtn" @click="bindBtl(item,20)" v-else>解绑</text>
+						<!-- <text class="bindBtn" @click="bindBtl(item,10)" v-if="item.worker_.blt_===null||item.worker_.blt_===undefined">绑卡</text>
+						<text class="bindBtn" @click="bindBtl(item,20)" v-else>解绑</text> -->
 					</view>
 				</view>
 			</view>
diff --git a/pages/workSpace/rpj/remployee.vue b/pages/workSpace/rpj/remployee.vue
new file mode 100644
index 0000000..3e60f8e
--- /dev/null
+++ b/pages/workSpace/rpj/remployee.vue
@@ -0,0 +1,153 @@
+<template>
+	<view class="clockInContainer">
+		<uni-nav-bar @clickLeft="goBack()" height="110rpx" leftWidth="200rpx" leftText="相关方人员" leftIcon="left" border
+			backgroundColor="#2cade8" color="#fff" fixed statusBar shadow></uni-nav-bar>
+<!-- 		<view class="tabbar-title">
+			<view :class="{'text-title':true, 'active':activeIndex}" @click="changeList(1)">本月</view>
+			<view style="display: flex;">
+				<view>选择月份：</view>
+				<picker mode="date" :value="date" fields="month"  @change="bindDateChange">
+					<view class="uni-input">{{date}}</view>
+				</picker>
+			</view>
+			
+		</view> -->
+		<view class="content">
+			<view class="item-wrap" v-for="(val,index) in lists" :key="val.id">
+				<view class="clock_in_-item">
+					<view class="center-info">
+						<view class="info-details">姓名：{{val.name}}</view>
+						<view class="info-details">手机号：{{val.phone}}</view>
+						<view class="info-details">创建时间：{{val.create_time}}</view>
+					</view>
+					<view class="bottom-btns">
+						<view class="shenhezhong shenhe-status" @click="remployeeHandle(val,'edit')">
+							<image src="../../../static/my/my_apply/blue-time.png" mode=""></image>
+							编辑
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'visitor',
+		data() {
+			return {
+				totalNum: 0,
+				activeIndex:true,//本月
+				lists: [],
+				currentMonth:'',
+				currentYear:'',
+				date:'选择其他月',
+			}
+		},
+		onShow() {
+			let that = this;
+			that.getLists();
+			
+		},
+		methods: {
+			getLists() {
+				let that = this;
+				that.$u.api.remployee({'page':0}).then(res => {
+					that.lists = res
+				})
+			},
+			goBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			remployeeHandle(val, type) {
+				if(type=='edit'){
+					uni.navigateTo({
+						url:`/pages/workSpace/newWork/addUser?id=${val.id}&type=edit&rparty=${val.rparty}`
+					})
+				}
+				
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.empty-view {
+		height: 120rpx;
+	}
+
+	>>>.uni-navbar__header,
+		>>>.uni-status-bar,
+		.search-wrap {
+			background-image: linear-gradient(270deg,
+					#0ca7ee 0%,
+					#005aff 100%,
+					#2a8cff 100%,
+					#54bdff 100%),
+				linear-gradient(#e60012,
+					#e60012);
+		}
+		
+		.tabbar-title{
+			display: flex;
+			justify-content: space-between;
+		}
+	.clockInContainer {
+		background-color: #f3fbff;
+	}
+
+	.clockInContainer>>>.uni-navbar-btn-text text {
+		font-size: 32rpx !important;
+	}
+
+	.content {
+		padding: 14rpx;
+		padding-top: 10upx;
+	}
+
+	.item-wrap {
+		margin-bottom: 14rpx;
+	}
+
+	.clock_in_-item {
+		width: 720rpx;
+		background-color: #ffffff;
+		border-radius: 10rpx;
+		margin: 0 auto;
+		padding: 24rpx 21rpx;
+		box-sizing: border-box;
+	}
+	.center-info {
+		padding-bottom: 30rpx;
+		border-bottom: 1rpx solid #eeeeee;
+	}
+	.info-details {
+		font-size: 28rpx;
+		line-height: 40rpx;
+		color: #5b5b5b;
+	}
+	
+	.bottom-btns {
+		text-align: center;
+		font-family: PingFang-SC-Medium;
+		font-size: 28rpx;
+		line-height: 83rpx;
+		display: flex;
+	}
+	
+	.shenhezhong {
+		flex: 1;
+		color: #2c6fd9;
+	}
+	
+	.shenhezhong image {
+		width: 26rpx;
+		height: 26rpx;
+		margin-right: 10rpx;
+		vertical-align: middle;
+	}
+</style>
diff --git a/pages/workSpace/rpj/rpjDetail.vue b/pages/workSpace/rpj/rpjDetail.vue
index 3301ba5..590e496 100644
--- a/pages/workSpace/rpj/rpjDetail.vue
+++ b/pages/workSpace/rpj/rpjDetail.vue
@@ -90,8 +90,10 @@
 					<text class="visitorCell">{{item.duty}}</text>
 					<text class="visitorCell">{{item.rcertificates.length}}张</text>
 					<view class="visitorCell">
+						<view v-if="formData.state == 40">
 						<text class="bindBtn" @click="bindBtl(item,10)" v-if="item.remployee_.blt_===null||item.worker_.blt_===undefined">绑卡</text>
 						<text class="bindBtn" @click="bindBtl(item,20)" v-else>解绑</text>
+						</view>
 					</view>
 				</view>
 			</view>
diff --git a/pages/workSpace/visit/visitDetail.vue b/pages/workSpace/visit/visitDetail.vue
index d9a0dd1..9ed1259 100644
--- a/pages/workSpace/visit/visitDetail.vue
+++ b/pages/workSpace/visit/visitDetail.vue
@@ -79,8 +79,10 @@
 						<span v-if="item.is_main">是</span>
 					</text>
 					<view class="visitorCell">
+						<view v-if="formData.state == 40">
 						<text class="bindBtn" @click="bindBtl(item,10)" v-if="item.visitor_.blt_===null">绑卡</text>
 						<text class="bindBtn" @click="bindBtl(item,20)" v-else>解绑</text>
+						</view>
 					</view>
 				</view>
 			</view>
@@ -238,8 +240,12 @@
 				this.visitorItem = null;
 			},
 			preView(srcImg){
-				this.preImgSrc = srcImg;
-				this.$refs.imgPreView.open();
+				let imgs = [];
+				imgs.push(srcImg)
+				uni.previewImage({
+					urls: imgs,
+					current: 0,
+				});
 			},
 			cancelPreView(){
 				this.preImgSrc = '';
diff --git a/pages/workSpace/visit/visitor.vue b/pages/workSpace/visit/visitor.vue
new file mode 100644
index 0000000..6ca71d7
--- /dev/null
+++ b/pages/workSpace/visit/visitor.vue
@@ -0,0 +1,153 @@
+<template>
+	<view class="clockInContainer">
+		<uni-nav-bar @clickLeft="goBack()" height="110rpx" leftWidth="200rpx" leftText="访客库" leftIcon="left" border
+			backgroundColor="#2cade8" color="#fff" fixed statusBar shadow></uni-nav-bar>
+<!-- 		<view class="tabbar-title">
+			<view :class="{'text-title':true, 'active':activeIndex}" @click="changeList(1)">本月</view>
+			<view style="display: flex;">
+				<view>选择月份：</view>
+				<picker mode="date" :value="date" fields="month"  @change="bindDateChange">
+					<view class="uni-input">{{date}}</view>
+				</picker>
+			</view>
+			
+		</view> -->
+		<view class="content">
+			<view class="item-wrap" v-for="(val,index) in lists" :key="val.id">
+				<view class="clock_in_-item">
+					<view class="center-info">
+						<view class="info-details">姓名：{{val.name}}</view>
+						<view class="info-details">手机号：{{val.phone}}</view>
+						<view class="info-details">创建时间：{{val.create_time}}</view>
+					</view>
+					<view class="bottom-btns">
+						<view class="shenhezhong shenhe-status" @click="visitorHandle(val,'edit')">
+							<image src="../../../static/my/my_apply/blue-time.png" mode=""></image>
+							编辑
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'visitor',
+		data() {
+			return {
+				totalNum: 0,
+				activeIndex:true,//本月
+				lists: [],
+				currentMonth:'',
+				currentYear:'',
+				date:'选择其他月',
+			}
+		},
+		onShow() {
+			let that = this;
+			that.getLists();
+			
+		},
+		methods: {
+			getLists() {
+				let that = this;
+				that.$u.api.visitorList({'page':0}).then(res => {
+					that.lists = res
+				})
+			},
+			goBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			visitorHandle(val, type) {
+				if(type=='edit'){
+					uni.navigateTo({
+						url:`/pages/workSpace/newWork/addUser?id=${val.id}&type=edit`
+					})
+				}
+				
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.empty-view {
+		height: 120rpx;
+	}
+
+	>>>.uni-navbar__header,
+		>>>.uni-status-bar,
+		.search-wrap {
+			background-image: linear-gradient(270deg,
+					#0ca7ee 0%,
+					#005aff 100%,
+					#2a8cff 100%,
+					#54bdff 100%),
+				linear-gradient(#e60012,
+					#e60012);
+		}
+		
+		.tabbar-title{
+			display: flex;
+			justify-content: space-between;
+		}
+	.clockInContainer {
+		background-color: #f3fbff;
+	}
+
+	.clockInContainer>>>.uni-navbar-btn-text text {
+		font-size: 32rpx !important;
+	}
+
+	.content {
+		padding: 14rpx;
+		padding-top: 10upx;
+	}
+
+	.item-wrap {
+		margin-bottom: 14rpx;
+	}
+
+	.clock_in_-item {
+		width: 720rpx;
+		background-color: #ffffff;
+		border-radius: 10rpx;
+		margin: 0 auto;
+		padding: 24rpx 21rpx;
+		box-sizing: border-box;
+	}
+	.center-info {
+		padding-bottom: 30rpx;
+		border-bottom: 1rpx solid #eeeeee;
+	}
+	.info-details {
+		font-size: 28rpx;
+		line-height: 40rpx;
+		color: #5b5b5b;
+	}
+	
+	.bottom-btns {
+		text-align: center;
+		font-family: PingFang-SC-Medium;
+		font-size: 28rpx;
+		line-height: 83rpx;
+		display: flex;
+	}
+	
+	.shenhezhong {
+		flex: 1;
+		color: #2c6fd9;
+	}
+	
+	.shenhezhong image {
+		width: 26rpx;
+		height: 26rpx;
+		margin-right: 10rpx;
+		vertical-align: middle;
+	}
+</style>