Browse Source

修改身份认证样式

wangchao 3 years ago
parent
commit
60c312a901
3 changed files with 331 additions and 247 deletions
  1. 87 49
      pageD/identity/companyIdentity.vue
  2. 107 104
      pages/attestation/indexThree.vue
  3. 137 94
      pages/attestation/indexTwo.vue

+ 87 - 49
pageD/identity/companyIdentity.vue

@@ -4,58 +4,65 @@
 			<text @click='consent' v-bind:class="switchs1">公司</text>
 			<text @click='consent' v-bind:class="switchs2">个人</text>
 		</view>
-		<view v-if="consentStatus == true">
-			<!-- 公司营业执照上传 -->
-			<view v-if="license1 != ''">
-				<upload v-if="consentStatus == true" class="upload" ref="upload" :action="action" :max-size="maxSize" :max-count="1"
-					:size-type="['compressed']" @on-success="getImgUrl"  @on-remove="onRemove"
-					@on-uploaded="isAdd = true" :before-upload="filterFileType" :options="uploadOptions"
-					:custom="uploadCustom" ></upload>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit_red">*</text>
-				<text class="tit">公司名称</text>
-				<view class="con-list">
-					<input placeholder="请填写公司名称" name="input" v-model="identityAuthenticationInfo.compName"></input>
+		<view class="content">
+			<view v-if="consentStatus == true">
+				<!-- 公司营业执照上传 -->
+				<view v-if="license1 != ''">
+					<upload v-if="consentStatus == true" class="upload" ref="upload" :action="action"
+						:max-size="maxSize" :max-count="1" :size-type="['compressed']" @on-success="getImgUrl"
+						@on-remove="onRemove" @on-uploaded="isAdd = true" :before-upload="filterFileType"
+						:options="uploadOptions" :custom="uploadCustom"></upload>
 				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">纳税人识别号</text>
-				<view class="con-list">
-					<input type='number' placeholder="请填写纳税人识别号" name="input"
-						v-model="identityAuthenticationInfo.payTaxesCard"></input>
+				<view class="person-info">
+					<view class="c-row b-b">
+						<text class="tit_red">*</text>
+						<text class="tit">公司名称</text>
+						<view class="con-list">
+							<input placeholder="请填写公司名称" name="input"
+								v-model="identityAuthenticationInfo.compName"></input>
+						</view>
+					</view>
+					<view class="c-row">
+						<text class="tit">纳税人识别号</text>
+						<view class="con-list">
+							<input type='number' placeholder="请填写纳税人识别号" name="input"
+								v-model="identityAuthenticationInfo.payTaxesCard"></input>
+						</view>
+					</view>
 				</view>
 			</view>
-		</view>
-		<view v-else>
-			<view>
-				<!-- 个人身份证正面 -->
-				<upload class="upload" ref="upload1" :action="action" :max-size="maxSize" :max-count="1"
-					:size-type="['compressed']" @on-success="getImgUrl1" @on-remove="onRemove"
-					@on-uploaded="isAdd = true" :before-upload="filterFileType" :options="uploadOptions1"
-					:custom="uploadCustom1" ></upload>
-				<!-- 个人身份证反面 -->
-				<upload class="upload" ref="upload2" :action="action" :max-size="maxSize" :max-count="1"
-					:size-type="['compressed']" @on-success="getImgUrl2"  @on-remove="onRemove"
-					@on-uploaded="isAdd = true" :before-upload="filterFileType" :options="uploadOptions2"
-					:custom="uploadCustom2" ></upload>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit_red">*</text>
-				<text class="tit">姓名</text>
-				<view class="con-list">
-					<input placeholder="请填写姓名" name="input" v-model="identityAuthenticationInfo.customerName"></input>
+			<view v-else>
+				<view>
+					<!-- 个人身份证正面 -->
+					<upload class="upload" ref="upload1" :action="action" :max-size="maxSize" :max-count="1"
+						:size-type="['compressed']" @on-success="getImgUrl1" @on-remove="onRemove"
+						@on-uploaded="isAdd = true" :before-upload="filterFileType" :options="uploadOptions1"
+						:custom="uploadCustom1"></upload>
+					<!-- 个人身份证反面 -->
+					<upload class="upload" ref="upload2" :action="action" :max-size="maxSize" :max-count="1"
+						:size-type="['compressed']" @on-success="getImgUrl2" @on-remove="onRemove"
+						@on-uploaded="isAdd = true" :before-upload="filterFileType" :options="uploadOptions2"
+						:custom="uploadCustom2"></upload>
 				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">身份证号</text>
-				<view class="con-list">
-					<input placeholder="请填写身份证号" name="input"
-						v-model="identityAuthenticationInfo.customerNumberCard"></input>
+				<view class="c-row b-b">
+					<text class="tit_red">*</text>
+					<text class="tit">姓名</text>
+					<view class="con-list">
+						<input placeholder="请填写姓名" name="input"
+							v-model="identityAuthenticationInfo.customerName"></input>
+					</view>
+				</view>
+				<view class="c-row b-b">
+					<text class="tit">身份证号</text>
+					<view class="con-list">
+						<input placeholder="请填写身份证号" name="input"
+							v-model="identityAuthenticationInfo.customerNumberCard"></input>
+					</view>
 				</view>
 			</view>
+			<button class="btns btn" @click="jumpUrl">下一步</button>
 		</view>
-		<button class="btns btn" @click="jumpUrl">下一步</button>
+
 
 	</view>
 
@@ -79,7 +86,7 @@
 				isAdd: true,
 				uploadCustom: true,
 				uploadCustom1: true,
-				uploadCustom2:true,
+				uploadCustom2: true,
 				uploadOptions: {
 					"text": "上传营业执照",
 					"bgc": ""
@@ -207,8 +214,7 @@
 			onProgress(e) {
 				console.log(e)
 			},
-			onRemove(index) {
-			},
+			onRemove(index) {},
 			jumpUrl() {
 				if (this.consentStatus) {
 					if (!this.identityAuthenticationInfo.compName) {
@@ -308,6 +314,17 @@
 
 <style>
 	.center {
+		/* padding: 10px 20px; */
+
+	}
+
+	.top {
+		background: white;
+		padding: 10px 20px;
+		border-radius: 0 0 20rpx 20rpx;
+	}
+
+	.content {
 		padding: 10px 20px;
 	}
 
@@ -366,6 +383,20 @@
 		font-size: 20px;
 		font-weight: 700;
 		margin-right: 16px;
+		position: relative;
+	}
+
+	.switchs1::after,
+	.switchs2::after {
+		background: #22C572;
+		width: 20px;
+		height: 4px;
+		content: ' ';
+		position: absolute;
+		bottom: -20rpx;
+		left: 0;
+		right: 0;
+		margin: auto;
 	}
 
 	.switchs2 {
@@ -395,7 +426,14 @@
 	.upload {
 		margin: 20rpx 0;
 	}
-	.tit_red{
+
+	.tit_red {
 		color: #E54D42;
 	}
+	.person-info{
+		background: white;
+		padding: 20rpx;
+		border-radius: 20rpx;
+		margin-bottom: 50rpx;
+	}
 </style>

+ 107 - 104
pages/attestation/indexThree.vue

@@ -10,20 +10,20 @@
 					已覆盖
 				</view>
 				<view v-else>
-				<view class="status" v-if="item.authenticationStatus == '已认证'">
-					<image src="../../static/img/authentication/cert-personal@3x.png"
-						style="width: 16px;height: 16px;top:3px;"></image>
-					{{item.authenticationStatus}}
-				</view>
-				<view class="status1" v-if="item.authenticationStatus == '审核中'">
-					{{item.authenticationStatus}}
-				</view>
-				<view class="status2" v-if="item.authenticationStatus == '未通过'">
-					{{item.authenticationStatus}}
-				</view>
-				<view class="status3" v-if="item.authenticationStatus == '已覆盖'">
-					{{item.authenticationStatus}}
-				</view>
+					<view class="status" v-if="item.authenticationStatus == '已认证'">
+						<image src="../../static/img/authentication/cert-personal@3x.png"
+							style="width: 16px;height: 16px;top:3px;"></image>
+						{{item.authenticationStatus}}
+					</view>
+					<view class="status1" v-if="item.authenticationStatus == '审核中'">
+						{{item.authenticationStatus}}
+					</view>
+					<view class="status2" v-if="item.authenticationStatus == '未通过'">
+						{{item.authenticationStatus}}
+					</view>
+					<view class="status3" v-if="item.authenticationStatus == '已覆盖'">
+						{{item.authenticationStatus}}
+					</view>
 				</view>
 			</view>
 			<view class="geren">{{item.driverPhone}}</view>
@@ -32,7 +32,8 @@
 					<image src="../../static/img/authentication/selected(2).png"
 						style="width: 16px;height: 16px;top: 3px;">设为默认</image>
 				</view> -->
-				<view class='but' v-if="item.authenticationStatus == '已覆盖'||item.authenticationStatus == '已认证'" @click="open(item)">更换手机号</view>
+				<view class='but' v-if="item.authenticationStatus == '已覆盖'||item.authenticationStatus == '已认证'"
+					@click="open(item)">更换手机号</view>
 				<view class='but' v-if="item.authenticationStatus != '审核中'" @click="companyEdit(item)">修改</view>
 				<view class='but' @click="deleteSJ(item)">删除</view>
 			</view>
@@ -43,9 +44,9 @@
 					</view>
 					<view class="cancel" @click='pricestatus=false'>×</view>
 					<view class='shade-content-item'>
-						<input v-model='price' placeholder="请输入手机号" maxlength="11" type="number" class="tainput" >
+						<input v-model='price' placeholder="请输入手机号" maxlength="11" type="number" class="tainput">
 					</view>
-					<view>
+					<view class="bottom-btn">
 						<!--<view style='width:50%;display:inline-block;' @click='pricestatus=false'>取消</view>
 						<view style='width:50%;display:inline-block;' @click='amendprice'>确定</view> -->
 						<view class="determine" @click="getcode">
@@ -82,7 +83,7 @@
 
 		</view>
 		<view v-if="drivers.length==0">
-			<button class="btn btns"  @click="Add">新增</button>
+			<button class="btn btns" @click="Add">新增</button>
 		</view>
 	</view>
 </template>
@@ -103,7 +104,7 @@
 				price: "",
 				verifyCode: "",
 				sendText: "60s后重发",
-				id:"",
+				id: "",
 			}
 		},
 		computed: {
@@ -114,15 +115,15 @@
 		},
 		onPullDownRefresh() {
 			this.getList()
-			setTimeout(function () {
+			setTimeout(function() {
 				uni.stopPullDownRefresh();
 			}, 1000);
 		},
 		methods: {
 			resend() {
-				
+
 				price
-				
+
 				if (this.sendText == "获取验证码") {
 					this.getcode()
 				}
@@ -146,21 +147,20 @@
 						pcFlag: 0
 					}, 'application/json;charset=UTF-8').then(res => {
 						console.log(res.data.data.records)
-						for(var i = 0 ; i < res.data.data.records.length ; i++){
-							res.data.data.records[i].logo = res.data.data.records[i].driverName.substr(0,1)
+						for (var i = 0; i < res.data.data.records.length; i++) {
+							res.data.data.records[i].logo = res.data.data.records[i].driverName.substr(0, 1)
 						}
-						
+
 						this.drivers = res.data.data.records
 					})
 					.catch(res => {
-						if(res.errmsg){
+						if (res.errmsg) {
 							uni.showToast({
 								title: res.errmsg,
 								icon: 'none',
 								duration: 2000
 							})
-						}
-						else{
+						} else {
 							uni.showToast({
 								title: "系统异常,请联系管理员",
 								icon: 'none',
@@ -173,85 +173,88 @@
 				var that = this
 				that.identityAuthenticationInfo.driverPhone = that.price
 				this.$api.doRequest('get', '/commonUser/loginVerifyCode', {
-						phone: this.price,
-						verifyCode: this.verifyCode
-					}).then(res => {
-						if (res.data.code == 200) {
-							that.$api.doRequest('get','/driverViewInfo/selectPhone',that.identityAuthenticationInfo)
+					phone: this.price,
+					verifyCode: this.verifyCode
+				}).then(res => {
+					if (res.data.code == 200) {
+						that.$api.doRequest('get', '/driverViewInfo/selectPhone', that.identityAuthenticationInfo)
 							.then(res => {
-									if (res.data.code == '11018') {
-										uni.showModal({
-											title: '提示',
-											content: '该手机号已认证过司机,再次认证将覆盖之前的认证信息,是否确定认证?',
-											success: function(res) {										
-												if (res.confirm) {
-													that.identityAuthenticationInfo.id = item.id
-													that.$api.doRequest('post','/driverViewInfo/api/modifyPhone',that.identityAuthenticationInfo).then(
-														res => {
-															uni.showToast({
-																title: '提交成功',
-																icon: 'none',
-																duration: 2000
-															})
-															uni.navigateTo({
-																url: `/pages/attestation/indexThree`,
-															})
-														}).catch(res => {
+								if (res.data.code == '11018') {
+									uni.showModal({
+										title: '提示',
+										content: '该手机号已认证过司机,再次认证将覆盖之前的认证信息,是否确定认证?',
+										success: function(res) {
+											if (res.confirm) {
+												that.identityAuthenticationInfo.id = item.id
+												that.$api.doRequest('post',
+													'/driverViewInfo/api/modifyPhone', that
+													.identityAuthenticationInfo).then(
+													res => {
 														uni.showToast({
-															title: res.data.message,
+															title: '提交成功',
 															icon: 'none',
 															duration: 2000
 														})
-													})
-												} else if (res.cancel) {
+														uni.navigateTo({
+															url: `/pages/attestation/indexThree`,
+														})
+													}).catch(res => {
 													uni.showToast({
-														title: '提交失败',
+														title: res.data.message,
 														icon: 'none',
 														duration: 2000
 													})
-												}
-											}
-										});
-									}else if(res.data.code == 200){
-										that.identityAuthenticationInfo.id = item.id
-										that.$api.doRequest('post','/driverViewInfo/api/modifyPhone',that.identityAuthenticationInfo).then(
-											res => {
+												})
+											} else if (res.cancel) {
 												uni.showToast({
-													title: '提交成功',
+													title: '提交失败',
 													icon: 'none',
 													duration: 2000
 												})
-												uni.navigateTo({
-													url: `/pages/attestation/indexThree`,
-												})
-											}).catch(res => {
+											}
+										}
+									});
+								} else if (res.data.code == 200) {
+									that.identityAuthenticationInfo.id = item.id
+									that.$api.doRequest('post', '/driverViewInfo/api/modifyPhone', that
+										.identityAuthenticationInfo).then(
+										res => {
 											uni.showToast({
-												title: res.data.message,
+												title: '提交成功',
 												icon: 'none',
 												duration: 2000
 											})
+											uni.navigateTo({
+												url: `/pages/attestation/indexThree`,
+											})
+										}).catch(res => {
+										uni.showToast({
+											title: res.data.message,
+											icon: 'none',
+											duration: 2000
 										})
-									}
-								}).catch(res => {
-									uni.showToast({
-										title: res.data.message,
-										icon: 'none',
-										duration: 2000
 									})
+								}
+							}).catch(res => {
+								uni.showToast({
+									title: res.data.message,
+									icon: 'none',
+									duration: 2000
 								})
-							}
-						})
+							})
+					}
+				})
 			},
 			getcode() {
-					if (!this.price) {
-						uni.showToast({
-							title: '请填写手机号!',
-							icon: 'none',
-							duration: 2000
-						})
-						return
-					}
-				if (this.price.length != 11 ) {
+				if (!this.price) {
+					uni.showToast({
+						title: '请填写手机号!',
+						icon: 'none',
+						duration: 2000
+					})
+					return
+				}
+				if (this.price.length != 11) {
 					uni.showToast({
 						title: '请正确填写手机号!',
 						icon: 'none',
@@ -313,7 +316,7 @@
 					showCancel: true,
 					confirmText: '确定',
 					success: (e) => {
-						if(e.confirm){
+						if (e.confirm) {
 							this.$api.doRequest('post', '/driverViewInfo/api/deleteDriver', this.deletes,
 									'application/json;charset=UTF-8').then(res => {
 									if (res.data.code == 200) {
@@ -323,14 +326,13 @@
 									}
 								})
 								.catch(res => {
-									if(res.errmsg){
+									if (res.errmsg) {
 										uni.showToast({
 											title: res.errmsg,
 											icon: 'none',
 											duration: 2000
 										})
-									}
-									else{
+									} else {
 										uni.showToast({
 											title: "系统异常,请联系管理员",
 											icon: 'none',
@@ -339,7 +341,7 @@
 									}
 								});
 						}
-						
+
 					},
 					fail: () => {},
 					complete: () => {}
@@ -382,7 +384,7 @@
 		color: #AFB3BF;
 		font-size: 14px;
 		margin-top: -10px;
-		margin-left: 45px; 
+		margin-left: 45px;
 		margin-bottom: 20px;
 	}
 
@@ -471,11 +473,9 @@
 	}
 
 	.but {
-		height: 33px;
 		border: 1px solid #CDCDCD;
 		border-radius: 20px;
-		line-height: 30px;
-		padding: 0 8px;
+		padding: 15rpx 30rpx;
 		text-align: center;
 		margin-left: 20px;
 		font-size: 14px;
@@ -502,7 +502,7 @@
 	.shade-content-item {
 		width: 277px;
 		text-align: center;
-		height: 121px;
+		height: 160rpx;
 		padding: 35px 10px;
 
 	}
@@ -523,21 +523,23 @@
 		margin-top: 20px;
 	}
 
+	.bottom-btn {
+		display: flex;
+		justify-content: center;
+		margin-bottom: 50rpx;
+	}
+
 	.determine {
-		width: 95px;
-		height: 36px;
+		width: 50%;
 		background-color: #22C572;
 		color: #FFFFFF;
 		border-radius: 10px;
-		margin: 0 auto;
-		line-height: 36px;
-		margin-top: -30px;
-		margin-bottom: 20px;
+		padding: 15rpx 18rpx;
 	}
 
 	.tainput {
-		width: 70%;
-		padding-left: 10px;
+		width: 90%;
+		padding-bottom: 15rpx;
 		margin: 0 auto;
 		text-align: left;
 		border-bottom: 1px solid #AFB3BF;
@@ -580,7 +582,8 @@
 		text-align: left;
 		border-radius: 3px;
 	}
-	.options{
+
+	.options {
 		justify-content: flex-end;
 	}
 </style>

+ 137 - 94
pages/attestation/indexTwo.vue

@@ -1,36 +1,48 @@
 <template>
 	<view class="center">
 		<view v-for="(item , index) in businessman" :Key="index" class="forList">
-			<view class='flex' @click="navToDetailPage(item)">
-				<view class="logo">
+			<view class='forList-item' @click="navToDetailPage(item)">
+				<view class="logo left">
 					粮商
 				</view>
-				<view class="company">{{item.compName}}</view>
-				<view class="company" v-if="item.customerTypeFlag == 1">{{item.customerName}}</view>
-				<view class="status" v-if="item.cover == '1'">
-					已覆盖
-				</view>
-				<view v-else>
-					<view class="status" v-if="item.authenticationStatus == '已认证'">
-						<image src="../../static/img/authentication/cert-personal@3x.png"
-							style="width: 16px;height: 16px;top:3px;"></image>
-						{{item.authenticationStatus}}
-					</view>
-					<view class="status1" v-if="item.authenticationStatus == '审核中'">
-						{{item.authenticationStatus}}
-					</view>
-					<view class="status2" v-if="item.authenticationStatus == '未通过'">
-						{{item.authenticationStatus}}
+				<view class="right">
+					<view class="top">
+						<view class="company" v-if="item.customerTypeFlag != 1">{{item.compName}}</view>
+						<view class="company" v-if="item.customerTypeFlag == 1">{{item.customerName}}</view>
+						<view class="status" v-if="item.cover == '1'">
+							已覆盖
+						</view>
+						<view v-else>
+							<view class="status" v-if="item.authenticationStatus == '已认证'">
+								<image src="../../static/img/authentication/cert-personal@3x.png"
+									style="width: 16px;height: 16px;top:3px;"></image>
+								{{item.authenticationStatus}}
+							</view>
+							<view class="status1" v-if="item.authenticationStatus == '审核中'">
+								{{item.authenticationStatus}}
+							</view>
+							<view class="status2" v-if="item.authenticationStatus == '未通过'">
+								{{item.authenticationStatus}}
+							</view>
+							<view class="status3" v-if="item.authenticationStatus == '已覆盖'">
+								{{item.authenticationStatus}}
+							</view>
+						</view>
 					</view>
-					<view class="status3" v-if="item.authenticationStatus == '已覆盖'">
-						{{item.authenticationStatus}}
+					<view class="bottom">
+
+						<view class="">
+							<view class="geren" v-if="item.basis == 'true'">默认</view>
+							<view class="geren" v-if="item.customerTypeFlag == 1"> {{item.customerPhone}}</view>
+							<view class="geren" v-if="item.customerTypeFlag == 2">{{item.customerName}}</view>
+							<view class="geren" v-if="item.customerTypeFlag == 2">{{item.customerPhone}}</view>
+						</view>
 					</view>
 				</view>
+
 			</view>
-			<view class="geren" v-if="item.customerTypeFlag == 1"> {{item.customerPhone}}</view>
-			<view class="geren" v-if="item.customerTypeFlag == 2">{{item.customerName}}{{item.customerPhone}}
-			</view>
-			<view class="flex">
+
+			<view class="flex number">
 				<view class="yuan flex">
 					<view v-bind:class="defaults1" @click.stop="select(item)" v-if="item.basis == 'false'"></view>
 					<view v-bind:class="defaults2" @click.stop="select(item)" v-if="item.basis == 'true'">✓</view>
@@ -52,7 +64,7 @@
 					<view class='shade-content-item'>
 						<input v-model='price' placeholder="请输入手机号" type="number" class="tainput" maxlength="11">
 					</view>
-					<view>
+					<view class="bottom-btn">
 						<view class="determine" @click="getcode">
 							获取验证码
 						</view>
@@ -104,7 +116,7 @@
 				id: "",
 				defaults1: "default1",
 				defaults2: "default2",
-				identityAuthenticationInfos:{},
+				identityAuthenticationInfos: {},
 			}
 		},
 		computed: {
@@ -115,7 +127,7 @@
 		},
 		onPullDownRefresh() {
 			this.getList()
-			setTimeout(function () {
+			setTimeout(function() {
 				uni.stopPullDownRefresh();
 			}, 1000);
 		},
@@ -144,7 +156,8 @@
 					this.identityAuthenticationInfo.commonId = this.userInfo.id
 					this.identityAuthenticationInfo.defaultFlag = 1
 					this.identityAuthenticationInfo.id = item.id
-					this.$api.doRequest('post', '/identityAuthenticationInfo/api/setDefault', this.identityAuthenticationInfo,
+					this.$api.doRequest('post', '/identityAuthenticationInfo/api/setDefault', this
+							.identityAuthenticationInfo,
 							'application/json;charset=UTF-8').then(res => {
 							for (var i = 0; i < this.businessman.length; i++) {
 								if (this.businessman.defaultFlag == 1) {
@@ -156,14 +169,13 @@
 							this.getList()
 						})
 						.catch(res => {
-							if(res.errmsg){
+							if (res.errmsg) {
 								uni.showToast({
 									title: res.errmsg,
 									icon: 'none',
 									duration: 2000
 								})
-							}
-							else{
+							} else {
 								uni.showToast({
 									title: "系统异常,请联系管理员",
 									icon: 'none',
@@ -201,10 +213,10 @@
 							}
 						}
 						var data = res.data.data.records
-						for(var i=0;i<data.length;i++){
-							if(data[i].customerTypeFlag==2){
-								if(data[i].compName&&data[i].compName.length > 10){
-									data[i].compName = data[i].compName.substring(0,10) + "..."
+						for (var i = 0; i < data.length; i++) {
+							if (data[i].customerTypeFlag == 2) {
+								if (data[i].compName && data[i].compName.length > 10) {
+									data[i].compName = data[i].compName.substring(0, 10) + "..."
 								}
 							}
 						}
@@ -212,14 +224,13 @@
 
 					})
 					.catch(res => {
-						if(res.message){
+						if (res.message) {
 							uni.showToast({
 								title: res.message,
 								icon: 'none',
 								duration: 2000
 							})
-						}
-						else{
+						} else {
 							uni.showToast({
 								title: "系统异常,请联系管理员",
 								icon: 'none',
@@ -238,13 +249,14 @@
 					}).then(res => {
 						if (res.data.code == 200) {
 							that.identityAuthenticationInfos.customerPhone = that.price
-							that.$api.doRequest('get','/identityAuthenticationInfo/selectPhone', that.identityAuthenticationInfos)
+							that.$api.doRequest('get', '/identityAuthenticationInfo/selectPhone', that
+									.identityAuthenticationInfos)
 								.then(res => {
 									if (res.data.code == '11018') {
 										uni.showModal({
 											title: '提示',
 											content: '该手机号已认证过个人粮商,再次认证将覆盖之前的认证信息,是否确定认证?',
-											success: function(res) {										
+											success: function(res) {
 												if (res.confirm) {
 													that.$api.doRequest('post',
 														'/identityAuthenticationInfo/api/modifyIdentityPhone',
@@ -301,7 +313,7 @@
 											duration: 2000
 										})
 									}
-					
+
 								}).catch(res => {
 									uni.showToast({
 										title: res.data.message,
@@ -309,7 +321,7 @@
 										duration: 2000
 									})
 								})
-					
+
 						} else {
 							that.verification = false
 							uni.showToast({
@@ -403,32 +415,31 @@
 					success: (e) => {
 						if (e.confirm) {
 							this.$api.doRequest('post',
-								'/identityAuthenticationInfo/api/deleteIdentityAuthenticationInfo', {
-									id: item.id
-								}, 'application/json;charset=UTF-8').then(res => {
-								// this.procurementPlanInfos = res.data.data.records
-								if (res.data.code == 200) {
-									this.$api.msg('删除成功!')
-									this.getList()
-									return
-								}
-							})
-							.catch(res => {
-								if(res.errmsg){
-									uni.showToast({
-										title: res.errmsg,
-										icon: 'none',
-										duration: 2000
-									})
-								}
-								else{
-									uni.showToast({
-										title: "系统异常,请联系管理员",
-										icon: 'none',
-										duration: 2000
-									})
-								}
-							});
+									'/identityAuthenticationInfo/api/deleteIdentityAuthenticationInfo', {
+										id: item.id
+									}, 'application/json;charset=UTF-8').then(res => {
+									// this.procurementPlanInfos = res.data.data.records
+									if (res.data.code == 200) {
+										this.$api.msg('删除成功!')
+										this.getList()
+										return
+									}
+								})
+								.catch(res => {
+									if (res.errmsg) {
+										uni.showToast({
+											title: res.errmsg,
+											icon: 'none',
+											duration: 2000
+										})
+									} else {
+										uni.showToast({
+											title: "系统异常,请联系管理员",
+											icon: 'none',
+											duration: 2000
+										})
+									}
+								});
 						}
 					},
 					fail: () => {},
@@ -444,11 +455,10 @@
 	}
 </script>
 
-<style>
+<style scoped lang="scss">
 	.center {
-		padding: 10px 20px;
-		background-color: #eeeeee;
-		height: 2000rpx;
+		padding: 10px 20rpx;
+		height:calc(100vh - 88rpx);
 	}
 
 	.title {
@@ -466,15 +476,16 @@
 		font-weight: 600;
 		margin-top: 10px;
 		display: inline-block;
-		margin-left: 10px;
 	}
 
 	.geren {
 		color: #AFB3BF;
 		font-size: 14px;
-		margin-top: -15px;
+		margin-right: 10px;
+		display: inline-block;
+		/* 		margin-top: -15px;
 		margin-bottom: 20px;
-		margin-left: 46px;
+		margin-left: 46px; */
 	}
 
 	.infos {
@@ -487,11 +498,9 @@
 	}
 
 	.but {
-		height: 33px;
 		border: 1px solid #CDCDCD;
 		border-radius: 20px;
-		line-height: 30px;
-		padding: 0 8px;
+		padding: 15rpx 30rpx;
 		text-align: center;
 		margin-left: 20px;
 		font-size: 14px;
@@ -531,16 +540,16 @@
 	}
 
 	.status {
-		position: absolute;
-		margin-top: 10px;
-		right: 36px;
+		/* position: absolute; */
+		/* margin-top: 10px; */
+		/* right: 36px; */
 		color: #22C572;
 	}
 
 	.status1 {
-		position: absolute;
-		margin-top: 10px;
-		right: 36px;
+		// position: absolute;
+		// margin-top: 10px;
+		// right: 36px;
 		color: #FE6430;
 	}
 
@@ -568,6 +577,7 @@
 	.btns {
 		background-color: #22C572;
 		color: white;
+		margin: 52rpx 0;
 	}
 
 	.shade-content {
@@ -584,7 +594,7 @@
 	.shade-content-item {
 		width: 277px;
 		text-align: center;
-		height: 121px;
+		height: 160rpx;
 		padding: 35px 10px;
 	}
 
@@ -603,22 +613,22 @@
 		font-weight: 600;
 		margin-top: 20px;
 	}
-
+.bottom-btn{
+	display: flex;
+	justify-content: center;
+	margin-bottom: 50rpx;
+}
 	.determine {
-		width: 95px;
-		height: 36px;
+		width: 50%;
 		background-color: #22C572;
 		color: #FFFFFF;
 		border-radius: 10px;
-		margin: 0 auto;
-		line-height: 36px;
-		margin-top: -30px;
-		margin-bottom: 20px;
+		padding: 15rpx 18rpx;
 	}
 
 	.tainput {
-		width: 70%;
-		padding-left: 10px;
+		width: 90%;
+		padding-bottom: 15rpx;
 		margin: 0 auto;
 		text-align: left;
 		border-bottom: 1px solid #AFB3BF;
@@ -690,4 +700,37 @@
 	.options {
 		justify-content: flex-end;
 	}
+
+	.forList-item {
+		display: flex;
+		justify-content: space-between;
+		border-bottom: 1px solid #EEEEEE;
+		padding-bottom: 20px;
+
+		.left {
+			margin-left: 5px;
+		}
+
+		.right {
+			flex: 1;
+			margin-left:10rpx
+		}
+
+		.top {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+		}
+
+		.company {
+			display: inline-block;
+		}
+
+		.bottom {
+			width: 100%;
+		}
+	}
+	.number{
+		margin-top: 40rpx;
+	}
 </style>