新增车牌占用手机验证界面

after-sale/rescind-carId/rescind-carId-select.vue

@@ -119,9 +119,9 @@
 						<view class="tip-value"> 拍摄规范 </view>
 					</view>
 				</view>
-				<image v-if="!state.form.vehBodyUrl" class="icon" :src="`${$imgUrl}applyCard/chetou.png`">
+				<image v-if="!state.FormData.peopleVehicleImgUrl" class="icon" :src="`${$imgUrl}applyCard/chetou.png`">
 				</image>
-				<image v-else class="icon" :src="state.form.vehBodyUrl"></image>
+				<image v-else class="icon" :src="state.FormData.peopleVehicleImgUrl"></image>
 			</view>
 		</view>
 		<view class="shibie-wrapper">
@@ -131,7 +131,7 @@
 					<u-input v-model="state.form.vehicleId" />
 				</u-form-item>
 				<u-form-item label="车牌颜色">
-					<u-input v-model="state.form.man" />
+					<u-input v-model="state.form.caridCorlor" type="select" @click="show1 = true" />
 				</u-form-item>
 				<!-- 				<u-form-item label="所有人">
 					<u-input v-model="state.form.man" />
@@ -179,6 +179,8 @@
 				下一步
 			</button>
 		</view>
+		<!-- 选择车牌颜色 -->
+		<u-select v-model="show1" :list="state.actionSheetList" @confirm="selectConfirm"></u-select>
 	</view>
 </template>
 
@@ -204,7 +206,9 @@
 	import {
 		request
 	} from "@/utils/network/request.js";
-
+	import {
+		getItem
+	} from "@/utils/storage.ts"
 	import {
 		stringToJson
 	} from "@/utils/network/encryption";
@@ -238,6 +242,8 @@
 
 	// ######################
 
+
+	const show1 = ref(false)
 	const state = reactive({
 		ocrData: {
 			name: "",
@@ -250,6 +256,7 @@
 			tmerValidity: "",
 		},
 		form: {
+			caridCorlor:"",//车牌颜色
 			userName: "", //开户人姓名
 			userIdNum: "", //用户证件号码
 			userPosImgUrl: "", //身份证正面
@@ -297,12 +304,65 @@
 			card: "23728347626342332",
 			phone: "",
 		},
+		actionSheetList: [{
+				label: "蓝色",
+				value: 0,
+			}, {
+				label: "黄色",
+				value: 1,
+			},
+			{
+				label: "黑色",
+				value: 2,
+			},
+			{
+				label: "白色",
+				value: 3,
+			},
+			{
+				label: "渐变绿色",
+				value: 4,
+			},
+			{
+				label: "黄绿双拼色",
+				value: 5,
+			},
+			{
+				label: "蓝白渐变色",
+				value: 6,
+			},
+			{
+				label: "未确定",
+				value: 9,
+			},
+			{
+				label: "绿色",
+				value: 11,
+			},
+			{
+				label: "红色",
+				value: 12,
+			},
+		],
+		FormData: {
+			vehiclePlate: '',
+			vehiclePlatecolor: '',
+			openid: getItem('openId'),
+			idcardFrontImgUrl: '',
+			idcardBacktImgUrl: '',
+			vehPosImgUrl: '',
+			vehNegImgUrl: '',
+			peopleVehicleImgUrl: '',
+			commitmentUrl: '',
+			mobile: '',
+			code: ''
+		}
 	});
 	const savaHandle = () => {
-		navTo("/after-sale/rescind-carId/result");
+		navTo("/after-sale/rescind-carId/verification");
 
 
-		console.log(state.form);
+		console.log(state.FormData);
 		// var data = state.form
 		// const options = {
 		// 	type: 2,
@@ -315,6 +375,13 @@
 
 		// })
 	};
+
+	const selectConfirm = (item: any) => {
+		console.log(item);
+		state.FormData.vehiclePlatecolor=item[0].value
+		state.form.caridCorlor=item[0].label
+	};
+
 	const cardFileImageUpdate = () => {
 		uni.chooseImage({
 			count: 1, //只能选取一张照片
@@ -336,7 +403,7 @@
 						request(fileUpload, options).then((res) => {
 							const data = stringToJson(res.bizContent);
 							console.log(data);
-							state.form.vehBodyUrl = data.data.url;
+							state.FormData.peopleVehicleImgUrl = data.data.url;
 						});
 					})
 					.catch((error) => {});
@@ -417,12 +484,17 @@
 								state.form.issueDate = data.issue;
 								state.form.vehPosImgUrl = data.imageUrl;
 								state.form.vehicleModel = data.model;
+
+								state.FormData.vehiclePlate = data.plate_a
+								state.FormData.vehPosImgUrl = data.imageUrl
 							} else {
 								state.form.approvedCount = parseFloat(data.apc);
 								state.form.maintenaceMass = parseFloat(data.unladen);
 								state.form.vehicleDimensions = data.overall;
 								state.form.totalMass = parseFloat(data.gross);
 								state.form.vehNegImgUrl = data.imageUrl;
+
+								state.FormData.vehNegImgUrl = data.imageUrl
 							}
 						});
 					})
@@ -467,9 +539,13 @@
 								state.form.userIdNum = data.idno;
 								state.form.userPosImgUrl = data.imageUrl;
 								state.form.address = data.address;
+
+								state.FormData.idcardFrontImgUrl = data.imageUrl
 							} else {
 								state.form.tmerValidity = data.begindate + "-" + data.enddate;
 								state.form.userNegImgUrl = data.imageUrl;
+
+								state.FormData.idcardBacktImgUrl = data.imageUrl
 							}
 						});
 					})

manifest.json

@@ -52,7 +52,7 @@
     "quickapp" : {},
     /* 小程序特有相关 */
     "mp-weixin" : {
-        "appid" : "wx008c60533388527a",
+        "appid" : "wx214b4f8de36a0181",
         "setting" : {
             "urlCheck" : false,
             "checkSiteMap" : false,

pages.json

@@ -379,6 +379,13 @@
             "enablePullDownRefresh": false
           }
         },
+		{
+		  "path": "rescind-carId/verification",
+		  "style": {
+		    "navigationBarTitleText": "验证",
+		    "enablePullDownRefresh": false
+		  }
+		},
         {
           "path": "rescind-carId/base-change-people",
           "style": {

utils/util/fileData.js

@@ -1,7 +1,7 @@
-import {
-	TextEncoder,
-	TextDecoder
-} from "text-decoding";
+// import {
+// 	TextEncoder,
+// 	TextDecoder
+// } from "text-decoding";
 
 
 export function IntegerToHexString(num, nLen) {