前端gjy

pageD/identity/driverIdentityEdit.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="center">
 		<view>
-			<view>
+			<!-- <view>
 				<view style="margin: 0 auto;" v-if="id != ''" @click="idUp">
 					<image v-bind:src="id1" class="picture"></image>
 				</view>
@@ -9,6 +9,16 @@
 				<view style="margin: 0 auto;" v-if="id2 != ''" @click="idLow">
 					<image v-bind:src="id2" class="picture"></image>
 				</view>
+			</view> -->
+			<view class='cardaddress'>
+				<view class='title'>身份证</view>
+			<swiper class="screen-swiper header-swiper" ::class="dotStyle?'square-dot':'round-dot'" :indicator-dots="true" :circular="true"  interval="3000" duration="500" indicator-color="#8799a3"
+								 indicator-active-color="#0081ff">
+				<swiper-item class="swiper-item" v-for="(item,index) in cardAddress" :key="index" :class="cardCur==index?'text-white':''" @click="naviageToPage(item.url)">
+					<image :src="item"></image>
+									<!-- 	<view style='position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);'>11111</view> -->
+				</swiper-item>
+			</swiper>
 			</view>
 			<view class="personalcss">
 				<view class="c-row b-b">
@@ -52,11 +62,11 @@
 
 		</view>
 		<!-- 车辆信息 -->
-		<view class="information">
+		<view @click="opencarclick" class="information">
 			<view class="c-row">
-				<text class="tit" style="line-height: 36px;">货车信息</text>
+				<text class="tit">货车信息</text>
 				<view class="con-list">
-					<image v-bind:src="opencar" class="open"  @click="opencarclick"></image>
+					<image v-bind:src="opencar" class="icon-up" ></image>
 				</view>
 			</view>
 		</view>
@@ -117,15 +127,15 @@
 			</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>
+			<image style='width:16px;height:16px;margin-right:3px;position:relative;top:2px;' src="../../static/img/add@3x.png" mode=""></image>
 			<texe>添加车辆</texe>
 		</button>
 		<!-- 账户信息 -->
-		<view class="information">
+		<view @click="openuserclick" 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>
+					<image style='width:17px;height:9px;' v-bind:src="openuser" class="icon-up" openuserboolean></image>
 				</view>
 			</view>
 		</view>
@@ -196,31 +206,42 @@
 			<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 @click="openfujianclick" class="information">
+			<view class="c-row">
+				<text class="tit" style="line-height: 36px;">附件信息</text>
+				<view class="con-list">
+					<image style='width:17px;height:9px;' v-bind:src="openfujian" class="icon-up" openuserboolean></image>
+				</view>
 			</view>
-			<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 v-if='openfujianboolean'>
+			<view class="fujians" v-if="travels != ''" @click="travel">
+				<view class="c-row b-b">
+					<text class="picturebiaoti">行驶证</text>
+				</view>
+				<image v-bind:src="travels" class="picture"></image>
 			</view>
-			<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 class="fujians" v-if="drives != ''" @click="drive">
+				<view class="c-row b-b">
+					<text class="picturebiaoti">驾驶证</text>
+				</view>
+				<image v-bind:src="drives" class="picture"></image>
 			</view>
-			<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 class="fujians" v-if="operates != ''" @click="operate">
+				<view class="c-row b-b">
+					<text class="picturebiaoti">道路运营证</text>
+				</view>
+				<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>
+				<image v-bind:src="practices" class="picture"></image>
 			</view>
-			<image v-bind:src="practices" class="picture"></image>
 		</view>
-		<button class="btn btns" @click="commitEdit">修改</button>
+		<button class="btn btns commit" @click="commitEdit">修改</button>
 
 	</view>
 	</view>
@@ -251,9 +272,11 @@
 				// bankid:[],
 				sendText: '获取验证码',
 				sendDisabled: false,
+				cardAddress:[],
 				sendText: '获取验证码',
 				ModelIndex: '高栏',
 				Model: '',
+				dotStyle: false,
 				ModelType: ["高栏", "集装箱", "自卸车"],
 				carLong: '',
 				carLongIndex: 0,
@@ -277,11 +300,13 @@
 				addressUrl: [],
 				opencarboolean: false,
 				openuserboolean: false,
+				openfujianboolean:false,
 				carchength: true,
 				show: false,
 				show1: false,
 				opencar: "../../static/img/authentication/down2@3x.png",
 				openuser: "../../static/img/authentication/down2@3x.png",
+				openfujian: "../../static/img/authentication/down2@3x.png",
 				bankimg: "",
 				bankImgs1: {},
 				bankIndex: -1,
@@ -399,9 +424,7 @@
 						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.cardAddress = this.drivers.cardAddressUrl.split(",")
 						}
 						if (this.drivers.addressUrl != "") {
 							this.address = this.drivers.addressUrl.split(","),
@@ -663,7 +686,19 @@
 	.labels {
 		font-size: 14px;
 	}
-
+	.cardaddress{
+		background:#fff;
+		padding:10px;
+		border-radius:8px;
+	}
+	.cardaddress .title{
+		padding:0px 0 10px;
+		border-bottom:1px solid #EEEEEE;
+		margin-bottom:10px;
+	}
+	.swiper-item image{
+		border-radius:8px;
+	}
 	.c-row {
 		display: -webkit-box;
 		display: -webkit-flex;
@@ -760,39 +795,51 @@
 	.fujians {
 		margin: 0 auto;
 		background-color: #FFFFFF;
-		margin-top: 30px;
-		border-radius: 20px;
+		margin-top: 10px;
+		border-radius: 8px;
 		padding: 10px 10px;
 	}
-
+	
 	.btn {
 		margin-top: 10px;
 		background-color: #FFFFFF;
-		border-radius: 25px;
+		border-radius: 8px;
+		color:#00C265;
 		border: none;
 	}
-
+	.btn:after{
+		border:none;
+	}
 	.btns {
 		background-color: #22C572;
 	}
-
+.btn.commit{
+		color:#fff;
+	}
 	.information {
 		margin-top: 10px;
 		width: 100%;
 		height: 56px;
 		background-color: #FFFFFF;
-		border-radius: 16px;
+		border-radius: 8px;
+		line-height: 56px;
+	}
+	.information .c-row{
+		height:56px;
+		align-items: center;
+	}
+	.information .c-row .icon-up{
+		align-self:flex-end;
 	}
-
 	.informations {
 		margin-top: 10px;
 		background-color: #FFFFFF;
-		border-radius: 20px;
+		border-radius: 8px;
 	}
 
 	.personalcss {
 		background-color: #FFFFFF;
-		border-radius: 20px;
+		border-radius: 8px;
 		margin-top: 10px;
 	}
 
@@ -814,11 +861,14 @@
 	.eliminate {
 		width: 20px;
 		height: 20px;
-		float: right;
+		    align-self: flex-end;
 	}
 
 	.bankImg {
 		width: 20px;
 		height: 20px;
 	}
+	.icon-up{
+		width:17px;height:9px;
+	}
 </style>