前端小程序 sdy

pageB/contract/contract_detail.vue

@@ -1,60 +1,62 @@
 <template>
 	<view class="container">
 		<view class="information">
-		<!-- <block v-if="TabCur==2"> -->
-		<view class="c-row">
-			<view class="title1">发车信息</view>
-			
-		</view>
+			<!-- <block v-if="TabCur==2"> -->
+			<view class="c-row">
+				<view class="title1">发车信息</view>
+
+			</view>
 			<view class="c-row b-b">
 				<view class="title">派车编号</view>
 				<view class="con-list">
-					<input disabled  name="input" v-model="goods.tranCarNo"></input>
+					<input disabled name="input" v-model="goods.tranCarNo"></input>
 				</view>
 			</view>
 			<view class="c-row b-b">
 				<view class="title">车牌号</view>
 				<view class="con-list">
-				<input maxlength='7' placeholder="请输入车牌号" name="input" v-model="goods.carNo"></input>
+					<input maxlength='7' placeholder="请输入车牌号" name="input" v-model="goods.carNo"></input>
 				</view>
 			</view>
 			<view class="c-row b-b">
 				<view class="title">司机手机号</view>
 				<view class="con-list">
-				<input  maxlength='11' placeholder="请输入司机手机号" name="input" v-model="goods.driverPhone"></input>
-			  </view>
+					<input maxlength='11' placeholder="请输入司机手机号" name="input" v-model="goods.driverPhone"></input>
+				</view>
 			</view>
 			<view class="c-row b-b">
 				<view class="title">毛重(吨)</view>
 				<view class="con-list">
-				<input placeholder="请输入毛重" type="mobile" name="input"  @input="grossWeightchange" v-model="goods.grossWeight"></input>
-			</view>
+					<input placeholder="请输入毛重" type="mobile" name="input" @input="grossWeightchange"
+						v-model="goods.grossWeight"></input>
+				</view>
 			</view>
 			<view class="c-row b-b">
 				<view class="title">皮重(吨)</view>
 				<view class="con-list">
-				<input placeholder="请输入皮重" type="mobile" name="input"  @input="tarechange" v-model="goods.tare"></input>
-			</view>
+					<input placeholder="请输入皮重" type="mobile" name="input" @input="tarechange"
+						v-model="goods.tare"></input>
+				</view>
 			</view>
 			<view class="c-row b-b">
 				<view class="title">净重(吨)</view>
 				<view class="con-list">
-				<view class="con-list">
-				<input placeholder="自动计算" type="mobile" name="input" v-model="goods.loadNetWeight"></input>
+					<view class="con-list">
+						<input placeholder="自动计算" type="mobile" name="input" v-model="goods.loadNetWeight"
+							disabled="disabled"></input>
+					</view>
 				</view>
 			</view>
-			</view>
 			<view class="c-row ">
 				<view class="title">发货日期</view>
 				<view class="con-list">
-				<view @click="show = true">{{goods.sendDateStart!=''?goods.sendDateStart:time}}</view>
-				<u-picker  :params='params' :default-time='time' @confirm="DateChange" v-model="show" mode="time"></u-picker>
-			</view>
-			</view>
-			
-				
+					<view @click="show = true">{{goods.sendDateStart!=''?goods.sendDateStart:time}}</view>
+					<u-picker :params='params' :default-time='time' @confirm="DateChange" v-model="show" mode="time">
+					</u-picker>
+				</view>
 			</view>
-			<view class="information">
+		</view>
+		<view class="information">
 			<view class="c-row">
 				<view class="action">
 					上传磅单照片
@@ -62,8 +64,9 @@
 			</view>
 			<view class="c-row">
 				<view class="grid col-4 grid-square flex-sub">
-					<view class="bg-img" v-if="goods.loadPoundImg != ''" @tap="ViewImage" :data-url="goods.loadPoundImg">
-					 <image :src="goods.loadPoundImg" mode="aspectFit"></image>
+					<view class="bg-img" v-if="goods.loadPoundImg != ''" @tap="ViewImage"
+						:data-url="goods.loadPoundImg">
+						<image :src="goods.loadPoundImg" mode="aspectFit"></image>
 						<view class="cu-tag bg-red" @tap.stop="DelImg" :data-index="0">
 							<text class='cuIcon-close'></text>
 						</view>
@@ -73,10 +76,10 @@
 					</view>
 				</view>
 			</view>
-			</view>
-			
-				<button class="btn btns" @click="getList">提交</button>
-			
+		</view>
+
+		<button class="btn btns" @click="getList">提交</button>
+
 		<!-- </block> -->
 	</view>
 </template>
@@ -87,358 +90,365 @@
 		mapState
 	} from 'vuex';
 	export default {
-			name: "trust",
-			data() {
-				return {
-					goods: {
-						tranCarNo:'',
-						carNo:'',
-						grossWeight:'',
-						tare:'',
-						loadNetWeight:'',
-						loadPoundImg:'',
-						 contractNo:'',
-						 goodsName:'',
-						 sendDateStart:''
-						
-					},
-					params:{
-						year: true,
-						month: true,
-						day: true,
-					},
-					carNo:'',
-					PageCur: "trust",
-					TabCur: 0,
-					priceTypeIndex:-1,
-					priceType: ['库内价', '到库价', '到港价'],
-					unitPrice:0,
-					price:'',
-					seller:'',
-					sellerPhone:'',
-					minSale:'',
-					exsitCount:0,
-					origin:'',
-					stock:'',
-					show:false,
-					goodsName:'',
-					verifyCode:'',
-					sendText0:'获取验证码',
-					sendText1:'获取验证码',
-					sendText2:'获取验证码',
-					sendText3:'获取验证码',
-					sendDisabled0: false,
-					sendDisabled1: false,
-					sendDisabled2: false,
-					sendDisabled3: false,
-					buyer:'',
-					buyerPhone:'',
-					level:'',
-					sender:'',
-					senderPhone:'',
-					receiver:'',
-					receiverPhone:'',
-					total:0,
-					startPlace:'',
-					endPlace:'',
-					driver:'',
-					driverPhone:'',
-					carNo:'',
-					personNoImg:'',
-					personNoImg1:'',
-					driverNoImg:'',
-					driverNoImg1:'',
-					carNoImg:'',
-					carNoImg1:'',
-					goodsName:'',
-					showTran:true
-				};
+		name: "trust",
+		data() {
+			return {
+				goods: {
+					tranCarNo: '',
+					carNo: '',
+					grossWeight: '',
+					tare: '',
+					loadNetWeight: '',
+					loadPoundImg: '',
+					contractNo: '',
+					goodsName: '',
+					sendDateStart: ''
+
+				},
+				params: {
+					year: true,
+					month: true,
+					day: true,
+				},
+				carNo: '',
+				PageCur: "trust",
+				TabCur: 0,
+				priceTypeIndex: -1,
+				priceType: ['库内价', '到库价', '到港价'],
+				unitPrice: 0,
+				price: '',
+				seller: '',
+				sellerPhone: '',
+				minSale: '',
+				exsitCount: 0,
+				origin: '',
+				stock: '',
+				show: false,
+				goodsName: '',
+				verifyCode: '',
+				sendText0: '获取验证码',
+				sendText1: '获取验证码',
+				sendText2: '获取验证码',
+				sendText3: '获取验证码',
+				sendDisabled0: false,
+				sendDisabled1: false,
+				sendDisabled2: false,
+				sendDisabled3: false,
+				buyer: '',
+				buyerPhone: '',
+				level: '',
+				sender: '',
+				senderPhone: '',
+				receiver: '',
+				receiverPhone: '',
+				total: 0,
+				startPlace: '',
+				endPlace: '',
+				driver: '',
+				driverPhone: '',
+				carNo: '',
+				personNoImg: '',
+				personNoImg1: '',
+				driverNoImg: '',
+				driverNoImg1: '',
+				carNoImg: '',
+				carNoImg1: '',
+				goodsName: '',
+				showTran: true
+			};
+		},
+		computed: {
+			...mapState(['hasLogin', 'userInfo']),
+			time() {
+				var date = new Date()
+				var year = date.getFullYear()
+				var month = date.getMonth()
+				var date1 = date.getDate()
+				if (month + 1 < 10) {
+					month = "0" + (month + 1)
+				}
+				if (date1 + 1 < 10) {
+					date1 = "0" + date1
+				}
+				return year + '-' + month + "-" + date1
 			},
-			computed: {
-				...mapState(['hasLogin','userInfo']),
-					time() {
-						var date=new Date()
-						var year=date.getFullYear()
-						var month=date.getMonth()
-						var date1=date.getDate()
-						if(month+1<10){
-							month="0"+(month+1)
-						}
-						if(date1+1<10){
-							date1="0"+date1
-						}
-						return year+'-'+month+"-"+date1
-					},
-					startDate() {
-					//限制开始时间;
-					//也可以直接限定为当天日期 var date= new Date(); return date
-						return new Date(new Date(new Date().toLocaleDateString()).getTime()-(1*60*60*1000))
-					},
-					endDate() {
-						return new Date()
-					}
-				},	
-			// onShow() {
-			// },
-			onLoad(option) {
-				this.goods.planId = option.planId
-				this.goodsName = option.goodsName
-				this.contractNo = option.contractNo
-				this.goods.goodsName = option.goodsName
-				this.goods.contractNo = option.contractNo
-				this.goods.tranCarNo = option.tranCarNo
+			startDate() {
+				//限制开始时间;
+				//也可以直接限定为当天日期 var date= new Date(); return date
+				return new Date(new Date(new Date().toLocaleDateString()).getTime() - (1 * 60 * 60 * 1000))
 			},
-			methods: {
-				 DateChange(e) {
-					 this.goods.sendDateStart=e.year+'-'+e.month+'-'+e.day
-				 	// this.goods.sendDateStart = e.detail.value
-				 },
-				commit1(item){
-					uni.navigateTo({				
-						url: `/pageB/contract/look?id=${item.id}&netWeight=${item.netWeight}&carNo=${item.carNo}&sendDateStart=${item.sendDateStart}`
-					})
-				},
-				grossWeightchange(e) {
-				      if (this.goods.grossWeight && this.goods.tare) {
-				        this.goods.loadNetWeight = Number(
-				          this.goods.grossWeight - this.goods.tare
-				        )
-				      }
-				    },
-				tarechange(e) {
-				      if (this.goods.grossWeight && this.goods.tare) {
-				        this.goods.loadNetWeight = Number(
-				          this.goods.grossWeight - this.goods.tare
-				        )
-				      }
-				    },
-				getList(){
-					// tranCarNo:'',
-					// carNo:'',
-					// grossWeight:'',
-					// tare:'',
-					// loadNetWeight:'',
-					// loadPoundImg:'',
-					//  contractNo:'',
-					//  goodsName:'',
-					if(this.goods.carNo.length==0){
-						this.$api.msg('车牌号不能为空')
-						return
-					}
-					if(this.goods.carNo.length!=7){
-						this.$api.msg('车牌号输入错误')
-						return
-					}
-					if(this.goods.driverPhone.length==0){
-						this.$api.msg('手机号不能为空')
-						return
-					}
-					if(this.goods.driverPhone.length!=11){
-						this.$api.msg('司机手机号输入错误')
-						return
-					}
-					if(this.goods.grossWeight==''){
-						this.$api.msg('毛重不能为空')
-						return
-					}
-					if(this.goods.tare==''){
-						this.$api.msg('皮重不能为空')
-						return
-					}
-					if(this.goods.grossWeight>100){
-						this.$api.msg('毛重输入错误')
-						return
-					}
-					if(this.goods.tare>50){
-						this.$api.msg('皮重输入错误')
-						return
-					}
-					var that=this
-					uni.showModal({
-						content: '确定提交发车信息？',
-						success: function (res) {
-							if (res.confirm) {
-								that.$api.doRequest('post','/tranCarInfo/api/addTranTask',that.goods).then(res => {
-								    if(res.data.code==200){
-										console.log(that.goods)
-										uni.showModal({
-											content: '提交成功！',
-											success: function (res) {
-												if (res.confirm) {
-													var result = that.goods.tranCarNo.substr(that.goods.tranCarNo.indexOf("C") + 1,that.goods.tranCarNo.length);
-												    var num=Number(result)+1
-													if(num<=9){
-														num='C00'+num
-													}else if(num<100&&num>9){
-														num='C0'+num
-													}else  if(num<1000&&num>99){
-														num='C'+num
+			endDate() {
+				return new Date()
+			}
+		},
+		// onShow() {
+		// },
+		onLoad(option) {
+			this.goods.planId = option.planId
+			this.goodsName = option.goodsName
+			this.contractNo = option.contractNo
+			this.goods.goodsName = option.goodsName
+			this.goods.contractNo = option.contractNo
+			this.goods.tranCarNo = option.tranCarNo
+		},
+		methods: {
+			DateChange(e) {
+				this.goods.sendDateStart = e.year + '-' + e.month + '-' + e.day
+				// this.goods.sendDateStart = e.detail.value
+			},
+			commit1(item) {
+				uni.navigateTo({
+					url: `/pageB/contract/look?id=${item.id}&netWeight=${item.netWeight}&carNo=${item.carNo}&sendDateStart=${item.sendDateStart}`
+				})
+			},
+			grossWeightchange(e) {
+				if (this.goods.grossWeight && this.goods.tare) {
+					this.goods.loadNetWeight = Number(
+						this.goods.grossWeight - this.goods.tare
+					)
+				}
+			},
+			tarechange(e) {
+				if (this.goods.grossWeight && this.goods.tare) {
+					this.goods.loadNetWeight = Number(
+						this.goods.grossWeight - this.goods.tare
+					)
+				}
+			},
+			getList() {
+				// tranCarNo:'',
+				// carNo:'',
+				// grossWeight:'',
+				// tare:'',
+				// loadNetWeight:'',
+				// loadPoundImg:'',
+				//  contractNo:'',
+				//  goodsName:'',
+				if (this.goods.carNo.length == 0) {
+					this.$api.msg('车牌号不能为空')
+					return
+				}
+				if (this.goods.carNo.length != 7) {
+					this.$api.msg('车牌号输入错误')
+					return
+				}
+				if (this.goods.driverPhone.length == 0) {
+					this.$api.msg('手机号不能为空')
+					return
+				}
+				if (this.goods.driverPhone.length != 11) {
+					this.$api.msg('司机手机号输入错误')
+					return
+				}
+				if (this.goods.grossWeight == '') {
+					this.$api.msg('毛重不能为空')
+					return
+				}
+				if (this.goods.tare == '') {
+					this.$api.msg('皮重不能为空')
+					return
+				}
+				if (this.goods.grossWeight > 100) {
+					this.$api.msg('毛重输入错误')
+					return
+				}
+				if (this.goods.tare > 50) {
+					this.$api.msg('皮重输入错误')
+					return
+				}
+				var that = this
+				uni.showModal({
+					content: '确定提交发车信息？',
+					success: function(res) {
+						if (res.confirm) {
+							that.$api.doRequest('post', '/tranCarInfo/api/addTranTask', that.goods).then(
+								res => {
+									if (res.data.code == 200) {
+										uni.showToast({
+											title: '提交成功！',
+											icon: 'success',
+											duration: 2000,
+											success: function(res) {
+												setTimeout(() => {
+													var result = that.goods.tranCarNo
+														.substr(that.goods.tranCarNo
+															.indexOf("C") + 1, that
+															.goods.tranCarNo.length);
+													var num = Number(result) + 1
+													if (num <= 9) {
+														num = 'C00' + num
+													} else if (num < 100 && num > 9) {
+														num = 'C0' + num
+													} else if (num < 1000 && num >
+														99) {
+														num = 'C' + num
 													}
-													that.goods={
-														tranCarNo:num,
-														carNo:'',
-														grossWeight:'',
-														tare:'',
-														loadNetWeight:'',
-														loadPoundImg:'',
-														 contractNo:that.contractNo,
-														 goodsName:that.goodsName,
-														 sendDateStart:''	
+													that.goods = {
+														tranCarNo: num,
+														carNo: '',
+														grossWeight: '',
+														tare: '',
+														loadNetWeight: '',
+														loadPoundImg: '',
+														contractNo: that
+															.contractNo,
+														goodsName: that.goodsName,
+														sendDateStart: ''
 													}
-												}else if (res.cancel) {
-													uni.navigateBack();
-												}
+													uni.navigateBack({
+														delta: 1
+													});
+												}, 2000)
 											}
-										});
-									}else if(res.data.code==11015){
+										})
+									} else if (res.data.code == 11015) {
 										uni.showToast({
-										 title: '该司机未认证身份，请司机认证后再操作',
-										 icon:'none',
-										 duration: 2000
+											title: '该司机未认证身份，请司机认证后再操作',
+											icon: 'none',
+											duration: 2000
 										})
 									}
-								    })
-								    .catch(res => {
-								     uni.showToast({
-								      title: res.errmsg,
-								      icon:'none',
-								      duration: 2000
-								     })
-								    });
-							} else if (res.cancel) {
-							
+								})
+								.catch(res => {
+									uni.showToast({
+										title: res.errmsg,
+										icon: 'none',
+										duration: 2000
+									})
+								});
+						} else if (res.cancel) {}
+					}
+				});
+			},
+			ChooseImagePerson() {
+				uni.chooseImage({
+					count: 1, //默认9
+					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
+					sourceType: ['album', 'camera'], //从相册选择
+					success: (res) => {
+						//上传图片
+						//图片路径可自行修改
+
+						uploadImage(res.tempFilePaths[0], 'loadPoundImg/',
+							result => {
+
+								this.goods.loadPoundImg = result
+								uni.hideLoading();
 							}
-						}
-					});
-				},
-				ChooseImagePerson() {
-					uni.chooseImage({
-						count: 1, //默认9
-						sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
-						sourceType: ['album','camera'], //从相册选择
-						success: (res) => {
-							//上传图片
-							//图片路径可自行修改
-							
-							uploadImage(res.tempFilePaths[0], 'loadPoundImg/',
-								result => {
-	
-								 	this.goods.loadPoundImg = result
-								 uni.hideLoading();
-								}
-							)
-						}
-					});
-				},
-				ChooseImageDriver() {
-					uni.chooseImage({
-						count: 1, //默认9
-						sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
-						sourceType: ['album','camera'], //从相册选择
-						success: (res) => {
-							//上传图片
-							//图片路径可自行修改
-							uploadImage(res.tempFilePaths[0], 'driverNoImg/',
-								result => {
-									if (this.driverNoImg.length != 0) {
-										this.driverNoImg1 = result
-									} else {
-										this.driverNoImg = result
-									}
-									uni.hideLoading();
-								}
-							)
-						}
-					});
-				},
-				ChooseImageCar() {
-					uni.chooseImage({
-						count: 1, //默认9
-						sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
-						sourceType: ['album','camera'], //从相册选择
-						success: (res) => {
-							//上传图片
-							//图片路径可自行修改
-							uploadImage(res.tempFilePaths[0], 'carNoImg/',
-								result => {
-									if (this.carNoImg.length != 0) {
-										this.carNoImg1 = result
-									} else {
-										this.carNoImg = result
-									}
-									uni.hideLoading();
-								}
-							)
-						}
-					});
-				},
-				ViewImage(e) {
-					var img = [];
-					img = e.currentTarget.dataset.url.split(' ')
-					uni.previewImage({
-						current:0,
-						urls: img
-					});
-				},
-				DelImg(e) {
-					uni.showModal({
-						title: '提示',
-						content: '确定要删除该照片吗？',
-						cancelText: '取消',
-						confirmText: '确定',
-						success: res => {
-							if (res.confirm) {
-								if(e.currentTarget.dataset.index == 0){
-									this.personNoImg = "";
-								}
-								else if(e.currentTarget.dataset.index == 1){
-									this.personNoImg1 = "";
-								}
-								else if(e.currentTarget.dataset.index == 2){
-									this.driverNoImg = "";
-								}
-								else if(e.currentTarget.dataset.index == 3){
-									this.driverNoImg1 = "";
-								}
-								else if(e.currentTarget.dataset.index == 4){
-									this.carNoImg = "";
+						)
+					}
+				});
+			},
+			ChooseImageDriver() {
+				uni.chooseImage({
+					count: 1, //默认9
+					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
+					sourceType: ['album', 'camera'], //从相册选择
+					success: (res) => {
+						//上传图片
+						//图片路径可自行修改
+						uploadImage(res.tempFilePaths[0], 'driverNoImg/',
+							result => {
+								if (this.driverNoImg.length != 0) {
+									this.driverNoImg1 = result
+								} else {
+									this.driverNoImg = result
 								}
-								else if(e.currentTarget.dataset.index == 5){
-									this.carNoImg1 = "";
+								uni.hideLoading();
+							}
+						)
+					}
+				});
+			},
+			ChooseImageCar() {
+				uni.chooseImage({
+					count: 1, //默认9
+					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
+					sourceType: ['album', 'camera'], //从相册选择
+					success: (res) => {
+						//上传图片
+						//图片路径可自行修改
+						uploadImage(res.tempFilePaths[0], 'carNoImg/',
+							result => {
+								if (this.carNoImg.length != 0) {
+									this.carNoImg1 = result
+								} else {
+									this.carNoImg = result
 								}
-								
+								uni.hideLoading();
 							}
+						)
+					}
+				});
+			},
+			ViewImage(e) {
+				var img = [];
+				img = e.currentTarget.dataset.url.split(' ')
+				uni.previewImage({
+					current: 0,
+					urls: img
+				});
+			},
+			DelImg(e) {
+				uni.showModal({
+					title: '提示',
+					content: '确定要删除该照片吗？',
+					cancelText: '取消',
+					confirmText: '确定',
+					success: res => {
+						if (res.confirm) {
+							if (e.currentTarget.dataset.index == 0) {
+								this.personNoImg = "";
+							} else if (e.currentTarget.dataset.index == 1) {
+								this.personNoImg1 = "";
+							} else if (e.currentTarget.dataset.index == 2) {
+								this.driverNoImg = "";
+							} else if (e.currentTarget.dataset.index == 3) {
+								this.driverNoImg1 = "";
+							} else if (e.currentTarget.dataset.index == 4) {
+								this.carNoImg = "";
+							} else if (e.currentTarget.dataset.index == 5) {
+								this.carNoImg1 = "";
+							}
+
 						}
-					})
-				},
+					}
+				})
 			},
-		}
+		},
+	}
 </script>
 
 <style scoped>
-	.container{
+	.container {
 		padding: 10px 10px;
 		background-color: #F5F6FA;
 	}
-	.title1{
+
+	.title1 {
 		font-size: 18px;
 		font-weight: 600;
-		}
+	}
+
 	.cu-form-group input {
 		text-align: right;
 	}
-	.text-white text{
+
+	.text-white text {
 		background: linear-gradient(45deg, #3DC146, #B2D612);
-		padding:5px 10px;
+		padding: 5px 10px;
 		border-radius: 38rpx;
 	}
+
 	.cu-form-group textarea {
 		text-align: right;
 	}
-	.commit{
+
+	.commit {
 		background: linear-gradient(45deg, #DF331C, #DA611A);
-		color:#fff;
+		color: #fff;
 	}
+
 	.c-row {
 		display: -webkit-box;
 		display: -webkit-flex;
@@ -449,6 +459,7 @@
 		padding: 20rpx 30rpx;
 		position: relative;
 	}
+
 	.con-list {
 		-webkit-box-flex: 1;
 		-webkit-flex: 1;
@@ -466,12 +477,14 @@
 		padding-right: 20rpx;
 		font-size: 14px;
 	}
-	.information{
+
+	.information {
 		background-color: #FFFFFF;
 		border-radius: 20px;
 		margin-top: 10px;
 	}
-	.btn{
+
+	.btn {
 		margin-top: 10px;
 		border-radius: 25px;
 		background-color: #22C572;

pageB/contract/look.vue

@@ -67,7 +67,7 @@
 						<image :src="item.unloadPoundImg" mode="" class="poundlist"></image>
 					</view>
 				</view>
-				<button v-if='item.confirmFlag!=3' class=" btn btns unload" style="background-color: #22C572; color: #FFFFFF ;width:80%;"
+				<button v-if='item.confirmFlag != 3 && item.status == "已送达"' class=" btn btns unload" style="background-color: #22C572; color: #FFFFFF ;width:80%;"
 					@click="confirmunload(item)" >确认卸货</button>
 			</view>
 		</view>

pageD/identity/driverIdentityEdit.vue

@@ -3,53 +3,54 @@
 		<view>
 
 			<view>
-				<view style="margin: 0 auto;" v-if="id != ''"  @click="idUp">
-					<image v-bind:src = "id1" class="picture"></image>
+				<view style="margin: 0 auto;" v-if="id != ''" @click="idUp">
+					<image v-bind:src="id1" class="picture"></image>
 				</view>
-	
+
 				<view style="margin: 0 auto;" v-if="id2 != ''" @click="idLow">
-					<image v-bind:src = "id2" class="picture"></image>
+					<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">
-					<input placeholder="请填写姓名" name="input" v-model="DriverViewInfo.driverName"></input>
+
+
+				<view class="c-row b-b">
+					<text class="tit">姓名</text>
+					<view class="con-list">
+						<input placeholder="请填写姓名" name="input" v-model="DriverViewInfo.driverName"></input>
+					</view>
 				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">身份证号</text>
-				<view class="con-list">
-					<input placeholder="请填写身份证号" name="input" v-model="DriverViewInfo.numberCard"></input>
+				<view class="c-row b-b">
+					<text class="tit">身份证号</text>
+					<view class="con-list">
+						<input placeholder="请填写身份证号" name="input" v-model="DriverViewInfo.numberCard"></input>
+					</view>
 				</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">手机号</text>
-				<view class="con-list">
-					<input placeholder="请填写手机号" name="input" v-model="DriverViewInfo.driverPhone"></input>
+				<view class="c-row b-b">
+					<text class="tit">手机号</text>
+					<view class="con-list">
+						<input placeholder="请填写手机号" name="input" v-model="DriverViewInfo.driverPhone"></input>
+					</view>
 				</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;'>
-				<view class="con-list">
-					<!-- style='width:70%;position:relative;margin-left: 200px;' -->
-					<input v-model='verifyCode' placeholder="请输入验证码" type="text">
+				<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;'>
+						<view class="con-list">
+							<!-- style='width:70%;position:relative;margin-left: 200px;' -->
+							<input v-model='verifyCode' placeholder="请输入验证码" type="text">
+						</view>
+
+					</view>
 				</view>
-			
-			</view>
-			</view>
-			<view class="c-row b-b">
-				<text class="tit">常驻城市</text>
-				<view class="con-list">
-					<input placeholder="请填写常驻城市" name="input" v-model="DriverViewInfo.residentCityProvincial"></input>
+				<view class="c-row b-b">
+					<text class="tit">常驻城市</text>
+					<view class="con-list">
+						<input placeholder="请填写常驻城市" name="input"
+							v-model="DriverViewInfo.residentCityProvincial"></input>
+					</view>
 				</view>
 			</view>
-			</view>
 
 
 		</view>
@@ -58,7 +59,7 @@
 			<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>
+					<image v-bind:src="opencar" class="open" opencarboolean @click="opencarclick"></image>
 				</view>
 			</view>
 		</view>
@@ -67,7 +68,8 @@
 			<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">
@@ -87,11 +89,19 @@
 			</view>
 			<view class="c-row b-b">
 				<text class="tit">不含车头车长（米）</text>
-				<picker @change="carLongChange" :value="carLongIndex" :range="carLongType" class="con-list">
+				<picker @change="carLongChange" :value="carLongIndex" :range="carLongType" class="con-list"
+					v-if="carchength">
 					<view class="picker" v-model="item.carLength">
 						{{carLongIndex>-1?carLongType[carLongIndex]:'请选择车长'}}
 					</view>
 				</picker>
+
+
+				<view v-else class="con-list">
+					<input placeholder="请填写车长(米)" name="input" v-model="item.carLength"></input>
+				</view>
+				<button v-if="carchength" class='cu-btn bg-green shadow' @click="changeCarChength">填写</button>
+				<button v-else class='cu-btn bg-green shadow' @click="changeCarChength">选择</button>
 			</view>
 			<view class="c-row b-b">
 				<text class="tit">载重（吨）</text>
@@ -102,14 +112,17 @@
 			<view class="c-row ">
 				<text class="tit">出厂年份</text>
 				<view class="con-list">
-					<input placeholder="请填写出厂年份" name="input" v-model="item.yearManufacture"></input>
+					<view @click='yearchange'>{{item.yearManufacture == null?"请选择出厂年份":item.yearManufacture}}</view>
+					<u-picker :params='params' @confirm='yearpicker($event,index)' v-model="show" mode="time"
+						:start-year="startData" :end-year="endData">
+					</u-picker>
 				</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>
+			<image src="../../static/img/jiaoyi/ic_fabu@3x.png" class="add" style="top: 8px;"></image>
+			<texe>添加车辆</texe>
+		</button>
 		<!-- 账户信息 -->
 		<view class="information">
 			<view class="c-row">
@@ -119,14 +132,15 @@
 				</view>
 			</view>
 		</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>
+					<image src="../../static/img/jiaoyi/shanchu@2x.png" class="eliminate" @click="userDel(index)">
+					</image>
 				</view>
 			</view>
 			<view class="c-row b-b">
@@ -135,15 +149,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" @clisk="bankimg(items)"></input> -->
-					<view  v-if="bankimg == ''"  @click="bankimgs(index)">请上传照片</view>
-					<view  v-if="bankimg != ''" @click="bankimgs(index)">
+					<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">
@@ -154,19 +168,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">
-					{{bankIndex>-1?bankType[bankIndex]:'请选择开户支行'}}
-				</view>
-					</picker>
+					<view class="con-list">
+						{{bankIndex>-1?bankType[bankIndex]:'请选择开户支行'}}
+					</view>
+				</picker>
 			</view>
 			<view class="c-row b-b">
 				<text class="tit">收款人姓名</text>
@@ -182,34 +196,34 @@
 			</view>
 		</view>
 		<button class="btn" v-if="openuserboolean == true" @click="userAdd()">
-			 <image src="../../static/img/jiaoyi/ic_fabu@3x.png" class="add" style="top: 8px;"></image> 
+			<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">
+		</button>
+		<view class="fujians" v-if="travels != ''" @click="travel">
 			<view class="c-row b-b">
-				<text class="picturebiaoti">行驶证</text>			
+				<text class="picturebiaoti">行驶证</text>
 			</view>
 			<image v-bind:src="travels" class="picture"></image>
-		</view>	
-		<view  class="fujians" v-if="drives != ''" @click="drive">
+		</view>
+		<view class="fujians" v-if="drives != ''" @click="drive">
 			<view class="c-row b-b">
-				<text class="picturebiaoti">驾驶证</text>			
+				<text class="picturebiaoti">驾驶证</text>
 			</view>
 			<image v-bind:src="drives" class="picture"></image>
-		</view>	
-		<view  class="fujians" v-if="operates != ''" @click="operate">
+		</view>
+		<view class="fujians" v-if="operates != ''" @click="operate">
 			<view class="c-row b-b">
-				<text class="picturebiaoti">道路运营证</text>			
+				<text class="picturebiaoti">道路运营证</text>
 			</view>
 			<image v-bind:src="operates" class="picture"></image>
-		</view>	
-		<view  class="fujians" v-if="practices != ''" @click="practice">
+		</view>
+		<view class="fujians" v-if="practices != ''" @click="practice">
 			<view class="c-row b-b">
-				<text class="picturebiaoti">从业资格证</text>			
+				<text class="picturebiaoti">从业资格证</text>
 			</view>
 			<image v-bind:src="practices" class="picture"></image>
-		</view>	
-			<button class="btn btns" @click="commitEdit">修改</button>
+		</view>
+		<button class="btn btns" @click="commitEdit">修改</button>
 
 	</view>
 	</view>
@@ -217,63 +231,89 @@
 
 <script>
 	import {
-	    mapState 
+		mapState
 	} from 'vuex';
 	export default {
 		data() {
 			return {
-				goods:{},
-				ModelIndex:'高栏',
-				Model:'',
-				ModelType:["高栏","集装箱","自卸车"],
-				carLong:'',
-				carLongType:['13','9.6','8.2','8.7','11.7','12.5','13.7','15','16','17.5'],
-				id:[],
-				id1:"",
-				id2:"",
-				travels:"",
-				drives:"",
-				operates:"",
-				practices:"",
+				goods: {},
+				ModelIndex: '高栏',
+				Model: '',
+				ModelType: ["高栏", "集装箱", "自卸车"],
+				carLong: '',
+				carLongType: ['13', '9.6', '8.2', '8.7', '11.7', '12.5', '13.7', '15', '16', '17.5'],
+				id: [],
+				id1: "",
+				id2: "",
+				travels: "",
+				drives: "",
+				operates: "",
+				practices: "",
 				// bank1:"",
 				// bank2:"",
 				// bankid:[],
 				sendText: '获取验证码',
-                sendDisabled: false,
+				sendDisabled: false,
 				sendText: '获取验证码',
 				ModelIndex: '高栏',
 				Model: '',
 				ModelType: ["高栏", "集装箱", "自卸车"],
 				carLong: '',
-				carLongIndex:0,
+				carLongIndex: 0,
 				carLongType: ['13', '9.6', '8.2', '8.7', '11.7', '12.5', '13.7', '15', '16', '17.5'],
 				driverCarInfoList: [],
 				driverPayeeInfoList: [],
 				DriverViewInfo: {
 					driverCarInfoList: [],
-					driverPayeeInfoList: [],	
+					driverPayeeInfoList: [],
+				},
+				params: {
+					year: true,
 				},
-				verifyCode:"",
-				codestatus:false,
+				verifyCode: "",
+				codestatus: false,
 				customerPhone: '',
-				addressUrl:[],
-				opencarboolean:false,
-				openuserboolean:false,
+				addressUrl: [],
+				opencarboolean: false,
+				openuserboolean: false,
+				carchength: true,
+				show: false,
 				opencar: "../../static/img/authentication/down2@3x.png",
-					openuser: "../../static/img/authentication/down2@3x.png",
-					bankimg:"",
-					bankImgs1:{},
-					bankIndex:-1,
-					bankType:[],
+				openuser: "../../static/img/authentication/down2@3x.png",
+				bankimg: "",
+				bankImgs1: {},
+				bankIndex: -1,
+				bankType: [],
+				year:[],
 			}
 		},
 		computed: {
-			...mapState(['hasLogin','userInfo'])
+			...mapState(['hasLogin', 'userInfo'])
+		},
+		computed:{
+			yearchange() {
+				this.show = true
+			},
+			startData(){
+				var data = new Date()
+				return data.getFullYear() - 30
+			},
+			endData(){
+				var data = new Date()
+				return data.getFullYear()
+			}
 		},
-		onLoad(option){
+		onLoad(option) {
 			this.getList(option.id)
 		},
 		methods: {
+			yearpicker(e, index) {
+				this.year[index] = e.year
+				this.driverCarInfoList[index].yearManufacture = e.year
+			},
+			changeCarChength() {
+				this.carchength = !this.carchength
+			},
 			carAdd() {
 				this.driverCarInfoList.push({
 					carNumber: '',
@@ -285,13 +325,13 @@
 			},
 			userAdd() {
 				this.driverPayeeInfoList.push({
-					accountType:"",
-					cardAddressUrl:"",
-					bankCard:"",
-					bankDeposit:"",
-					bankDepositBranch:"",
-					payeeName:"",
-					payeeNumberCard:"",
+					accountType: "",
+					cardAddressUrl: "",
+					bankCard: "",
+					bankDeposit: "",
+					bankDepositBranch: "",
+					payeeName: "",
+					payeeNumberCard: "",
 				})
 			},
 			carDel(index) {
@@ -322,7 +362,7 @@
 					this.openuser = "../../static/img/authentication/down2@3x.png"
 				}
 			},
-			openfujianclick(){
+			openfujianclick() {
 				if (this.openfujianboolean == false) {
 					this.openfujianboolean = true;
 					this.openfujian = "../../static/img/authentication/up2%20(3).png"
@@ -332,27 +372,24 @@
 				}
 			},
 			bankChange(e) {
-				console.log(e,"e是神恶魔")
 				this.bankIndex = e.detail.value
-				this.Model = this.bankType[this.bankIndex];	
+				this.Model = this.bankType[this.bankIndex];
 				this.driverPayeeInfoList[index].bankDepositBranch = this.bankType[this.bankIndex];
 			},
 			getList(ids) {
 				this.$api.doRequest('get', '/driverViewInfo/getDriver', {
 						id: ids
 					}, 'application/json;charset=UTF-8').then(res => {
-						console.log("成功连接")
 						this.procurementPlanInfos = res.data.data
 						this.DriverViewInfo = res.data.data
 						this.driverCarInfoList = this.DriverViewInfo.driverCarInfoList
 						this.driverPayeeInfoList = this.DriverViewInfo.driverPayeeInfoList
-						this.addressUrl =this.DriverViewInfo.addressUrl.split(",")
-						console.log(this.driverPayeeInfoList,"dsfds")
+						this.addressUrl = this.DriverViewInfo.addressUrl.split(",")
 						this.drivers = res.data.data
 						if (this.drivers.cardAddressUrl != "") {
 							this.id = this.drivers.cardAddressUrl.split(","),
 								this.id1 = this.id[0]
-							    this.id2 = this.id[1]
+							this.id2 = this.id[1]
 						}
 						if (this.drivers.addressUrl != "") {
 							this.address = this.drivers.addressUrl.split(","),
@@ -371,27 +408,27 @@
 					});
 			},
 			commitEdit() {
-				console.log(this.addressUrl,"数组")
+				console.log(this.addressUrl, "数组")
 				this.DriverViewInfo.addressUrl = this.addressUrl.toString()
-				console.log(this.DriverViewInfo.addressUrl,"字符串")
-				
+				console.log(this.DriverViewInfo.addressUrl, "字符串")
+
 				this.DriverViewInfo.driverCarInfoList = this.driverCarInfoList
 				this.DriverViewInfo.driverPayeeInfoList = this.driverPayeeInfoList
 				this.DriverViewInfo.commonId = this.userInfo.id
 				this.DriverViewInfo.cardAddressUrl = this.id.toString()
 				this.DriverViewInfo.pcFlag = 0
 				this.DriverViewInfo.compId = "2710b21efc1e4393930c5dc800010dc4"
-				console.log(this.DriverViewInfo,"司机对象")
-				this.$api.doRequest('post', '/driverViewInfo/api/editInfo', this.DriverViewInfo).then(res => {
-				}).catch(res => {
-					uni.showToast({
-						title: res.data.message,
-						icon: 'none',
-						duration: 2000
+				console.log(this.DriverViewInfo, "司机对象")
+				this.$api.doRequest('post', '/driverViewInfo/api/editInfo', this.DriverViewInfo).then(res => {}).catch(
+					res => {
+						uni.showToast({
+							title: res.data.message,
+							icon: 'none',
+							duration: 2000
+						})
 					})
-				})
 			},
-			bankimgs(items){
+			bankimgs(items) {
 				console.log(items)
 				var that = this
 				wx.chooseImage({
@@ -405,12 +442,15 @@
 								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 => {
+								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.$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 => {
@@ -423,9 +463,9 @@
 							}
 						})
 					}
-				})	
+				})
 			},
-			idUp(){
+			idUp() {
 				var that = this
 				wx.chooseImage({
 					success: function(res) {
@@ -435,7 +475,7 @@
 							name: 'file',
 							success(res) {
 								var data = res.data
-								var strToObj = JSON.parse(data)			
+								var strToObj = JSON.parse(data)
 								that.id[0] = strToObj.url
 								that.id1 = strToObj.url
 							}
@@ -443,7 +483,7 @@
 					}
 				})
 			},
-			idLow(){
+			idLow() {
 				var that = this
 				wx.chooseImage({
 					success: function(res) {
@@ -453,7 +493,7 @@
 							name: 'file',
 							success(res) {
 								var data = res.data
-								var strToObj = JSON.parse(data)			
+								var strToObj = JSON.parse(data)
 								that.id[1] = strToObj.url
 								that.id2 = strToObj.url
 							}
@@ -461,7 +501,7 @@
 					}
 				})
 			},
-			travel(){
+			travel() {
 				var that = this
 				wx.chooseImage({
 					success: function(res) {
@@ -471,7 +511,7 @@
 							name: 'file',
 							success(res) {
 								var data = res.data
-								var strToObj = JSON.parse(data)			
+								var strToObj = JSON.parse(data)
 								that.travels = strToObj.url
 								that.addressUrl[0] = strToObj.url
 								console.log(that.addressUrl)
@@ -479,67 +519,67 @@
 						})
 					}
 				})
-				},
-				drive(){
-					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.drives = strToObj.url
-									that.addressUrl[1] = strToObj.url
-										console.log(that.addressUrl)
-								}
-							})
-						}
-					})
-					},
-					operate(){
-						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.operates = strToObj.url
-										that.addressUrl[2] = strToObj.url
-										console.log(that.addressUrl)
-									}
-								})
+			},
+			drive() {
+				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.drives = strToObj.url
+								that.addressUrl[1] = strToObj.url
+								console.log(that.addressUrl)
 							}
 						})
-					},
-					practice(){
-						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.practices = strToObj.url
-										that.addressUrl[3] = strToObj.url
-										console.log(that.addressUrl)
-									}
-								})
+					}
+				})
+			},
+			operate() {
+				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.operates = strToObj.url
+								that.addressUrl[2] = strToObj.url
+								console.log(that.addressUrl)
 							}
 						})
-					},
+					}
+				})
+			},
+			practice() {
+				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.practices = strToObj.url
+								that.addressUrl[3] = strToObj.url
+								console.log(that.addressUrl)
+							}
+						})
+					}
+				})
+			},
 			getcode() {
 				var that = this
-					console.log(that.DriverViewInfo.driverPhone)
+				console.log(that.DriverViewInfo.driverPhone)
 				if (/^0?1[3|4|5|6|7|8][0-9]\d{8}$/.test(that.DriverViewInfo.driverPhone)) {
 					this.$api.doRequest('get', '/commonUser/sendVerifyCode', {
 							customerPhone: that.DriverViewInfo.driverPhone
@@ -588,7 +628,7 @@
 				this.carLongIndex = e.detail.value
 				this.carLong = this.carLongType[this.carLongIndex];
 			},
-			
+
 		}
 	}
 </script>
@@ -596,61 +636,68 @@
 <style>
 	.center {
 		padding: 10px 20px;
-		}
-		.labels{
-			font-size: 16px;
-			font-weight: 400;
-		}
-		.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;
-		}
-		.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;
-		}
-		.getcode.active {
-			background: #22C572;
-			color: #fff;
-		}
+	}
+
+	.labels {
+		font-size: 16px;
+		font-weight: 400;
+	}
+
+	.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;
+	}
+
+	.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;
+	}
+
+	.getcode.active {
+		background: #22C572;
+		color: #fff;
+	}
+
 
-	
 
 	.labels {
 		font-size: 16px;
@@ -685,6 +732,7 @@
 		padding-right: 20rpx;
 		font-size: 14px;
 	}
+
 	.verificationCode {
 		margin-top: 20px;
 		background: #F5F6F9;
@@ -721,29 +769,33 @@
 		background: #22C572;
 		color: #fff;
 	}
+
 	.picture {
 		width: 100%;
 		height: 220px;
 		text-align: center;
 		margin-top: 10px;
 	}
-	.fujians{
+
+	.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%;
@@ -751,16 +803,19 @@
 		background-color: #FFFFFF;
 		border-radius: 16px;
 	}
+
 	.informations {
 		margin-top: 10px;
 		background-color: #FFFFFF;
 		border-radius: 20px;
 	}
-	.personalcss{
+
+	.personalcss {
 		background-color: #FFFFFF;
 		border-radius: 20px;
 		margin-top: 10px;
 	}
+
 	.open {
 		width: 30px;
 		height: 20px;
@@ -768,19 +823,21 @@
 		right: 20px;
 		margin-top: -10px;
 	}
-	
-	.add{
+
+	.add {
 		width: 26px;
 		height: 26px;
 		/* background-image: url(../../static/img/jiaoyi/ic_fabu@3x.png); */
 	}
+
 	/* 清除 */
 	.eliminate {
 		width: 20px;
 		height: 20px;
 		float: right;
 	}
-	.bankImg{
+
+	.bankImg {
 		width: 20px;
 		height: 20px;
 	}