前端sdy

pageD/identity/companyIdentity.vue

@@ -1,20 +1,13 @@
 <template>
 	<view class="center">
 		<view>
-			<image @click='consent' style='width:14px;height:14px;position:relative;top:2px;margin-right:5px;'
-				:src="consentStatus==true?'../../static/img/login/select@2x.png':'../../static/img/login/selected2.png'"
-				alt=""></image>
-			<text>公司</text>
-			<image @click='consent' style='width:14px;height:14px;position:relative;top:2px;margin-right:5px;'
-				:src="consentStatus1==true?'../../static/img/login/select@2x.png':'../../static/img/login/selected2.png'"
-				alt=""></image>
-			<text>个人</text>
+			<text @click='consent' v-bind:class="switchs1">公司</text>
+			<text  @click='consent' v-bind:class="switchs2">个人</text>
 		</view>
 		<view v-if="consentStatus == true">
 			<view>
-				<button type="default" @click="license">上传营业执照</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="license1 != ''">
-					<image v-bind:src = "license1" style="width: 100px;height: 100px;"></image>
+				<view style="margin: 0 auto;" v-if="license1 != ''" @click="license">
+					<image v-bind:src = "license1" class="picture"></image>
 				</view>
 			</view>
 			<view class="c-row b-b">
@@ -29,87 +22,14 @@
 					<input placeholder="请填写纳税人识别号" name="input"v-model="identityAuthenticationInfo.payTaxesCard"></input>
 				</view>
 			</view>
-			<view>
-				<button type="default" @click="idUp">上传身份证正面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="id1 != ''">
-					<image v-bind:src = "id1" style="width: 100px;height: 100px;"></image>
-				</view>
-				<button type="default" @click="idLow">上传身份证反面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="id2 != ''">
-					<image v-bind:src = "id2" style="width: 100px;height: 100px;"></image>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<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 type="default" @click="bankUp()">上传银行卡正面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="bank1 != ''">
-					<image v-bind:src = "bank1" style="width: 100px;height: 100px;"></image>
-				</view>
-				<button type="default" @click="bankLow()">上传银行卡反面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="bank2 != ''">
-					<image v-bind:src = "bank2" style="width: 100px;height: 100px;"></image>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">银行卡号</text>
-				<view class="con-list">
-					<input placeholder="请填写银行卡号" name="input" v-model="identityAuthenticationInfo.bankCard"></input>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">开户行</text>
-				<view class="con-list">
-					<input placeholder="请填写开户行" name="input" v-model="identityAuthenticationInfo.bankDeposit"></input>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">开户支行</text>
-				<view class="con-list">
-					<input placeholder="请填写开户支行" name="input"
-						v-model="identityAuthenticationInfo.bankDepositBranch"></input>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">手机号</text>
-				<view class="con-list">
-					<input placeholder="请填写手机号" @input='phoneinput' v-model="identityAuthenticationInfo.customerPhone"></input>
-				</view>
-			</view>
-			<view style='width:100%;border-bottom:1px solid #E8E9ED;position:relative;padding:10px;' class="flex">
-				<button :class='codestatus&&!sendDisabled?"active":""' @click='getcode'
-					class='getcode'>{{sendText}}</button>
-				<view style='width:70%;position:relative;margin-left: 200px;'>
-					<input v-model='verifyCode' placeholder="请输入验证码" type="text">
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">公司地址</text>
-				<view class="con-list">
-					<input placeholder="请填写公司地址" name="input" v-model="identityAuthenticationInfo.compAddress"></input>
-				</view>
-			</view>
 		</view>
-		<view v-else>
+		 <view v-else>
 			<view>
-				<button type="default" @click="idUp">上传身份证正面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="id1 != ''">
-					<image v-bind:src = "id1" style="width: 100px;height: 100px;"></image>
+				<view style="margin: 0 auto;" @click="idUp">
+					<image v-bind:src = "id1" class="picture"></image>
 				</view>
-				<button type="default" @click="idLow">上传身份证反面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="id2 != ''">
-					<image v-bind:src = "id2" style="width: 100px;height: 100px;"></image>
+				<view style="margin: 0 auto;" @click="idLow">
+					<image v-bind:src = "id2" class="picture"></image>
 				</view>
 			</view>
 			<view class="c-row b-b">
@@ -125,72 +45,10 @@
 						v-model="identityAuthenticationInfo.customerNumberCard"></input>
 				</view>
 			</view>
-			<view>
-				<button type="default" @click="bankUp()">上传银行卡正面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="bank1 != ''">
-					<image v-bind:src = "bank1" style="width: 100px;height: 100px;"></image>
-				</view>
-				<button type="default" @click="bankLow()">上传银行卡反面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="bank2 != ''">
-					<image v-bind:src = "bank2" style="width: 100px;height: 100px;"></image>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">银行卡号</text>
-				<view class="con-list">
-					<input placeholder="请填写银行卡号" name="input" v-model="identityAuthenticationInfo.bankCard"></input>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">开户行</text>
-				<view class="con-list">
-					<input placeholder="请填写开户行" name="input" v-model="identityAuthenticationInfo.bankDeposit"></input>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">开户支行</text>
-				<view class="con-list">
-					<input placeholder="请填写开户支行" name="input"
-						v-model="identityAuthenticationInfo.bankDepositBranch"></input>
-				</view>
 			</view>
-			<view class="c-row b-b">
-				<text class="tit">收款人姓名</text>
-				<view class="con-list">
-					<input placeholder="请填写收款人姓名" name="input" v-model="identityAuthenticationInfo.payeeName"></input>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">收款人身份证号</text>
-				<view class="con-list">
-					<input placeholder="请填写收款身份证号" name="input"
-						v-model="identityAuthenticationInfo.payeeNumberCard"></input>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">手机号</text>
-				<view class="con-list">
-					<input placeholder="请填写手机号" @input='phoneinput' v-model="identityAuthenticationInfo.customerPhone"></input>
-				</view>
-			</view>
-			<view style='width:100%;border-bottom:1px solid #E8E9ED;position:relative;padding:10px;' class="flex">
-				<button :class='codestatus&&!sendDisabled?"active":""' @click='getcode'
-					class='getcode'>{{sendText}}</button>
-				<view style='width:70%;position:relative;margin-left: 200px;'>
-					<input v-model='verifyCode' placeholder="请输入验证码" type="text">
-				</view>
-
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">联系地址</text>
-				<view class="con-list">
-					<input placeholder="请填写联系地址" name="input" v-model="identityAuthenticationInfo.compAddress"></input>
-				</view>
-			</view>
-		</view>
-		<view class="padding flex flex-direction">
-			<button class="cu-btn bg-red margin-tb-sm lg" @click="commit">提交</button>
-		</view>
+		<!-- <view class="padding flex flex-direction"> -->
+			 <button class="btns btn"  @click="jumpUrl">下一步</button>
+	
 	</view>
 
 </template>
@@ -214,25 +72,17 @@
 				sendText: '获取验证码',
 				platform: '',
 				sendDisabled: false,
+				license1:"../../static/img/authentication/business@3x.png",
+				switchs1:"switchs1",
+				switchs2:"switchs2",
 				id:[],
-				id1:"",
-				id2:"",
-				license1:"",
-				bank1:"",
-				bank2:"",
-				bankid:[],
+				id1:"../../static/img/authentication/identityup(3).png",
+				id2:"../../static/img/authentication/identitylow(3).png",
+				identityImgs1:{},
 
-				identityAuthenticationInfo: {
-					customerPhone: '',
-			
-				},
+				identityAuthenticationInfo: {},
 				tempFilePaths: [],
 				businessLicenseAddressUrl:"",
-
-				// userInfo:{
-				// 	phone: ''
-				// },
-				identityAuthenticationInfo: {},
 			};
 
 		},
@@ -240,13 +90,64 @@
 			...mapState(['hasLogin','userInfo'])
 		},
 		methods: {
+			jumpUrl(){ 
+				if(this.consentStatus ){
+					if (!this.identityAuthenticationInfo.compName) {
+						this.$api.msg('公司名称不能为空')
+						return
+					}
+					if (!this.identityAuthenticationInfo.payTaxesCard) {
+						this.$api.msg('纳税人识别号不能为空')
+						return
+					}
+					if (this.identityAuthenticationInfo.businessLicenseAddressUrl == "" || this.identityAuthenticationInfo.businessLicenseAddressUrl == null) {
+						this.$api.msg('请上传营业执照')
+						return
+					}
+					this.identityAuthenticationInfo.customerTypeFlag = "2"
+					this.identityAuthenticationInfo.customerType = "企业"
+					this.identityAuthenticationInfo.businessLicenseAddressUrl = this.businessLicenseAddressUrl
+					var model = JSON.stringify(this.identityAuthenticationInfo);
+					uni.navigateTo({
+						url: `/pageD/identity/companyIdentityTwo?identityAuthenticationInfo=` + model,
+					})
+				}else if(this.consentStatus1 ){
+					this.identityAuthenticationInfo.cardAddressUrl = this.id.toString()
+					if(this.id[0] == '' || this.id[0] == null){
+						this.$api.msg('请上传身份证正面')
+						return
+					}
+					if(this.id[1] == '' || this.id[1] == null){
+						this.$api.msg('请上传身份证反面')
+						return
+					}
+					if (!this.identityAuthenticationInfo.customerName) {
+						this.$api.msg('姓名不能为空')
+						return
+					}
+					if (!this.identityAuthenticationInfo.customerNumberCard) {
+						this.$api.msg('身份证号不能为空')
+						return
+					}	
+					this.identityAuthenticationInfo.customerTypeFlag = "1"
+					this.identityAuthenticationInfo.customerType = "个人"
+					var model = JSON.stringify(this.identityAuthenticationInfo);
+					uni.navigateTo({
+						url: `/pageD/identity/companyIdentityThree?identityAuthenticationInfo=` + model,
+					})
+				}			
+			},
 			consent() {
 				if (this.consentStatus == false && this.consentStatus1 == true) {
 					this.consentStatus = true
 					this.consentStatus1 = false
+					this.switchs1 = "switchs1"
+					this.switchs2 = "switchs2"
 				} else if (this.consentStatus == true && this.consentStatus1 == false) {
 					this.consentStatus = false
 					this.consentStatus1 = true
+					this.switchs1 = "switchs2"
+					this.switchs2 = "switchs1"
 				}
 			},
 
@@ -282,6 +183,17 @@
 								var strToObj = JSON.parse(data)			
 								that.id[0] = strToObj.url
 								that.id1 = strToObj.url
+								that.identityImgs1.personImg = strToObj.url
+								that.$api.doRequest('get', '/driverViewInfo/personShibie', that.identityImgs1).then(res => {
+									that.$set(that.identityAuthenticationInfo,'customerName',res.data.data.recPerson)
+									that.$set(that.identityAuthenticationInfo,'customerNumberCard',res.data.data.recPersonNo)
+								}).catch(res => {
+									uni.showToast({
+										title: res.data.message,
+										icon: 'none',
+										duration: 2000
+									})
+								})
 							}
 						})
 					}
@@ -305,107 +217,6 @@
 					}
 				})
 			},
-			bankUp(){
-				var that = this
-				wx.chooseImage({
-					success: function(res) {
-						wx.uploadFile({
-							url: 'https://www.zthymaoyi.com/upload/admin',
-							filePath: res.tempFilePaths[0],
-							name: 'file',
-							success(res) {
-								var data = res.data
-								var strToObj = JSON.parse(data)			
-								that.bankid[0] = strToObj.url
-								that.bank1 = strToObj.url
-							}
-						})
-					}
-				})
-			},
-			bankLow(){
-				var that = this
-				wx.chooseImage({
-					success: function(res) {
-						wx.uploadFile({
-							url: 'https://www.zthymaoyi.com/upload/admin',
-							filePath: res.tempFilePaths[0],
-							name: 'file',
-							success(res) {
-								var data = res.data
-								var strToObj = JSON.parse(data)			
-								that.bankid[1] = strToObj.url
-								that.bank2 = strToObj.url
-							}
-						})
-					}
-				})
-			},
-			commit() {
-				this.identityAuthenticationInfo.commonId = this.userInfo.id
-				this.identityAuthenticationInfo.cardAddressUrl = this.id.toString()
-				this.identityAuthenticationInfo.payeeAddressUrl = this.bankid.toString()
-				if(this.consentStatus1 == true){
-					this.identityAuthenticationInfo.customerTypeFlag = "1"
-					this.identityAuthenticationInfo.customerType = "个人"
-				}else if(this.consentStatus == true){
-					this.identityAuthenticationInfo.customerTypeFlag = "2"
-					this.identityAuthenticationInfo.customerType = "企业"
-				}
-				this.$api.doRequest('post', '/identityAuthenticationInfo/api/addIdentityAuthenticationInfo', this
-						.identityAuthenticationInfo)
-					.then(res => {
-						console.log(12545645)
-					}).catch(res => {
-						uni.showToast({
-							title: res.data.message,
-							icon: 'none',
-							duration: 2000
-						})
-					})
-			},
-
-			getcode() {
-				var that = this
-				if (/^0?1[3|4|5|6|7|8][0-9]\d{8}$/.test(this.identityAuthenticationInfo.customerPhone)) {
-					this.$api.doRequest('get', '/commonUser/sendVerifyCode', {
-							phone: this.identityAuthenticationInfo.customerPhone
-						}).then(res => {
-							if (res.data.code == 200) {
-								that.sendDisabled = true
-								let sec = 60
-								let interval = setInterval(() => {
-									sec--;
-									that.sendText = sec + 's后重发'
-									if (sec <= 0) {
-										that.sendDisabled = false
-										that.sendText = "获取验证码"
-										clearInterval(interval)
-									}
-								}, 1000)
-							} else {
-								uni.showToast({
-									title: res.data.message,
-									icon: 'none',
-									duration: 2000
-								})
-							}
-						})
-						.catch(res => {
-							uni.showToast({
-								title: res.data.message,
-								icon: 'none',
-								duration: 2000
-							})
-						});
-				} else {
-					uni.showToast({
-						title: '请输入正确的手机号',
-						icon: 'none',
-						duration: 2000
-					})
-				}
-			},
 			phoneinput(e){
 				if(e.detail.value.length==11){
 					this.codestatus=true
@@ -455,19 +266,6 @@
 		padding-right: 20rpx;
 		font-size: 14px;
 	}
-	.getcode {
-		font-size: 14px;
-		position: absolute;
-		top: 50%;
-		transform: translateY(-50%);
-		color: #AFB3BF;
-		background: #F5F6F9;
-		height: 30px;
-		line-height: 30px;
-	}
-	.getcode.active {
-		border: none;
-	}
 	.uni-navigator{
 		display:inline-block;
 		color:#22C572;
@@ -476,4 +274,29 @@
 		background: #22C572;
 		color: #fff;
 	}
+	.btn {
+		margin-top: 10px;
+		background-color: #FFFFFF;
+		border-radius: 25px;
+		border: none;
+	}
+	.btns{
+		background-color: #22C572;
+	}
+	.switchs1{
+		font-size: 20px;
+		font-weight: 700;
+		margin-right: 16px;
+	}
+	.switchs2{
+		font-size: 20px;
+
+		margin-right: 16px;
+	}
+	.picture{
+		width: 100%;
+		 height: 220px;
+		 text-align: center;
+		 margin-top: 10px;
+	}
 </style>

pageD/identity/companyIdentityLook.vue

@@ -1,127 +1,66 @@
 <template>
 	<view class="center">
-		<view>
-			<image @click='consent' style='width:14px;height:14px;position:relative;top:2px;margin-right:5px;' :src="consentStatus==true?'../../static/img/login/select@2x.png':'../../static/img/login/selected2.png'" alt=""></image>
-			<text>公司</text>
-			<image @click='consent' style='width:14px;height:14px;position:relative;top:2px;margin-right:5px;' :src="consentStatus1==true?'../../static/img/login/select@2x.png':'../../static/img/login/selected2.png'" alt=""></image>
-			<text>个人</text>
-
-		</view>
-		<view v-if="consentStatus == true">
-			<view>
-				<button type="default" @click="license">营业执照</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="license1 != ''">
-					<image v-bind:src = "license1" style="width: 100px;height: 100px;"></image>
+			<view  class="fujians" v-if="license1 != ''">
+				<view class="c-row b-b">
+					<text class="picturebiaoti">营业执照</text>			
 				</view>
+				<image v-bind:src="license1" class="picture"></image>
 			</view>
+			<view class="personalcss">
 			<view class="c-row b-b">
 				<text class="tit">公司名称</text>
 				<view class="con-list">
 					{{deptList.compName}}
 				</view>
 			</view>
-			<view class="c-row b-b">
+			<view class="c-row ">
 				<text class="tit">纳税人识别号</text>
 				<view class="con-list">
 				{{deptList.payTaxesCard}}
 				</view>
 			</view>
-			<view>
-				<button type="default">身份证正面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="idup != ''">
-					<image v-bind:src = "idup" style="width: 100px;height: 100px;"></image>
-				</view>
-				<button type="default">身份证反面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="idlow != ''">
-					<image v-bind:src = "idlow" style="width: 100px;height: 100px;"></image>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">姓名</text>
-				<view class="con-list">
-					{{deptList.customerName}}
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">身份证号</text>
-				<view class="con-list">
-					{{deptList.customerNumberCard}}
-				</view>
-			</view>
-			<view>
-				<button type="default">银行卡正面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="bank1 != ''">
-					<image v-bind:src = "bank1" style="width: 100px;height: 100px;"></image>
-				</view>
-				<button type="default">银行卡反面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="bank2 != ''">
-					<image v-bind:src = "bank2" style="width: 100px;height: 100px;"></image>
-				</view>
 			</view>
-			<view class="c-row b-b">
-				<text class="tit">银行卡号</text>
-				<view class="con-list">
-					{{deptList.bankCard}}
+			<view  class="fujians" v-if="idup != ''">
+				<view class="c-row b-b">
+					<text class="picturebiaoti">身份证正面</text>			
 				</view>
+				<image v-bind:src="idup" class="picture"></image>
 			</view>
-			<view class="c-row b-b">
-				<text class="tit">开户行</text>
-				<view class="con-list">
-					{{deptList.bankDeposit}}
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">开户支行</text>
-				<view class="con-list">
-					{{deptList.bankDepositBranch}}
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">手机号</text>
-				<view class="con-list">
-					{{deptList.customerPhone}}
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">公司地址</text>
-				<view class="con-list">
-					{{deptList.compAddress}}
-				</view>
-			</view>
-		</view>
-		<view v-else>
-			<view>
-				<button type="default">上传身份证正面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="id1 != ''">
-					<image v-bind:src = "id1" style="width: 100px;height: 100px;"></image>
-				</view>
-				<button type="default">上传身份证反面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="id2 != ''">
-					<image v-bind:src = "id2" style="width: 100px;height: 100px;"></image>
+			<view  class="fujians" v-if="idlow != ''">
+				<view class="c-row b-b">
+					<text class="picturebiaoti">身份证反面</text>			
 				</view>
+				<image v-bind:src="idlow" class="picture"></image>
 			</view>
+			<view class="personalcss">
+				
+			
 			<view class="c-row b-b">
 				<text class="tit">姓名</text>
 				<view class="con-list">
 					{{deptList.customerName}}
 				</view>
 			</view>
-			<view class="c-row b-b">
+			<view class="c-row ">
 				<text class="tit">身份证号</text>
 				<view class="con-list">
 					{{deptList.customerNumberCard}}
 				</view>
 			</view>
-			<view>
-				<button type="default">上传银行卡正面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="bank1 != ''">
-					<image v-bind:src = "bank1" style="width: 100px;height: 100px;"></image>
+			</view>
+			<view  class="fujians" v-if="bank1 != ''">
+				<view class="c-row b-b">
+					<text class="picturebiaoti">银行卡正面</text>			
 				</view>
-				<button type="default">上传银行卡反面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="bank2 != ''">
-					<image v-bind:src = "bank2" style="width: 100px;height: 100px;"></image>
+				<image v-bind:src="bank1" class="picture"></image>
+			</view>
+			<view  class="fujians" v-if="bank2 != ''">
+				<view class="c-row b-b">
+					<text class="picturebiaoti">银行卡反面</text>			
 				</view>
+				<image v-bind:src="bank2" class="picture"></image>
 			</view>
+			<view class="personalcss">
 			<view class="c-row b-b">
 				<text class="tit">银行卡号</text>
 				<view class="con-list">
@@ -140,16 +79,17 @@
 					{{deptList.bankDepositBranch}}
 				</view>
 			</view>
-			<view class="c-row b-b">
+			<view class="c-row b-b" v-if="deptList.customerTypeFlag == 1">
 				<text class="tit">收款人姓名</text>
 				<view class="con-list">
-					{{ deptList.payeeName}}
+					<input placeholder="请填写收款人姓名" name="input" v-model="deptList.payeeName"></input>
 				</view>
 			</view>
-			<view class="c-row b-b">
+			<view class="c-row b-b" v-if="deptList.customerTypeFlag == 1">
 				<text class="tit">收款人身份证号</text>
 				<view class="con-list">
-					{{deptList.payeeNumberCard}}
+					<input placeholder="请填写收款人身份证号" name="input"
+						v-model="deptList.payeeNumberCard"></input>
 				</view>
 			</view>
 			<view class="c-row b-b">
@@ -158,13 +98,19 @@
 					{{deptList.customerPhone}}
 				</view>
 			</view>
-			<view class="c-row b-b">
-				<text class="tit">联系地址</text>
+			<view class="c-row b-b" v-if="deptList.customerTypeFlag == 2">
+				<text class="tit">公司地址</text>
 				<view class="con-list">
 					{{deptList.compAddress}}
 				</view>
 			</view>
-		</view>
+			<view class="c-row b-b" v-if="deptList.customerTypeFlag == 1">
+				<text class="tit">联系地址</text>
+				<view class="con-list">
+					<input placeholder="请填写联系地址" name="input" v-model="deptList.compAddress"></input>
+				</view>
+			</view>
+			</view>
 	</view>
 </template>
 
@@ -201,17 +147,6 @@
 		},
 		methods: {
 			getList(ids) {		
-				// this.$api.doRequest('get', '/identityAuthenticationInfo/api/getIdentityAuthenticationInfo', this.parameter).then(res => {
-				// 		console.log("成功连接")
-				// 		this.businessman = res.data.data
-				// 	})
-				// 	.catch(res => {
-				// 		uni.showToast({
-				// 			title: res.errmsg,
-				// 			icon: 'none',
-				// 			duration: 2000
-				// 		})
-				// 	});
 					this.$api.doRequest('get', '/identityAuthenticationInfo/api/getIdentityAuthenticationInfo', this.parameter, 'application/json;charset=UTF-8').then(res => {
 							console.log("成功连接")
 							// this.procurementPlanInfos = res.data.data
@@ -290,4 +225,26 @@
 		padding-right: 20rpx;
 		font-size: 14px;
 	}
+	.picture {
+		width: 100%;
+		height: 220px;
+		text-align: center;
+		margin-top: 10px;
+	}
+	.fujians{
+		margin: 0 auto;
+		background-color: #FFFFFF;
+		margin-top: 30px;
+		border-radius: 20px;
+		padding: 10px 10px;
+	}
+	.picturebiaoti{
+		font-size: 17px;
+		font-weight: 700;
+	}
+	.personalcss{
+		background-color: #FFFFFF;
+		border-radius: 20px;
+		margin-top: 10px;
+	}
 </style>

pageD/identity/companyIdentityThree.vue

@@ -0,0 +1,343 @@
+<template>
+	<view class="center">
+		<view>
+		
+			<view style="margin: 0 auto;" v-if="bank1 != ''" @click="bankUp()">
+				<image v-bind:src="bank1" class="picture"></image>
+			</view>
+		
+			<view style="margin: 0 auto;" v-if="bank2 != ''" @click="bankLow()">
+				<image v-bind:src="bank2" class="picture"></image>
+			</view>
+		</view>
+		<view class="c-row b-b">
+			<text class="tit">银行卡号</text>
+			<view class="con-list">
+				<input placeholder="请填写银行卡号" name="input" v-model="identityAuthenticationInfo.bankCard"></input>
+			</view>
+		</view>
+		<view class="c-row b-b">
+			<text class="tit">开户行</text>
+			<view class="con-list">
+				<input placeholder="请填写开户行" name="input" v-model="identityAuthenticationInfo.bankDeposit"></input>
+			</view>
+		</view>
+		<view class="c-row b-b">
+			<text class="tit">开户支行</text>
+			<picker @change="bankChange" :value="bankIndex" :range="bankType" class="con-list">
+				<view class="con-list">
+					{{bankIndex>-1?bankType[bankIndex]:'请选择开户支行'}}
+				</view>
+			</picker>
+		</view>
+		<view class="c-row b-b" v-if="identityAuthenticationInfo.customerTypeFlag == 1">
+			<text class="tit">收款人姓名</text>
+			<view class="con-list">
+				<input placeholder="请填写收款人姓名" name="input" v-model="identityAuthenticationInfo.payeeName"></input>
+			</view>
+		</view>
+		<view class="c-row b-b" v-if="identityAuthenticationInfo.customerTypeFlag == 1">
+			<text class="tit">收款人身份证号</text>
+			<view class="con-list">
+				<input placeholder="请填写收款人身份证号" name="input"
+					v-model="identityAuthenticationInfo.payeeNumberCard"></input>
+			</view>
+		</view>
+		<view class="c-row b-b">
+			<text class="tit">手机号</text>
+			<view class="con-list">
+				<input placeholder="请填写手机号" v-model="identityAuthenticationInfo.customerPhone"></input>
+			</view>
+		</view>
+		<view style='width:100%;border-bottom:1px solid #E8E9ED;position:relative;padding:10px;' class="flex">
+			<button :class='codestatus&&!sendDisabled?"active":""' @click='getcode'
+				class='getcode'>{{sendText}}</button>
+			<view style='width:70%;position:relative;margin-left: 200px;'>
+				<input v-model='verifyCode' placeholder="请输入验证码" type="text">
+			</view>
+		</view>
+		<view class="c-row b-b" v-if="identityAuthenticationInfo.customerTypeFlag == 2">
+			<text class="tit">公司地址</text>
+			<view class="con-list">
+				<input placeholder="请填写公司地址" name="input" v-model="identityAuthenticationInfo.compAddress"></input>
+			</view>
+		</view>
+		<view class="c-row b-b" v-if="identityAuthenticationInfo.customerTypeFlag == 1">
+			<text class="tit">联系地址</text>
+			<view class="con-list">
+				<input placeholder="请填写联系地址" name="input" v-model="identityAuthenticationInfo.compAddress"></input>
+			</view>
+		</view>
+		<button class="btns btn" @click="commit">提交</button>
+	</view>
+</template>
+
+<script>
+	import {
+		mapState
+	} from 'vuex';
+	export default {
+		name: "buy",
+		data() {
+			return {
+				bank1: "../../static/img/authentication/bankup(3).png",
+				bank2: "../../static/img/authentication/banklow(3).png",
+				bankid: [],
+				consentStatus: true,
+				consentStatus1: false,
+				codestatus: false,
+				verifyCode: null,
+				inputStatus: 'none',
+				sendText: '获取验证码',
+				platform: '',
+				sendDisabled: false,
+				identityAuthenticationInfo: {},
+				bankImgs1: {},
+				bankIndex: -1,
+				bankType: [],
+			}
+		},
+		computed: {
+			...mapState(['hasLogin', 'userInfo'])
+		},
+		onLoad(options) {
+			this.identityAuthenticationInfo = JSON.parse(options.identityAuthenticationInfo)
+			console.log(this.identityAuthenticationInfo)
+		},
+		methods: {
+			bankUp() {
+				var that = this
+				wx.chooseImage({
+					success: function(res) {
+						wx.uploadFile({
+							url: 'https://www.zthymaoyi.com/upload/admin',
+							filePath: res.tempFilePaths[0],
+							name: 'file',
+							success(res) {
+								var data = res.data
+								var strToObj = JSON.parse(data)
+								that.bankid[0] = strToObj.url
+								that.bank1 = strToObj.url
+								that.bankImgs1.bankImg = strToObj.url
+								that.$api.doRequest('get', '/driverViewInfo/bankShibie', that
+									.bankImgs1).then(res => {
+									that.$set(that.identityAuthenticationInfo, 'bankCard', res
+										.data.data.bankNo)
+									that.$set(that.identityAuthenticationInfo, 'bankDeposit',
+										res.data.data.bankName)
+									that.bankType = res.data.data.bankNameZhihang
+								}).catch(res => {
+									uni.showToast({
+										title: res.data.message,
+										icon: 'none',
+										duration: 2000
+									})
+								})
+							}
+						})
+					}
+				})
+			},
+			bankLow() {
+				var that = this
+				wx.chooseImage({
+					success: function(res) {
+						wx.uploadFile({
+							url: 'https://www.zthymaoyi.com/upload/admin',
+							filePath: res.tempFilePaths[0],
+							name: 'file',
+							success(res) {
+								var data = res.data
+								var strToObj = JSON.parse(data)
+								that.bankid[1] = strToObj.url
+								that.bank2 = strToObj.url
+							}
+						})
+					}
+				})
+			},
+			bankChange(e) {
+				this.bankIndex = e.detail.value
+				this.Model = this.bankType[this.bankIndex];
+				this.identityAuthenticationInfo.bankDepositBranch = this.bankType[this.bankIndex];
+			},
+			commit() {
+				if (this.bankid[0] == '' || this.bankid[0] == null) {
+					this.$api.msg('请上传银行卡正面')
+					return
+				}
+				if (this.bankid[1] == '' || this.bankid[1] == null) {
+					this.$api.msg('请上传银行卡反面')
+					return
+				}
+				if (!this.identityAuthenticationInfo.bankCard) {
+					this.$api.msg('银行卡号不能为空')
+					return
+				}
+				if (!this.identityAuthenticationInfo.bankDeposit) {
+					this.$api.msg('开户行不能为空')
+					return
+				}
+				if (!this.identityAuthenticationInfo.bankDepositBranch) {
+					this.$api.msg('开户支行不能为空')
+					return
+				}
+				if (!this.identityAuthenticationInfo.customerPhone) {
+					this.$api.msg('手机号不能为空')
+					return
+				}
+				if(this.identityAuthenticationInfo.customerTypeFlag == 1){
+					if (!this.identityAuthenticationInfo.payeeName) {
+						this.$api.msg('收款人姓名不能为空')
+						return
+					}
+					if (!this.identityAuthenticationInfo.payeeNumberCard) {
+						this.$api.msg('收款人身份证号不能为空')
+						return
+					}
+					if (!this.identityAuthenticationInfo.compAddress) {
+						this.$api.msg('联系地址不能为空')
+						return
+					}
+				}else if(this.identityAuthenticationInfo.customerTypeFlag == 2){
+					if (!this.identityAuthenticationInfo.compAddress) {
+						this.$api.msg('公司地址不能为空')
+						return
+					}  
+				}
+			
+				this.identityAuthenticationInfo.commonId = this.userInfo.id
+				this.identityAuthenticationInfo.payeeAddressUrl = this.bankid.toString()
+
+				this.$api.doRequest('post', '/identityAuthenticationInfo/api/addIdentityAuthenticationInfo', this
+						.identityAuthenticationInfo)
+					.then(res => {
+						uni.navigateTo({
+							url: `/pages/attestation/index` ,
+						})
+						
+					}).catch(res => {
+						uni.showToast({
+							title: res.data.message,
+							icon: 'none',
+							duration: 2000
+						})
+					})
+			},
+			phoneinput(e){
+				if(e.detail.value.length==11){
+					this.codestatus=true
+				}
+			},
+			getcode() {
+				var that = this
+				if (/^0?1[3|4|5|6|7|8][0-9]\d{8}$/.test(this.identityAuthenticationInfo.customerPhone)) {
+					this.$api.doRequest('get', '/commonUser/sendVerifyCode', {
+							phone: this.identityAuthenticationInfo.customerPhone
+						}).then(res => {
+							if (res.data.code == 200) {
+								that.sendDisabled = true
+								let sec = 60
+								let interval = setInterval(() => {
+									sec--;
+									that.sendText = sec + 's后重发'
+									if (sec <= 0) {
+										that.sendDisabled = false
+										that.sendText = "获取验证码"
+										clearInterval(interval)
+									}
+								}, 1000)
+							} else {
+								uni.showToast({
+									title: res.data.message,
+									icon: 'none',
+									duration: 2000
+								})
+							}
+						})
+						.catch(res => {
+							uni.showToast({
+								title: res.data.message,
+								icon: 'none',
+								duration: 2000
+							})
+						});
+				} else {
+					uni.showToast({
+						title: '请输入正确的手机号',
+						icon: 'none',
+						duration: 2000
+					})
+				}
+			},
+		}
+	}
+</script>
+
+<style>
+	.center {
+		padding: 10px 20px;
+		background-color: #F5F6FA;
+	}
+
+	.c-row {
+		display: -webkit-box;
+		display: -webkit-flex;
+		display: flex;
+		-webkit-box-align: center;
+		-webkit-align-items: center;
+		align-items: center;
+		padding: 20rpx 30rpx;
+		position: relative;
+	}
+
+	.con-list {
+		-webkit-box-flex: 1;
+		-webkit-flex: 1;
+		flex: 1;
+		display: -webkit-box;
+		display: -webkit-flex;
+		display: flex;
+		-webkit-box-orient: vertical;
+		-webkit-box-direction: normal;
+		-webkit-flex-direction: column;
+		flex-direction: column;
+		color: #303133;
+		line-height: 40rpx;
+		text-align: right;
+		padding-right: 20rpx;
+		font-size: 14px;
+	}
+
+	.btn {
+		margin-top: 10px;
+		background-color: #FFFFFF;
+		border-radius: 25px;
+		border: none;
+	}
+
+	.btns {
+		background-color: #22C572;
+	}
+
+	.picture {
+		width: 100%;
+		height: 220px;
+		text-align: center;
+		margin-top: 10px;
+	}
+	.getcode {
+		font-size: 14px;
+		position: absolute;
+		top: 50%;
+		transform: translateY(-50%);
+		color: #AFB3BF;
+		background: #F5F6F9;
+		height: 30px;
+		line-height: 30px;
+	}
+	.getcode.active {
+		border: none;
+	}
+	
+</style>

pageD/identity/companyIdentityTwo.vue

@@ -0,0 +1,172 @@
+<template>
+	<view class="center">
+		<view>
+			<view style="margin: 0 auto;" @click="idUp">
+				<image v-bind:src = "id1" class="picture"></image>
+			</view>
+			<view style="margin: 0 auto;" @click="idLow">
+				<image v-bind:src = "id2" class="picture"></image>
+			</view>
+		</view>
+		<view class="c-row b-b">
+			<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>
+		 <button class="btns btn"  @click="jumpUrl">下一步</button>
+	</view>
+</template>
+
+<script>
+	import {
+		mapState
+	} from 'vuex';
+	export default {
+		name: "buy",
+		data() {
+			return {
+				
+				id:[],
+				id1:"../../static/img/authentication/identityup(3).png",
+				id2:"../../static/img/authentication/identitylow(3).png",
+				identityImgs1:{},
+				identityAuthenticationInfo:{},
+			}
+		},
+		onLoad(options){
+			this.identityAuthenticationInfo = JSON.parse(options.identityAuthenticationInfo)
+			console.log(this.identityAuthenticationInfo)
+		},
+		methods:{
+			jumpUrl(){
+				this.identityAuthenticationInfo.cardAddressUrl = this.id.toString()
+				if(this.id[0] == '' || this.id[0] == null){
+					this.$api.msg('请上传身份证正面')
+					return
+				}
+				if(this.id[1] == '' || this.id[1] == null){
+					this.$api.msg('请上传身份证反面')
+					return
+				}
+				if (!this.identityAuthenticationInfo.customerName) {
+					this.$api.msg('姓名不能为空')
+					return
+				}
+				if (!this.identityAuthenticationInfo.customerNumberCard) {
+					this.$api.msg('身份证号不能为空')
+					return
+				}	
+				var model = JSON.stringify(this.identityAuthenticationInfo);
+				uni.navigateTo({
+					url: `/pageD/identity/companyIdentityThree?identityAuthenticationInfo=` + model,
+				})
+			},
+			idUp(){
+				var that = this
+				wx.chooseImage({
+					success: function(res) {
+						wx.uploadFile({
+							url: 'https://www.zthymaoyi.com/upload/admin',
+							filePath: res.tempFilePaths[0],
+							name: 'file',
+							success(res) {
+								var data = res.data
+								var strToObj = JSON.parse(data)			
+								that.id[0] = strToObj.url
+								that.id1 = strToObj.url
+								that.identityImgs1.personImg = strToObj.url
+								that.$api.doRequest('get', '/driverViewInfo/personShibie', that.identityImgs1).then(res => {
+									that.$set(that.identityAuthenticationInfo,'customerName',res.data.data.recPerson)
+									that.$set(that.identityAuthenticationInfo,'customerNumberCard',res.data.data.recPersonNo)
+								}).catch(res => {
+									uni.showToast({
+										title: res.data.message,
+										icon: 'none',
+										duration: 2000
+									})
+								})
+							}
+						})
+					}
+				})
+			},
+			idLow(){
+				var that = this
+				wx.chooseImage({
+					success: function(res) {
+						wx.uploadFile({
+							url: 'https://www.zthymaoyi.com/upload/admin',
+							filePath: res.tempFilePaths[0],
+							name: 'file',
+							success(res) {
+								var data = res.data
+								var strToObj = JSON.parse(data)			
+								that.id[1] = strToObj.url
+								that.id2 = strToObj.url
+							}
+						})
+					}
+				})
+			},
+		}
+	}
+</script>
+
+<style>
+	.center {
+		padding: 10px 20px;
+		background-color: #F5F6FA;
+	}
+	.c-row {
+		display: -webkit-box;
+		display: -webkit-flex;
+		display: flex;
+		-webkit-box-align: center;
+		-webkit-align-items: center;
+		align-items: center;
+		padding: 20rpx 30rpx;
+		position: relative;
+	}
+	.con-list {
+		-webkit-box-flex: 1;
+		-webkit-flex: 1;
+		flex: 1;
+		display: -webkit-box;
+		display: -webkit-flex;
+		display: flex;
+		-webkit-box-orient: vertical;
+		-webkit-box-direction: normal;
+		-webkit-flex-direction: column;
+		flex-direction: column;
+		color: #303133;
+		line-height: 40rpx;
+		text-align: right;
+		padding-right: 20rpx;
+		font-size: 14px;
+	}
+
+	.btn {
+		margin-top: 10px;
+		background-color: #FFFFFF;
+		border-radius: 25px;
+		border: none;
+	}
+
+	.btns {
+		background-color: #22C572;
+	}
+	.picture{
+		width: 100%;
+		 height: 220px;
+		 text-align: center;
+		 margin-top: 10px;
+	}
+</style>

pageD/identity/driverIdentity.vue

@@ -45,138 +45,6 @@
 					<input placeholder="请填写常驻城市" name="input" v-model="DriverViewInfo.residentCityProvincial"></input>
 				</view>
 			</view>
-
-
-			<!-- </view>
-		<view class="margin-top">
-		<view class="information">	
-			<view class="c-row ">
-				<text class="tit">车辆 -？</text>
-				<view class="con-list">
-					<image src="../../static/img/jiaoyi/shanchu@2x.png" class="eliminate"></image>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">车牌号</text>
-				<view class="con-list">
-					<input placeholder="请填写车牌号" name="input" v-model="driverCarInfoList.carNumber"></input>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">车型</text>
-
-				<picker @change="ModelChange" :value="ModelIndex" :range="ModelType" class="con-list">
-					<view class="picker ">
-						{{ModelIndex>-1?ModelType[ModelIndex]:'请选择车型'}}
-					</view>
-				</picker>
-
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">不含车头车长（米）</text>
-
-				<picker @change="carLongChange" :value="carLongIndex" :range="carLongType" class="con-list">
-					<view class="picker">
-						{{carLongIndex>-1?carLongType[carLongIndex]:'请选择车长'}}
-					</view>
-				</picker>
-			
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">载重（吨）</text>
-				<view class="con-list">
-					<input placeholder="请填写载重（吨）" name="input" v-model="driverCarInfoList.carLoad"></input>
-				</view>
-			</view>
-			<view class="c-row ">
-				<text class="tit">出厂年份</text>
-				<view class="con-list">
-					<input placeholder="请填写出厂年份" name="input" v-model="driverCarInfoList.yearManufacture"></input>
-				</view>
-			</view>
-			
-
-			
-			</view>	
-           <button  class="btn">添加车辆</button>
-		</view> -->
-			<!-- <view class="margin-top">
-			<view class="information">	
-
-			<view class="c-row ">
-				<text class="tit">账户 -？</text>
-				<view class="con-list">
-					<image src="../../static/img/jiaoyi/shanchu@2x.png" class="eliminate"></image>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">账户类型</text>
-				<view class="con-list">
-					<input placeholder="请填写账户类型" name="input" v-model="driverPayeeInfoList.accountType"></input>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">银行卡照片（可选）</text>
-				<view class="con-list">
-					<input placeholder="请上传照片" name="input" v-model="driverPayeeInfoList.payeeAddressUrl"></input>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">银行卡号</text>
-				<view class="con-list">
-					<input placeholder="请输入银行卡号" name="input" v-model="driverPayeeInfoList.bankCard"></input>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">开户行</text>
-				<view class="con-list">
-					<input placeholder="请输入开户行" name="input" v-model="driverPayeeInfoList.bankDeposit"></input>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">开户支行</text>
-				<view class="con-list">
-					<input placeholder="请输入开户支行" name="input" v-model="driverPayeeInfoList.bankDepositBranch"></input>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">收款人姓名</text>
-				<view class="con-list">
-					<input placeholder="请输入收款人姓名" name="input" v-model="driverPayeeInfoList.payeeName"></input>
-				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">收款人身份证号</text>
-				<view class="con-list">
-					<input placeholder="请输入收款人身份证号" name="input" v-model="driverPayeeInfoList.payeeNumberCard"></input>
-				</view>
-			</view>
-			</view >	
-			<button class="btn">添加账号</button>
-		</view>
-		<view class="margin-top">
-			<view class="labels">上传附件</view>
-			<button type="default" @click="travel">行驶证</button>
-			<view style="width: 100px;margin: 0 auto;" v-if="travels != ''">
-				<image v-bind:src = "travels" style="width: 100px;height: 100px;"></image>
-			</view>
-			<button type="default" @click="drive">驾驶证</button>
-			<view style="width: 100px;margin: 0 auto;" v-if="drives != ''">
-				<image v-bind:src = "drives" style="width: 100px;height: 100px;"></image>
-			</view>
-			<button type="default" @click="operate">道路运营证</button>
-			<view style="width: 100px;margin: 0 auto;" v-if="operates != ''">
-				<image v-bind:src = "operates" style="width: 100px;height: 100px;"></image>
-			</view>
-			<button type="default" @click="practice">从业资格证</button>
-			<view style="width: 100px;margin: 0 auto;" v-if="practices != ''">
-				<image v-bind:src = "practices" style="width: 100px;height: 100px;"></image>
-			</view>
-		</view>
-		<view class="padding flex flex-direction">
-			<button class="cu-btn bg-red margin-tb-sm lg" @click="commit">提交</button>
-		</view>-->
-
 		</view>
 		<button class="btns btn" @click="jumpUrl">下一步</button>
 	</view>
@@ -330,13 +198,8 @@
 								that.id1 = strToObj.url
 								that.personImgs.personImg = that.id[0]
 								that.$api.doRequest('get', '/driverViewInfo/personShibie', that.personImgs).then(res => {
-									console.log("成功！")
-									console.log(that)
 									that.$set(that.DriverViewInfo,'driverName',res.data.data.recPerson)
 									that.$set(that.DriverViewInfo,'numberCard',res.data.data.recPersonNo)
-									 // that.DriverViewInfo.driverName = res.data.data.recPerson
-									 //  that.DriverViewInfo.numberCard = res.data.data.recPersonNo
-									  console.log(that.DriverViewInfo.driverName)
 								}).catch(res => {
 									uni.showToast({
 										title: res.data.message,

pageD/identity/driverIdentityEdit.vue

@@ -1,17 +1,19 @@
 <template>
 	<view class="center">
 		<view>
-			<view class="labels">司机信息</view>
+
 			<view>
-				<button type="default" @click="idUp">上传身份证正面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="id != ''">
-					<image v-bind:src = "id1" style="width: 100px;height: 100px;"></image>
+				<view style="margin: 0 auto;" v-if="id != ''"  @click="idUp">
+					<image v-bind:src = "id1" class="picture"></image>
 				</view>
-				<button type="default" @click="idLow">上传身份证反面</button>
-				<view style="width: 100px;margin: 0 auto;" v-if="id2 != ''">
-					<image v-bind:src = "id2" style="width: 100px;height: 100px;"></image>
+	
+				<view style="margin: 0 auto;" v-if="id2 != ''" @click="idLow">
+					<image v-bind:src = "id2" class="picture"></image>
 				</view>
 			</view>
+			<view class="personalcss">
+				
+			
 			<view class="c-row b-b">
 				<text class="tit">姓名</text>
 				<view class="con-list">
@@ -47,23 +49,37 @@
 					<input placeholder="请填写常驻城市" name="input" v-model="DriverViewInfo.residentCityProvincial"></input>
 				</view>
 			</view>
+			</view>
 
 
 		</view>
-		<view class="margin-top">
-			<view class="labels">货车信息</view>
-			<view class="labels"> 车辆 -？</view>
+		<!-- 车辆信息 -->
+		<view class="information">
+			<view class="c-row">
+				<text class="tit" style="line-height: 36px;">货车信息</text>
+				<view class="con-list">
+					<image v-bind:src="opencar" class="open" opencarboolean @click="opencarclick" ></image>
+				</view>
+			</view>
+		</view>
+		<view class="informations" v-if="opencarboolean == true" v-for="(item , index) in driverCarInfoList"
+			:Key="index">
+			<view class="c-row ">
+				<text class="tit">车辆 -{{index+1}}</text>
+				<view class="con-list">
+					<image src="../../static/img/jiaoyi/shanchu@2x.png" class="eliminate" @click="carDel(index)" ></image>
+				</view>
+			</view>
 			<view class="c-row b-b">
 				<text class="tit">车牌号</text>
 				<view class="con-list">
-					<input placeholder="请填写车牌号" name="input" v-model="driverCarInfoList[0].carNumber"></input>
+					<input placeholder="请填写车牌号" name="input" v-model="item.carNumber"></input>
 				</view>
 			</view>
 			<view class="c-row b-b">
 				<text class="tit">车型</text>
-				<!-- <view class="con-list"> -->
 				<picker @change="ModelChange" :value="ModelIndex" :range="ModelType" class="con-list">
-					<view class="picker ">
+					<view class="picker " v-model="item.carModel">
 						{{ModelIndex>-1?ModelType[ModelIndex]:'请选择车型'}}
 					</view>
 				</picker>
@@ -71,99 +87,132 @@
 			</view>
 			<view class="c-row b-b">
 				<text class="tit">不含车头车长（米）</text>
-				<!-- 	 <view class="con-list"> -->
 				<picker @change="carLongChange" :value="carLongIndex" :range="carLongType" class="con-list">
-					<view class="picker">
+					<view class="picker" v-model="item.carLength">
 						{{carLongIndex>-1?carLongType[carLongIndex]:'请选择车长'}}
 					</view>
 				</picker>
-				<!-- </view> -->
 			</view>
 			<view class="c-row b-b">
 				<text class="tit">载重（吨）</text>
 				<view class="con-list">
-					<input placeholder="请填写载重（吨）" name="input" v-model="driverCarInfoList[0].carLoad"></input>
+					<input placeholder="请填写载重（吨）" name="input" v-model="item.carLoad"></input>
 				</view>
 			</view>
-			<view class="c-row b-b">
+			<view class="c-row ">
 				<text class="tit">出厂年份</text>
 				<view class="con-list">
-					<input placeholder="请填写出厂年份" name="input" v-model="driverCarInfoList[0].yearManufacture"></input>
+					<input placeholder="请填写出厂年份" name="input" v-model="item.yearManufacture"></input>
 				</view>
 			</view>
+		</view>
+		<button class="btn" v-if="opencarboolean == true" @click="carAdd">
+				 <image src="../../static/img/jiaoyi/ic_fabu@3x.png" class="add" style="top: 8px;"></image> 
+				 <texe>添加车辆</texe>
+				 </button>
 
-			<button type="default">添加车辆</button>
-
+		
+		<!-- 账户信息 -->
+		<view class="information">
+			<view class="c-row">
+				<text class="tit">账户信息</text>
+				<view class="con-list">
+					<image v-bind:src="openuser" class="open" openuserboolean @click="openuserclick"></image>
+				</view>
+			</view>
 		</view>
-		<view class="margin-top">
-			<view class="labels">账户信息</view>
-			<view class="labels"> 账户 -？</view>
+		
+		<view class="informations" v-if="openuserboolean == true" v-for="(items , index) in driverPayeeInfoList"
+			:Key="index">
+			<!-- <view class="labels"> 账户 -？</view> -->
+			<view class="c-row ">
+				<text class="tit">账户 -{{index+1}}</text>
+				<view class="con-list">
+					<image src="../../static/img/jiaoyi/shanchu@2x.png" class="eliminate" @click="userDel(index)"></image>
+				</view>
+			</view>
 			<view class="c-row b-b">
 				<text class="tit">账户类型</text>
 				<view class="con-list">
-					<input placeholder="请填写账户类型" name="input" v-model="driverPayeeInfoList[0].accountType"></input>
+					<input placeholder="请填写账户类型" name="input" v-model="items.accountType"></input>
 				</view>
 			</view>
-			<view class="c-row b-b">
+			<view class="c-row b-b"> 
 				<text class="tit">银行卡照片（可选）</text>
 				<view class="con-list">
-					<input placeholder="请上传照片" name="input" v-model="driverPayeeInfoList[0].payeeAddressUrl"></input>
+					<!-- <input placeholder="请上传照片" name="input" v-model="items.payeeAddressUrl" @clisk="bankimg(items)"></input> -->
+					<view  v-if="bankimg == ''"  @click="bankimgs(index)">请上传照片</view>
+					<view  v-if="bankimg != ''" @click="bankimgs(index)">
+						<image v-bind:src="bankimg" style="width: 40px; height: 40px;"></image>
+					</view>
+					
 				</view>
 			</view>
 			<view class="c-row b-b">
 				<text class="tit">银行卡号</text>
 				<view class="con-list">
-					<input placeholder="请输入银行卡号" name="input" v-model="driverPayeeInfoList[0].bankCard"></input>
+					<input placeholder="请输入银行卡号" name="input" v-model="items.bankCard"></input>
 				</view>
 			</view>
 			<view class="c-row b-b">
 				<text class="tit">开户行</text>
+				
 				<view class="con-list">
-					<input placeholder="请输入开户行" name="input" v-model="driverPayeeInfoList[0].bankDeposit"></input>
+					<input placeholder="请输入开户行" name="input" v-model="items.bankDeposit"></input>
 				</view>
+			
 			</view>
 			<view class="c-row b-b">
 				<text class="tit">开户支行</text>
+				<picker @change="bankChange" :value="bankIndex" :range="bankType" class="con-list">
 				<view class="con-list">
-					<input placeholder="请输入开户支行" name="input" v-model="driverPayeeInfoList[0].bankDepositBranch"></input>
+					{{bankIndex>-1?bankType[bankIndex]:'请选择开户支行'}}
 				</view>
+					</picker>
 			</view>
 			<view class="c-row b-b">
 				<text class="tit">收款人姓名</text>
 				<view class="con-list">
-					<input placeholder="请输入收款人姓名" name="input" v-model="driverPayeeInfoList[0].payeeName"></input>
+					<input placeholder="请输入收款人姓名" name="input" v-model="items.payeeName"></input>
 				</view>
 			</view>
-			<view class="c-row b-b">
+			<view class="c-row ">
 				<text class="tit">收款人身份证号</text>
 				<view class="con-list">
-					<input placeholder="请输入收款人身份证号" name="input" v-model="driverPayeeInfoList[0].payeeNumberCard"></input>
+					<input placeholder="请输入收款人身份证号" name="input" v-model="items.payeeNumberCard"></input>
 				</view>
 			</view>
-			<button type="default">添加账号</button>
 		</view>
-		<view class="margin-top">
-			<view class="labels">上传附件</view>
-			<button type="default" @click="travel">行驶证</button>
-			<view style="width: 100px;margin: 0 auto;" v-if="travels != ''">
-				<image v-bind:src = "travels" style="width: 100px;height: 100px;"></image>
+		<button class="btn" v-if="openuserboolean == true" @click="userAdd()">
+			 <image src="../../static/img/jiaoyi/ic_fabu@3x.png" class="add" style="top: 8px;"></image> 
+			<text style="margin-top: -2px;">添加账户</text>
+			</button>
+		<view  class="fujians" v-if="travels != ''" @click="travel">
+			<view class="c-row b-b">
+				<text class="picturebiaoti">行驶证</text>			
 			</view>
-			<button type="default" @click="drive">驾驶证</button>
-			<view style="width: 100px;margin: 0 auto;" v-if="drives != ''">
-				<image v-bind:src = "drives" style="width: 100px;height: 100px;"></image>
+			<image v-bind:src="travels" class="picture"></image>
+		</view>	
+		<view  class="fujians" v-if="drives != ''" @click="drive">
+			<view class="c-row b-b">
+				<text class="picturebiaoti">驾驶证</text>			
 			</view>
-			<button type="default" @click="operate">道路运营证</button>
-			<view style="width: 100px;margin: 0 auto;" v-if="operates != ''">
-				<image v-bind:src = "operates" style="width: 100px;height: 100px;"></image>
+			<image v-bind:src="drives" class="picture"></image>
+		</view>	
+		<view  class="fujians" v-if="operates != ''" @click="operate">
+			<view class="c-row b-b">
+				<text class="picturebiaoti">道路运营证</text>			
 			</view>
-			<button type="default" @click="practice">从业资格证</button>
-			<view style="width: 100px;margin: 0 auto;" v-if="practices != ''">
-				<image v-bind:src = "practices" style="width: 100px;height: 100px;"></image>
+			<image v-bind:src="operates" class="picture"></image>
+		</view>	
+		<view  class="fujians" v-if="practices != ''" @click="practice">
+			<view class="c-row b-b">
+				<text class="picturebiaoti">从业资格证</text>			
 			</view>
-		</view>
-		<view class="padding flex flex-direction">
-			<button class="cu-btn bg-red margin-tb-sm lg" @click="commitEdit">修改</button>
-		</view>
+			<image v-bind:src="practices" class="picture"></image>
+		</view>	
+			<button class="btn btns" @click="commitEdit">修改</button>
+
 	</view>
 	</view>
 </template>
@@ -210,6 +259,14 @@
 				codestatus:false,
 				customerPhone: '',
 				addressUrl:[],
+				opencarboolean:false,
+				openuserboolean:false,
+				opencar: "../../static/img/authentication/down2@3x.png",
+					openuser: "../../static/img/authentication/down2@3x.png",
+					bankimg:"",
+					bankImgs1:{},
+					bankIndex:-1,
+					bankType:[],
 			}
 		},
 		computed: {
@@ -219,11 +276,69 @@
 			this.getList(option.id)
 		},
 		methods: {
-			// phoneinput(e) {
-			// 	if (e.detail.value.length == 11) {
-			// 		this.codestatus = true
-			// 	}
-			// },
+			carAdd() {
+				this.driverCarInfoList.push({
+					carNumber: '',
+					carModel: "",
+					carLength: "",
+					carLoad: "",
+					yearManufacture: "",
+				})
+			},
+			userAdd() {
+				this.driverPayeeInfoList.push({
+					accountType:"",
+					cardAddressUrl:"",
+					bankCard:"",
+					bankDeposit:"",
+					bankDepositBranch:"",
+					payeeName:"",
+					payeeNumberCard:"",
+				})
+			},
+			carDel(index) {
+				if (this.driverCarInfoList.length > 1) {
+					this.driverCarInfoList.splice(index, 1)
+				}
+			},
+			userDel(index) {
+				if (this.driverPayeeInfoList.length > 1) {
+					this.driverPayeeInfoList.splice(index, 1)
+				}
+			},
+			opencarclick() {
+				if (this.opencarboolean == false) {
+					this.opencarboolean = true;
+					this.opencar = "../../static/img/authentication/up2%20(3).png"
+				} else if (this.opencarboolean == true) {
+					this.opencarboolean = false;
+					this.opencar = "../../static/img/authentication/down2@3x.png"
+				}
+			},
+			openuserclick() {
+				if (this.openuserboolean == false) {
+					this.openuserboolean = true;
+					this.openuser = "../../static/img/authentication/up2%20(3).png"
+				} else if (this.openuserboolean == true) {
+					this.openuserboolean = false;
+					this.openuser = "../../static/img/authentication/down2@3x.png"
+				}
+			},
+			openfujianclick(){
+				if (this.openfujianboolean == false) {
+					this.openfujianboolean = true;
+					this.openfujian = "../../static/img/authentication/up2%20(3).png"
+				} else if (this.openfujianboolean == true) {
+					this.openfujianboolean = false;
+					this.openfujian = "../../static/img/authentication/down2@3x.png"
+				}
+			},
+			bankChange(e) {
+				console.log(e,"e是神恶魔")
+				this.bankIndex = e.detail.value
+				this.Model = this.bankType[this.bankIndex];	
+				this.driverPayeeInfoList[index].bankDepositBranch = this.bankType[this.bankIndex];
+			},
 			getList(ids) {
 				this.$api.doRequest('get', '/driverViewInfo/getDriver', {
 						id: ids
@@ -278,6 +393,40 @@
 					})
 				})
 			},
+			bankimgs(items){
+				console.log(items)
+				var that = this
+				wx.chooseImage({
+					success: function(res) {
+						wx.uploadFile({
+							url: 'https://www.zthymaoyi.com/upload/admin',
+							filePath: res.tempFilePaths[0],
+							name: 'file',
+							success(res) {
+								var data = res.data
+								var strToObj = JSON.parse(data)
+								// that.id[0] = strToObj.url
+								that.bankimg = strToObj.url
+								 that.bankImgs1.bankImg = strToObj.url
+								that.$api.doRequest('get', '/driverViewInfo/bankShibie', that.bankImgs1).then(res => {
+									console.log(res)
+									that.$set(that.driverPayeeInfoList[items],'bankCard',res.data.data.bankNo)
+									that.$set(that.driverPayeeInfoList[items],'bankDeposit',res.data.data.bankName)
+					
+									that.bankType = res.data.data.bankNameZhihang
+									console.log(that.ban)
+								}).catch(res => {
+									uni.showToast({
+										title: res.data.message,
+										icon: 'none',
+										duration: 2000
+									})
+								})
+							}
+						})
+					}
+				})	
+			},
 			idUp(){
 				var that = this
 				wx.chooseImage({
@@ -574,4 +723,63 @@
 		background: #22C572;
 		color: #fff;
 	}
+	.picture {
+		width: 100%;
+		height: 220px;
+		text-align: center;
+		margin-top: 10px;
+	}
+	.fujians{
+		margin: 0 auto;
+		background-color: #FFFFFF;
+		margin-top: 30px;
+		border-radius: 20px;
+		padding: 10px 10px;
+	}
+	.btn {
+		margin-top: 10px;
+		background-color: #FFFFFF;
+		border-radius: 25px;
+		border: none;
+	}
+	
+	.btns {
+		background-color: #22C572;
+	}
+	.information {
+		margin-top: 10px;
+		width: 100%;
+		height: 56px;
+		background-color: #FFFFFF;
+		border-radius: 16px;
+	}
+	.informations {
+		margin-top: 10px;
+		background-color: #FFFFFF;
+		border-radius: 20px;
+	}
+	.personalcss{
+		background-color: #FFFFFF;
+		border-radius: 20px;
+		margin-top: 10px;
+	}
+	.open {
+		width: 30px;
+		height: 20px;
+	}
+	.add{
+		width: 26px;
+		height: 26px;
+		/* background-image: url(../../static/img/jiaoyi/ic_fabu@3x.png); */
+	}
+	/* 清除 */
+	.eliminate {
+		width: 20px;
+		height: 20px;
+		float: right;
+	}
+	.bankImg{
+		width: 20px;
+		height: 20px;
+	}
 </style>

pageD/identity/driverIdentityLook.vue

@@ -1,15 +1,15 @@
 <template>
 	<view class="center">
 		<view>
-			<view class="labels">司机信息</view>
-			<button type="default">身份证正面</button>
-			<view style="width: 100px;margin: 0 auto;" v-if="idup != ''">
-				<image v-bind:src="idup" style="width: 100px;height: 100px;"></image>
-			</view>
-			<button type="default">身份证反面</button>
-			<view style="width: 100px;margin: 0 auto;" v-if="idlow != ''">
-				<image v-bind:src="idlow" style="width: 100px;height: 100px;"></image>
+			<view style="margin: 0 auto;" v-if="idup != ''">
+				<image v-bind:src="idup" class="picture"></image>
 			</view>
+			<view style="margin: 0 auto;" v-if="idlow != ''">
+				<image v-bind:src="idlow" class="picture"></image>
+			</view>	
+			<view class="personalcss">
+				
+			
 			<view class="c-row b-b">
 				<text class="tit">姓名</text>
 				<view class="con-list">
@@ -28,21 +28,30 @@
 					{{drivers.driverPhone}}
 				</view>
 			</view>
-			<view class="c-row b-b">
+			<view class="c-row">
 				<text class="tit">常驻城市</text>
 				<view class="con-list">
 					{{drivers.residentCityProvincial}}
 				</view>
 			</view>
-
+           </view>
+        <!-- 车辆信息 -->
+        <view class="information">
+        	<view class="c-row">
+        		<text class="tit" style="line-height: 36px;">货车信息</text>
+        		<view class="con-list">
+        			<image v-bind:src="opencar" class="open" opencarboolean @click="opencarclick"></image>
+        		</view>
+        	</view>
+        </view>
 
 		</view>
-		<view class="margin-top">
-			<view class="labels">货车信息</view>
-			<view v-for="(item , index) in  drivers.driverCarInfoList" :Key="index">
-
-
-				<view class="labels"> 车辆 -{{index+1}}</view>
+		<view class="informations" v-if="opencarboolean == true">
+			<view v-for="(item , index) in  drivers.driverCarInfoList" :Key="index" >
+				<view class="c-row ">
+					<text class="tit">车辆 -{{index+1}}</text>
+					
+				</view>
 				<view class="c-row b-b">
 					<text class="tit">车牌号</text>
 					<view class="con-list">
@@ -76,12 +85,22 @@
 			</view>
 
 		</view>
-		<view class="margin-top">
-			<view class="labels">账户信息</view>
+		
+		<view class="information">
+			<view class="c-row">
+				<text class="tit" style="line-height: 36px;">账户信息</text>
+				<view class="con-list">
+					<image v-bind:src="openuser" class="open" openuserboolean @click="openuserclick"></image>
+				</view>
+			</view>
+		</view>
+		
+		<view class="informations" v-if="openuserboolean == true">
+			<!-- <view class="labels">账户信息</view> -->
 			<view v-for="(items , index) in  drivers.driverPayeeInfoList" :Key="index">
-
-
-				<view class="labels"> 账户 - {{index+1}}</view>
+				<view class="c-row b-b">
+					<text class="tit">账户 - {{index+1}}</text>	
+				</view>
 				<view class="c-row b-b">
 					<text class="tit">账户类型</text>
 					<view class="con-list">
@@ -89,9 +108,10 @@
 					</view>
 				</view>
 				<view class="c-row b-b">
-					<text class="tit">银行卡照片（可选）</text>
-					<view class="con-list">
-						真的没做呐
+					<text class="tit">银行卡照片</text>
+					<view   @click="bankimgs(index)">
+						<text v-if="bankimg[index] == '' && bankimg[index] != null">未上传</text>
+						<image v-bind:src="bankimg[index]" style="width: 40px; height: 40px;" v-if="bankimg[index] != '' && bankimg[index] != null"></image>
 					</view>
 				</view>
 				<view class="c-row b-b">
@@ -126,24 +146,42 @@
 				</view>
 			</view>
 		</view>
-		<view class="margin-top">
-			<view class="labels">上传附件</view>
+		<view class="information">
+			<view class="c-row">
+				<text class="tit" style="line-height: 36px;">附件信息</text>
+				<view class="con-list">
+					<image v-bind:src="openfujian" class="open" openfujianboolean @click="openfujianclick"></image>
+				</view>
+			</view>
+		</view>
+			
+		
+		<view  v-if="openfujianboolean == true">
 
-			<button type="default">行驶证</button>
-			<view style="width: 100px;margin: 0 auto;" v-if="travels != ''">
-				<image v-bind:src="travels" style="width: 100px;height: 100px;"></image>
+			<view  class="fujians" v-if="travels != ''">
+				<view class="c-row b-b">
+					<text class="picturebiaoti">行驶证</text>			
+				</view>
+				<image v-bind:src="travels" class="picture"></image>
 			</view>
-			<button type="default">驾驶证</button>
-			<view style="width: 100px;margin: 0 auto;" v-if="drives != ''">
-				<image v-bind:src="drives" style="width: 100px;height: 100px;"></image>
+
+			<view class="fujians" v-if="drives != ''">
+				<view class="c-row b-b">
+					<text class="picturebiaoti">驾驶证</text>			
+				</view>
+				<image v-bind:src="drives" class="picture"></image>
 			</view>
-			<button type="default">道路运营证</button>
-			<view style="width: 100px;margin: 0 auto;" v-if="practices != ''">
-				<image v-bind:src="practices" style="width: 100px;height: 100px;"></image>
+			<view class="fujians" v-if="practices != ''">
+				<view class="c-row b-b">
+					<text class="picturebiaoti">道路运营证</text>			
+				</view>
+				<image v-bind:src="practices" class="picture"></image>
 			</view>
-			<button type="default">从业资格证</button>
-			<view style="width: 100px;margin: 0 auto;" v-if="operates != ''">
-				<image v-bind:src="operates" style="width: 100px;height: 100px;"></image>
+			<view class="fujians" v-if="operates != ''">
+				<view class="c-row b-b">
+					<text class="picturebiaoti">从业资格证</text>			
+				</view>
+				<image v-bind:src="operates" class="picture"></image>
 			</view>
 		</view>
 
@@ -163,14 +201,47 @@
 				operates: "",
 				idup: "",
 				idlow: "",
+				opencar: "../../static/img/authentication/down2@3x.png",
+				openuser: "../../static/img/authentication/down2@3x.png",
+				openfujian:"../../static/img/authentication/down2@3x.png",
+				opencarboolean:false,
+				openuserboolean:false,
+				openfujianboolean:false,
+				bankimg:[],
 			}
 		},
 		onLoad(option) {
 			this.getList(option.id)
 		},
 		methods: {
+			opencarclick() {
+				if (this.opencarboolean == false) {
+					this.opencarboolean = true;
+					this.opencar = "../../static/img/authentication/up2%20(3).png"
+				} else if (this.opencarboolean == true) {
+					this.opencarboolean = false;
+					this.opencar = "../../static/img/authentication/down2@3x.png"
+				}
+			},
+			openuserclick() {
+				if (this.openuserboolean == false) {
+					this.openuserboolean = true;
+					this.openuser = "../../static/img/authentication/up2%20(3).png"
+				} else if (this.openuserboolean == true) {
+					this.openuserboolean = false;
+					this.openuser = "../../static/img/authentication/down2@3x.png"
+				}
+			},
+			openfujianclick(){
+				if (this.openfujianboolean == false) {
+					this.openfujianboolean = true;
+					this.openfujian = "../../static/img/authentication/up2%20(3).png"
+				} else if (this.openfujianboolean == true) {
+					this.openfujianboolean = false;
+					this.openfujian = "../../static/img/authentication/down2@3x.png"
+				}
+			},
 			getList(ids) {
-
 				this.$api.doRequest('get', '/driverViewInfo/getDriver', {
 						id: ids
 					}, 'application/json;charset=UTF-8').then(res => {
@@ -189,6 +260,7 @@
 							this.practices = this.address[2]
 							this.operates = this.address[3]
 						}
+						this.bankimg = this.procurementPlanInfos.driverPayeeInfoList.payeeAddressUrl.split(",")
 					})
 					.catch(res => {
 						uni.showToast({
@@ -206,6 +278,7 @@
 <style>
 	.center {
 		padding: 10px 20px;
+		background-color: #F5F6FA;
 	}
 
 	.labels {
@@ -235,10 +308,52 @@
 		-webkit-box-direction: normal;
 		-webkit-flex-direction: column;
 		flex-direction: column;
-		color: #303133;
+		color: #AFB3BF;
 		line-height: 40rpx;
 		text-align: right;
 		padding-right: 20rpx;
 		font-size: 14px;
 	}
+	.picture {
+		width: 100%;
+		height: 220px;
+		text-align: center;
+		margin-top: 10px;
+	}
+	.tit{
+		font-size: 14px;
+		color: #333333;
+	}
+	.personalcss{
+		background-color: #FFFFFF;
+		border-radius: 20px;
+		margin-top: 10px;
+	}
+	.open {
+		width: 30px;
+		height: 20px;
+	}
+	.information {
+		margin-top: 10px;
+		width: 100%;
+		height: 56px;
+		background-color: #FFFFFF;
+		border-radius: 16px;
+	}
+	.informations {
+		margin-top: 10px;
+		background-color: #FFFFFF;
+		border-radius: 20px;
+	}
+	.fujians{
+		margin: 0 auto;
+		background-color: #FFFFFF;
+		margin-top: 30px;
+		border-radius: 20px;
+		padding: 10px 10px;
+	}
+	.picturebiaoti{
+		font-size: 17px;
+		font-weight: 700;
+	}
 </style>

pageD/identity/driverIdentityTwo.vue

@@ -14,7 +14,7 @@
 			<view class="c-row ">
 				<text class="tit">车辆 -{{index+1}}</text>
 				<view class="con-list">
-					<image src="../../static/img/jiaoyi/shanchu@2x.png" class="eliminate" @click="carDel(index)"></image>
+					<image src="../../static/img/jiaoyi/shanchu@2x.png" class="eliminate" @click="carDel(index)" ></image>
 				</view>
 			</view>
 			<view class="c-row b-b">
@@ -54,7 +54,7 @@
 			</view>
 		</view>
 		<button class="btn" v-if="opencarboolean == true" @click="carAdd">
-				 <image src="../../static/img/jiaoyi/ic_fabu@3x.png" class="add"></image> 
+				 <image src="../../static/img/jiaoyi/ic_fabu@3x.png" class="add" style="top: 8px;"></image> 
 				 <texe>添加车辆</texe>
 				 </button>
 		<!-- 账户信息 -->
@@ -82,10 +82,15 @@
 					<input placeholder="请填写账户类型" name="input" v-model="items.accountType"></input>
 				</view>
 			</view>
-			<view class="c-row b-b">
+			<view class="c-row b-b"> 
 				<text class="tit">银行卡照片（可选）</text>
 				<view class="con-list">
-					<input placeholder="请上传照片" name="input" v-model="items.payeeAddressUrl"></input>
+					<!-- <input placeholder="请上传照片" name="input" v-model="items.payeeAddressUrl" @clisk="bankimg(items)"></input> -->
+					<view  v-if="bankimg == ''"  @click="bankimgs(index)">请上传照片</view>
+					<view  v-if="bankimg != ''" @click="bankimgs(index)">
+						<image v-bind:src="bankimg" style="width: 40px; height: 40px;"></image>
+					</view>
+					
 				</view>
 			</view>
 			<view class="c-row b-b">
@@ -96,15 +101,19 @@
 			</view>
 			<view class="c-row b-b">
 				<text class="tit">开户行</text>
+				
 				<view class="con-list">
 					<input placeholder="请输入开户行" name="input" v-model="items.bankDeposit"></input>
 				</view>
+			
 			</view>
 			<view class="c-row b-b">
 				<text class="tit">开户支行</text>
+				<picker @change="bankChange" :value="bankIndex" :range="bankType" class="con-list">
 				<view class="con-list">
-					<input placeholder="请输入开户支行" name="input" v-model="items.bankDepositBranch"></input>
+					{{bankIndex>-1?bankType[bankIndex]:'请选择开户支行'}}
 				</view>
+					</picker>
 			</view>
 			<view class="c-row b-b">
 				<text class="tit">收款人姓名</text>
@@ -120,7 +129,7 @@
 			</view>
 		</view>
 		<button class="btn" v-if="openuserboolean == true" @click="userAdd()">
-			 <image src="../../static/img/jiaoyi/ic_fabu@3x.png" class="add"></image> 
+			 <image src="../../static/img/jiaoyi/ic_fabu@3x.png" class="add" style="top: 8px;"></image> 
 			<text style="margin-top: -2px;">添加账户</text>
 			</button>
 		 <button class="btns btn"  @click="jumpUrl">下一步</button>
@@ -165,12 +174,50 @@
 				carLongIndex: 0,
 				carLongType: ['13', '9.6', '8.2', '8.7', '11.7', '12.5', '13.7', '15', '16', '17.5'],
 				DriverViewInfo:{},
+				bankimg:"",
+				bankImgs1:{},
+				bankIndex:-1,
+				bankType:[],
 			}
 		},
 		onLoad(options){
 			this.DriverViewInfo = JSON.parse(options.DriverViewInfo)
 		},
 		methods: {
+			bankimgs(items){
+				console.log(items)
+				var that = this
+				wx.chooseImage({
+					success: function(res) {
+						wx.uploadFile({
+							url: 'https://www.zthymaoyi.com/upload/admin',
+							filePath: res.tempFilePaths[0],
+							name: 'file',
+							success(res) {
+								var data = res.data
+								var strToObj = JSON.parse(data)
+								// that.id[0] = strToObj.url
+								that.bankimg = strToObj.url
+								 that.bankImgs1.bankImg = strToObj.url
+								that.$api.doRequest('get', '/driverViewInfo/bankShibie', that.bankImgs1).then(res => {
+									console.log(res)
+									that.$set(that.driverPayeeInfoList[items],'bankCard',res.data.data.bankNo)
+									that.$set(that.driverPayeeInfoList[items],'bankDeposit',res.data.data.bankName)
+		
+									that.bankType = res.data.data.bankNameZhihang
+									console.log(that.ban)
+								}).catch(res => {
+									uni.showToast({
+										title: res.data.message,
+										icon: 'none',
+										duration: 2000
+									})
+								})
+							}
+						})
+					}
+				})	
+			},
 			jumpUrl(){
 				for(var i = 0 ; i < this.driverCarInfoList.length ; i++){
 					if (!this.driverCarInfoList[i].carNumber) {
@@ -226,8 +273,10 @@
 				}
 					this.DriverViewInfo.driverCarInfoList = this.driverCarInfoList
 					this.DriverViewInfo.driverPayeeInfoList = this.driverPayeeInfoList
+					this.DriverViewInfo.driverPayeeInfoList.payeeAddressUrl = this.bankimg
 					var model = JSON.stringify(this.DriverViewInfo);
 					console.log(this.DriverViewInfo,"sjijsoi")
+					return
 				uni.navigateTo({
 					url: `/pageD/identity/driverIdentityThree?DriverViewInfo=` + model
 				})
@@ -268,6 +317,11 @@
 				
 				this.driverCarInfoList[this.driverCarInfoList.length - 1].carModel = this.ModelType[this.ModelIndex];
 			},
+			bankChange(e) {
+				this.bankIndex = e.detail.value
+				this.Model = this.bankType[this.bankIndex];	
+				this.driverPayeeInfoList[this.driverPayeeInfoList.length - 1].bankDepositBranch = this.bankType[this.bankIndex];
+			},
 			carLongChange(e) {
 				this.carLongIndex = e.detail.value
 				this.carLong = this.carLongType[this.carLongIndex];
@@ -362,7 +416,7 @@
 	.add{
 		width: 26px;
 		height: 26px;
-		margin-top: 10px;
+
 		/* background-image: url(../../static/img/jiaoyi/ic_fabu@3x.png); */
 	}
 
@@ -372,4 +426,9 @@
 		height: 20px;
 		float: right;
 	}
+	.bankImg{
+		width: 20px;
+		height: 20px;
+	}
+
 </style>

pages.json

@@ -168,6 +168,20 @@
 				"enablePullDownRefresh": true
 			}
 		},
+		{
+			"path": "pages/attestation/indexTwo",
+			"style": {
+				"navigationBarTitleText": "粮商身份",
+				"enablePullDownRefresh": true
+			}
+		},
+		{
+			"path": "pages/attestation/indexThree",
+			"style": {
+				"navigationBarTitleText": "司机身份",
+				"enablePullDownRefresh": true
+			}
+		},
 		{
             "path" : "pages/tran/tran",
             "style" : {
@@ -379,6 +393,21 @@
 		        "enablePullDownRefresh": false
 		    }   
 		},
+		{
+		    "path" : "pageD/identity/companyIdentityTwo",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "粮商认证",
+		        "enablePullDownRefresh": false
+		    }   
+		},{
+		    "path" : "pageD/identity/companyIdentityThree",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "粮商认证",
+		        "enablePullDownRefresh": false
+		    }   
+		},
 		{
 		    "path" : "pageD/identity/companyIdentityLook",
 		    "style" :                                                                                    

pages/attestation/index.vue

@@ -1,63 +1,92 @@
 <template>
 	<view class="center">
-		<view >
+		<!-- <view class="homePage">
+			<view class="title">
+				粮商身份
+			</view>
+			<view class="arrows">
+				<text style="margin-right: 30px;">新增身份</text>
+					<image src="../../static/img/authentication/jiantou@3x.png" class="arrow"></image>
+			</view>	
+			<image src="../../static/img/authentication/liangshang@3x.png" class="portrait"></image>
+		</view> -->
+		<view class="homePage">
+			<image src="../../static/img/authentication/bg@2x.png" class="background"></image>
+			<view class="title">
+				粮商身份
+			</view>
+			<view class="arrows1" @click="liangShang">
+				<text style="margin-right: 30px;">新增身份</text>
+				<image src="../../static/img/authentication/jiantou@3x.png" class="arrow"></image>
+			</view>
+			<image src="../../static/img/authentication/liangshang@3x.png" class="portrait1"></image>
+		</view>
+
+		<view class="homePage1">
+			<image src="../../static/img/authentication/bg@2x.png" class="background"></image>
+			<view class="title">
+				司机身份
+			</view>
+			<view class="arrows1" @click="siJi">
+				<text style="margin-right: 30px;">新增身份</text>
+				<image src="../../static/img/authentication/jiantou@3x.png" class="arrow"></image>
+			</view>
+			<image src="../../static/img/authentication/siji@3x.png" class="portrait1"></image>
+		</view>
+		<!-- <view>
 			<view class="title">粮商身份</view>
 			<view class='cu-tag radius line-pink' @click="adddriver(1)">新增</view>
-			<view v-for="(item , index) in businessman" :Key="index" >
-				
-			
-			<view class="company">{{item.compName}}</view>
-			<view class="guess-item" >
-				<view class="infos" @click="navToDetailPage(1,item)">
+			<view v-for="(item , index) in businessman" :Key="index">
+
+
+				<view class="company">{{item.compName}}</view>
+				<view class="guess-item">
+					<view class="infos" @click="navToDetailPage(1,item)">
 
-					<view class="info">{{item.customerName}}
-						<view class='cu-tag radius line-pink but'>{{item.authenticationStatus}}</view>
+						<view class="info">{{item.customerName}}
+							<view class='cu-tag radius line-pink but'>{{item.authenticationStatus}}</view>
+						</view>
+						<view class="info">{{item.customerPhone}}</view>
 					</view>
-					<view class="info">{{item.customerPhone}}</view>
-					
-					
-				</view>
-				<label>
-					<checkbox :value="1" /><text>设置默认</text>
-				</label>
-				<view class='cu-tag radius line-pink ' @click="deleteLS(item)">删除</view>
-				<view class='cu-tag radius line-pink ' @click="companyEdit(item)" >修改</view>
-				<view class='cu-tag radius line-pink but'>更换手机号</view>
+					<label>
+						<checkbox :value="1" /><text>设置默认</text>
+					</label>
+					<view class='cu-tag radius line-pink ' @click="deleteLS(item)">删除</view>
+					<view class='cu-tag radius line-pink ' @click="companyEdit(item)">修改</view>
+					<view class='cu-tag radius line-pink but'>更换手机号</view>
 
+				</view>
+				<hr>
 			</view>
-			<hr>
-			</view>
-		</view>
+		</view> -->
 
-		<view class="margin-top" >
+		<!-- <view class="margin-top">
 			<view class="title">司机身份</view>
 			<view class='cu-tag radius line-pink' @click="adddriver(2)">新增</view>
 			<view v-for="(items , index) in drivers" :Key="index">
-				
-			
-			<view class="guess-item" @click="navToDetailPage(2,items)">
-				<view class="infos">
-					<view class="info">{{items.driverName}}
-						<view class='cu-tag radius line-pink but'>{{items.authenticationStatus}}</view>
+
+
+				<view class="guess-item" @click="navToDetailPage(2,items)">
+					<view class="infos">
+						<view class="info">{{items.driverName}}
+							<view class='cu-tag radius line-pink but'>{{items.authenticationStatus}}</view>
+						</view>
+						<view class="info">{{items.driverPhone}}</view>
 					</view>
-					<view class="info">{{items.driverPhone}}</view>		
 				</view>
+				<view class='cu-tag radius line-pink ' @click="deleteSJ(items)">删除</view>
+				<view class='cu-tag radius line-pink ' @click="driverIdentityEdit(items)">修改</view>
+				<view class='cu-tag radius line-pink but'>更换手机号</view>
+				<hr>
 			</view>
-			<view class='cu-tag radius line-pink ' @click="deleteSJ(items)">删除</view>
-			<view class='cu-tag radius line-pink ' @click="driverIdentityEdit(items)">修改</view>
-			<view class='cu-tag radius line-pink but'>更换手机号</view>
-			<hr>
-			</view>
-		</view>
-	</view>
+		</view> -->
 
 	</view>
-	</view>
 </template>
 
 <script>
 	import {
-	    mapState 
+		mapState
 	} from 'vuex';
 	export default {
 		name: "buy",
@@ -73,120 +102,141 @@
 				scrollTop: 0,
 				TabCur: 0,
 				current: 1,
-				identityAuthenticationInfo:{
-					pageSize:10,
-					currentPage:1,
-					commonId:"",
+				identityAuthenticationInfo: {
+					pageSize: 10,
+					currentPage: 1,
+					commonId: "",
 				},
-				businessman:[],
-				drivers:[],
-				deletes:{
-					id:"",
+				businessman: [],
+				drivers: [],
+				deletes: {
+					id: "",
 				},
 			};
 		},
-		onLoad(){
-			this.getList()
-		},
 		computed: {
-			...mapState(['hasLogin','userInfo'])
+			...mapState(['hasLogin', 'userInfo'])
+		},
+		onLoad() {
+			this.getList()
 		},
+		
 		methods: {
-			driverIdentityEdit(items){
+			liangShang(){
+			
 				uni.navigateTo({
-					url: `/pageD/identity/driverIdentityEdit?id=${items.id}`
+					url: `/pages/attestation/indexTwo`
 				})
 			},
-			companyEdit(item){
+			siJi(){
 				uni.navigateTo({
-					url: `/pageD/identity/companyIdentityEdit?id=${item.id}`
+					url: `/pages/attestation/indexThree`
 				})
 			},
-			deleteLS(item){	
-					uni.showModal({
-						// title: '登录提示',
-						content: '身份信息删除后不可恢复，是否确定删除？',
-						showCancel: true,
-						confirmText: '确定',
-						success: (e) => {
-							this.$api.doRequest('post','/identityAuthenticationInfo/api/deleteIdentityAuthenticationInfo',{id:item.id},'application/json;charset=UTF-8').then(res => {
+			driverIdentityEdit(items) {
+				uni.navigateTo({
+					url: `/pageD/identity/driverIdentityEdit?id=${items.id}`
+				})
+			},
+			// companyEdit(item) {
+			// 	uni.navigateTo({
+			// 		url: `/pageD/identity/companyIdentityEdit?id=${item.id}`
+			// 	})
+			// },
+			deleteLS(item) {
+				uni.showModal({
+					// title: '登录提示',
+					content: '身份信息删除后不可恢复，是否确定删除？',
+					showCancel: true,
+					confirmText: '确定',
+					success: (e) => {
+						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.errmsg == "Success") {
 									this.$api.msg('删除成功！')
 									this.getList()
 									return
 								}
-								
+
 							})
 							.catch(res => {
 								uni.showToast({
 									title: res.errmsg,
-									icon:'none',
+									icon: 'none',
 									duration: 2000
 								})
 							});
-						},
-						fail: () => {},
-						complete: () => {}
-					})
+					},
+					fail: () => {},
+					complete: () => {}
+				})
 			},
-			deleteSJ(item){
+			deleteSJ(item) {
 				console.log(item.driverName)
 				this.deletes = {}
 				this.deletes.id = item.id
-					uni.showModal({
-						// title: '登录提示',
-						content: '身份信息删除后不可恢复，是否确定删除？',
-						showCancel: true,
-						confirmText: '确定',
-						success: (e) => {
-							this.$api.doRequest('get','/driverViewInfo/api/deleteDriver',this.deletes,'application/json;charset=UTF-8').then(res => {
+				uni.showModal({
+					// title: '登录提示',
+					content: '身份信息删除后不可恢复，是否确定删除？',
+					showCancel: true,
+					confirmText: '确定',
+					success: (e) => {
+						this.$api.doRequest('get', '/driverViewInfo/api/deleteDriver', this.deletes,
+								'application/json;charset=UTF-8').then(res => {
 								this.procurementPlanInfos = res.data.data.records
 								if (res.errmsg == "Success") {
 									this.$api.msg('删除成功！')
 									this.getList()
 									return
 								}
-								
+
 							})
 							.catch(res => {
 								uni.showToast({
 									title: res.errmsg,
-									icon:'none',
+									icon: 'none',
 									duration: 2000
 								})
 							});
-						},
-						fail: () => {},
-						complete: () => {}
-					})
-				},
-			getList(){
-				this.identityAuthenticationInfo.commonId = this.userInfo.id
-			this.$api.doRequest('get', '/identityAuthenticationInfo/selectIdentityAuthenticationInfo', {pageSize:10,
-					currentPage:1,
-					commonId:this.userInfo.id},'application/json;charset=UTF-8').then(res => {
-				console.log("成功连接")
-			
-					
-					this.businessman = res.data.data.records
+					},
+					fail: () => {},
+					complete: () => {}
 				})
-				.catch(res => {
-					uni.showToast({
-						title: res.errmsg,
-						icon: 'none',
-						duration: 2000
+			},
+			getList() {
+				this.identityAuthenticationInfo.commonId = this.userInfo.id
+				this.$api.doRequest('get', '/identityAuthenticationInfo/selectIdentityAuthenticationInfo', {
+						pageSize: 10,
+						currentPage: 1,
+						commonId: this.userInfo.id
+					}, 'application/json;charset=UTF-8').then(res => {
+						console.log("成功连接")
+
+
+						this.businessman = res.data.data.records
 					})
-				});
-				
-				this.$api.doRequest('get', '/driverViewInfo/selectDriverInfoPage', {pageSize:10,
-						currentPage:1,
-						commonId:this.userInfo.id,flag:0},'application/json;charset=UTF-8').then(res => {
-					console.log("成功连接")
-					
+					.catch(res => {
+						uni.showToast({
+							title: res.errmsg,
+							icon: 'none',
+							duration: 2000
+						})
+					});
+
+				this.$api.doRequest('get', '/driverViewInfo/selectDriverInfoPage', {
+						pageSize: 10,
+						currentPage: 1,
+						commonId: this.userInfo.id,
+						flag: 0
+					}, 'application/json;charset=UTF-8').then(res => {
+						console.log("成功连接")
+
 						this.drivers = res.data.data.records
-						
-						console.log(this.drivers,"skalkdkk")
+
+						console.log(this.drivers, "skalkdkk")
 					})
 					.catch(res => {
 						uni.showToast({
@@ -195,7 +245,7 @@
 							duration: 2000
 						})
 					});
-				},
+			},
 			adddriver(index) {
 				if (index == 1) {
 					uni.navigateTo({
@@ -207,7 +257,7 @@
 					})
 				}
 			},
-			navToDetailPage(index,item) {
+			navToDetailPage(index, item) {
 				if (index == 1) {
 					uni.navigateTo({
 						url: `/pageD/identity/companyIdentityLook?id=${item.id}`
@@ -229,10 +279,13 @@
 	}
 
 	.title {
-		font-size: 18px;
+		font-size: 22px;
 		font-weight: 900;
-		margin-right: 20px;
-		display: initial;
+		/* margin-top: 30px; */
+		top: 50px;
+		left: 24px;
+		position: relative;
+
 	}
 
 	.company {
@@ -245,11 +298,65 @@
 		width: 100%;
 		display: inline-table;
 	}
+
 	.info {
 		line-height: 20px;
 	}
+
 	.but {
 		right: 3px;
 		float: right;
 	}
+
+	.homePage {
+		width: 101%;
+		height: 200px;
+
+		margin: 20px auto;
+
+	}
+
+	.arrows {
+		font-size: 14px;
+		font-weight: 600;
+		float: right;
+		margin-top: 130px;
+	}
+
+	.arrow {
+		width: 16px;
+		height: 16px;
+		float: right;
+		right: 20px;
+	}
+
+	.portrait {
+		width: 75px;
+		height: 75px;
+		float: right;
+		right: -70px;
+	}
+
+	.homePage1 {
+		width: 101%;
+	}
+
+	.background {
+		width: 100%;
+		height: 200px;
+		position: fixed;
+	}
+
+	.arrows1 {
+		position: absolute;
+		right: 30px;
+		margin-top: 120px;
+	}
+
+	.portrait1 {
+		width: 75px;
+		height: 75px;
+		float: right;
+
+	}
 </style>

pages/attestation/indexThree.vue

@@ -0,0 +1,240 @@
+<template>
+	<view class="center">
+		<view v-for="(item , index) in drivers" :Key="index" class="forList">
+			<view class='flex' @click="navToDetailPage(item)">
+				<view class="logo">
+					粮商
+				</view>
+				<view class = "company" >{{item.driverName}}</view>
+				<view class = "geren" >{{item.driverPhone}}</view>
+				<!-- <view class = "company" v-if="item.customerTypeFlag == 1">{{item.customerName}}</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="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>
+			<hr style="margin: 10px 0;">
+			<view class="cu-tag yuan">
+				<image src="../../static/img/authentication/selected(2).png" style="width: 16px;height: 16px;">设置默认</image>
+			</view>
+			<view class='cu-tag but'>更换手机号</view>
+			<view class='cu-tag but' @click="companyEdit(item)">修改</view>
+			<view class='cu-tag but' @click="deleteSJ(item)">删除</view>
+			
+
+
+		</view>
+		<button class="btn btns"  @click="Add">新增</button>
+	</view>
+</template>
+
+<script>
+	import {
+		mapState
+	} from 'vuex';
+	export default {
+		name: "buy",
+		data() {
+			return {
+				businessman: {},
+				identityAuthenticationInfo: {},
+				drivers:{},
+			}
+		},
+		computed: {
+			...mapState(['hasLogin', 'userInfo'])
+		},
+		onLoad() {
+			this.getList()
+		},
+		methods: {
+			Add(){
+				uni.navigateTo({
+					url: `/pageD/identity/driverIdentity`
+				})
+			},
+			getList() {
+				this.identityAuthenticationInfo.commonId = this.userInfo.id
+				this.$api.doRequest('get', '/driverViewInfo/selectDriverInfoPage', {
+						pageSize: 10,
+						currentPage: 1,
+						commonId: this.userInfo.id,
+						flag: 0
+					}, 'application/json;charset=UTF-8').then(res => {
+						console.log("成功连接")
+				
+						this.drivers = res.data.data.records
+				
+						console.log(this.drivers, "skalkdkk")
+					})
+					.catch(res => {
+						uni.showToast({
+							title: res.errmsg,
+							icon: 'none',
+							duration: 2000
+						})
+					});
+			},
+			navToDetailPage(item){
+				uni.navigateTo({
+					url: `/pageD/identity/driverIdentityLook?id=${item.id}`
+				})
+			},
+			deleteSJ(item) {
+				this.deletes = {}
+				this.deletes.id = item.id
+				uni.showModal({
+					// title: '登录提示',
+					content: '身份信息删除后不可恢复，是否确定删除？',
+					showCancel: true,
+					confirmText: '确定',
+					success: (e) => {
+						this.$api.doRequest('post', '/driverViewInfo/api/deleteDriver', this.deletes,
+								'application/json;charset=UTF-8').then(res => {
+								this.procurementPlanInfos = res.data.data.records
+								if (res.errmsg == "Success") {
+									this.$api.msg('删除成功！')
+									this.getList()
+									return
+								}
+				
+							})
+							.catch(res => {
+								uni.showToast({
+									title: res.errmsg,
+									icon: 'none',
+									duration: 2000
+								})
+							});
+					},
+					fail: () => {},
+					complete: () => {}
+				})
+			},
+			companyEdit(item) {
+				uni.navigateTo({
+					url: `/pageD/identity/driverIdentityEdit?id=${item.id}`
+				})
+			},
+		}
+	}
+</script>
+
+<style>
+	.center {
+		padding: 10px 20px;
+		background-color: #F5F6FA;
+	}
+
+	.title {
+		font-size: 22px;
+		font-weight: 900;
+		/* margin-top: 30px; */
+		top: 50px;
+		left: 24px;
+		position: relative;
+
+	}
+
+	.company {
+		font-size: 16px;
+	    font-weight: 600;
+		margin-top: 10px;
+		display: inline-block;
+		margin-left: 10px;
+	}
+	.geren{
+		color: #AFB3BF;
+		font-size: 14px;
+		margin-top: 34px;
+		margin-left: -10px;
+	}
+
+	.infos {
+		width: 100%;
+		display: inline-table;
+	}
+
+	.info {
+		line-height: 20px;
+	}
+
+	.but {
+		border: 1px solid #CDCDCD;
+		border-radius: 10px;
+		
+	}
+
+	.homePage {
+		width: 101%;
+		height: 200px;
+		margin: 20px auto;
+	}
+
+	.logo {
+		width: 35px;
+		height: 35px;
+		background-color: #E9F8F0;
+		color: #22C572;
+		text-align: center;
+		line-height: 35px;
+		padding: 0 3px;
+		border-radius: 6px;
+		display: inline-block;
+		margin-top: 10px;
+	}
+
+	.forList {
+		background: #FFFFFF;
+		margin-top: 10px;
+		padding: 10px 10px;
+		border-radius: 16px;
+
+	}
+	.status{
+	position: absolute;
+	margin-top: 10px;
+	right: 36px;
+		color:#22C572;
+	}
+	.status1{
+	position: absolute;
+	margin-top: 10px;
+	right: 36px;
+	color:#FE6430;
+	}
+	.status2{
+	position: absolute;
+	margin-top: 10px;
+	right: 36px;
+	color: #FB1E1E;
+	}
+	.status3{
+	position: absolute;
+	margin-top: 10px;
+	right: 36px;
+	color: #AFB3BF;
+	}	
+	.btn {
+		margin-top: 10px;
+		background-color: #FFFFFF;
+		border-radius: 25px;
+		border: none;
+	}
+	
+	.btns {
+		background-color: #22C572;
+	}
+</style>

pages/attestation/indexTwo.vue

@@ -0,0 +1,234 @@
+<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>
+				<view class = "company" >{{item.compName}}</view>
+				<view class = "company" v-if="item.customerTypeFlag == 1">{{item.customerName}}</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="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>
+			<hr style="margin: 10px 0;">
+			<view class="cu-tag yuan">
+				<image src="../../static/img/authentication/selected(2).png" style="width: 16px;height: 16px;">设置默认</image>
+			</view>
+			<view class='cu-tag but'>更换手机号</view>
+			<view class='cu-tag but' @click="companyEdit(item)">修改</view>
+			<view class='cu-tag but' @click="deleteLS(item)">删除</view>
+			
+
+
+		</view>
+		<button class="btn btns"  @click="Add">新增</button>
+	</view>
+</template>
+
+<script>
+	import {
+		mapState
+	} from 'vuex';
+	export default {
+		name: "buy",
+		data() {
+			return {
+				businessman: {},
+				identityAuthenticationInfo: {},
+				judge:"geren",
+			}
+		},
+		computed: {
+			...mapState(['hasLogin', 'userInfo'])
+		},
+		onLoad() {
+			this.getList()
+		},
+		methods: {
+			Add(){
+				uni.navigateTo({
+					url: `/pageD/identity/companyIdentity`
+				})
+			},
+			getList() {
+				this.identityAuthenticationInfo.commonId = this.userInfo.id
+				this.$api.doRequest('get', '/identityAuthenticationInfo/selectIdentityAuthenticationInfo', {
+						pageSize: 10,
+						currentPage: 1,
+						commonId: this.userInfo.id
+					}, 'application/json;charset=UTF-8').then(res => {
+						console.log("成功连接")
+						this.businessman = res.data.data.records
+					})
+					.catch(res => {
+						uni.showToast({
+							title: res.errmsg,
+							icon: 'none',
+							duration: 2000
+						})
+					});
+			},
+			navToDetailPage(item){
+				uni.navigateTo({
+					url: `/pageD/identity/companyIdentityLook?id=${item.id}`
+				})
+			},
+			deleteLS(item) {
+				uni.showModal({
+					// title: '登录提示',
+					content: '身份信息删除后不可恢复，是否确定删除？',
+					showCancel: true,
+					confirmText: '确定',
+					success: (e) => {
+						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.errmsg == "Success") {
+									this.$api.msg('删除成功！')
+									this.getList()
+									return
+								}
+			
+							})
+							.catch(res => {
+								uni.showToast({
+									title: res.errmsg,
+									icon: 'none',
+									duration: 2000
+								})
+							});
+					},
+					fail: () => {},
+					complete: () => {}
+				})
+			},
+			companyEdit(item) {
+				uni.navigateTo({
+					url: `/pageD/identity/companyIdentityEdit?id=${item.id}`
+				})
+			},
+		}
+	}
+</script>
+
+<style>
+	.center {
+		padding: 10px 20px;
+		background-color: #F5F6FA;
+	}
+
+	.title {
+		font-size: 22px;
+		font-weight: 900;
+		/* margin-top: 30px; */
+		top: 50px;
+		left: 24px;
+		position: relative;
+
+	}
+
+	.company {
+		font-size: 16px;
+	    font-weight: 600;
+		margin-top: 10px;
+		display: inline-block;
+		margin-left: 10px;
+	}
+	.geren{
+		color: #AFB3BF;
+		font-size: 14px;
+		margin-top: 34px;
+		margin-left: -54px;
+	}
+
+	.infos {
+		width: 100%;
+		display: inline-table;
+	}
+
+	.info {
+		line-height: 20px;
+	}
+
+	.but {
+		border: 1px solid #CDCDCD;
+		border-radius: 10px;
+		
+	}
+
+	.homePage {
+		width: 101%;
+		height: 200px;
+		margin: 20px auto;
+	}
+
+	.logo {
+		width: 35px;
+		height: 35px;
+		background-color: #E9F8F0;
+		color: #22C572;
+		text-align: center;
+		line-height: 35px;
+		padding: 0 3px;
+		border-radius: 6px;
+		display: inline-block;
+		margin-top: 10px;
+	}
+
+	.forList {
+		background: #FFFFFF;
+		margin-top: 10px;
+		padding: 10px 10px;
+		border-radius: 16px;
+
+	}
+	.status{
+	position: absolute;
+	margin-top: 10px;
+	right: 36px;
+		color:#22C572;
+	}
+	.status1{
+	position: absolute;
+	margin-top: 10px;
+	right: 36px;
+	color:#FE6430;
+	}
+	.status2{
+	position: absolute;
+	margin-top: 10px;
+	right: 36px;
+	color: #FB1E1E;
+	}
+	.status3{
+	position: absolute;
+	margin-top: 10px;
+	right: 36px;
+	color: #AFB3BF;
+	}	
+	.btn {
+		margin-top: 10px;
+		background-color: #FFFFFF;
+		border-radius: 25px;
+		border: none;
+	}
+	
+	.btns {
+		background-color: #22C572;
+	}
+</style>