优化picker

subpackage/after-sale/account-recharge/go-account.vue

@@ -8,14 +8,24 @@
 					<car-number-input @numberInputResult="carNumber"></car-number-input>
 				</view>
 				<u-form :model="form" ref="form1" label-width=180>
-					<u-form-item label="车牌颜色"><u-input v-model="state.form.carColor" type="select"
+					<u-form-item label="车牌颜色">
+						<!-- <u-input v-model="state.form.carColor" type="select"
 							:select-open="state.showColor" @click="state.showColor = true"
-							placeholder='车牌颜色' /></u-form-item>
+							placeholder='车牌颜色' /> -->
+							<picker mode="selector" @change="regionConfirmColor" :value="state.index" :range="state.colorList">
+									<view class="uni-input">{{state.index>=0?state.form.carColor:"请选择"}}</view>
+							</picker>
+						</u-form-item>
 				</u-form>
 			</view>
 			<u-form :model="form" ref="form1" label-width=180 v-else>
-				<u-form-item label="请选择车辆"><u-input v-model="state.form.choiceCarVal" type="select"
-						:select-open="state.show" @click="state.show = true" placeholder='请选择车辆' /></u-form-item>
+				<u-form-item label="请选择车辆">
+					<!-- <u-input v-model="state.form.choiceCarVal" type="select"
+						:select-open="state.show" @click="state.show = true" placeholder='请选择车辆' /> -->
+						<picker mode="selector" @change="regionConfirm" :value="state.index" :range="state.carData">
+								<view class="uni-input">{{state.index>=0?state.form.choiceCarVal:"请选择"}}</view>
+						</picker>
+						</u-form-item>
 				<u-form-item label="车牌颜色"><u-input v-model="state.form.carColor" disabled
 						placeholder='车牌颜色' /></u-form-item>
 			</u-form>
@@ -30,7 +40,7 @@
 <script setup lang="ts">
 	import { reactive, ref } from "vue";
 	import { request } from "@/utils/network/request.js";
-	import { sendCode, orderList } from "@/utils/network/api.js";
+	import { orderList } from "@/utils/network/api.js";
 	import carNumberInput from "@/components/car-number-input/car-number-input.vue";
 	import { navTo, msg, hasLogin } from "@/utils/utils";
 	import { onLoad } from "@dcloudio/uni-app";
@@ -38,7 +48,7 @@
 	import { stringToJson } from "@/utils/network/encryption";
 	import { vehiclePlateColor } from "@/datas/vehiclePlateColor";
 	const state = reactive({
-		index: 0,
+		index: -1,
 		carData: [],//车辆数据
 		colorList: [],  //没有注册时车辆颜色
 		form: {
@@ -62,67 +72,19 @@
 		}
 		quanCheckActionTrue();
 	});
-	const getCode = () => {
-		console.log(123);
-		if (state.form.tel) {
-			sendCodeApi()
-			codeInterval()
-		} else {
-			uni.showToast({
-				title: '请输入手机号',
-				icon: 'none'
-			});
-		}
-	}
-	// 发送验证码
-	const sendCodeApi = (type) => {
-		//参数说明
-		let options = {
-			type: 2, //type: 2,JSON格式提交数据(默认表单形式提交)
-			data: {
-				mobile: state.form.tel
-			}, //请求参数
-			method: "POST", //提交方式(默认POST)
-			showLoading: true, //是否显示加载中(默认显示)
-		};
-
-		//调用方式
-		request(sendCode, options)
-			.then((res) => {
-				let data = stringToJson(res.bizContent)
-				console.log(data, "#################");
-				if (data.info == "成功.") {
-					console.log('######################CCCCCCCCCCCCCCCCC');
-				}
-			})
-			.catch((err) => {
-				console.log(err);
-			});
-	}
-	//倒计时函数
-	const codeInterval = () => {
-		waitTime.value = 60
-		let timer = setInterval(() => {
-			if (waitTime.value == 1) {
-				clearInterval(timer)
-			}
-			waitTime.value -= 1
-		}, 1000)
-	}
-	const bindPickerChange = (e) => {
-		state.index = e.detail.value
-	}
 	// 选择车牌回调
 	const regionConfirm = (e : any) => {
 		// 切割车牌号，获取颜色
-		console.log("e", state.carData[e].split(' '))
-		state.form.choiceCarVal = state.carData[e].split(' ')[0];
-		state.form.carColor = state.carData[e].split(' ')[1]
-		state.showPhone = true;
+		console.log("e", e.detail.value,state.carData[e.detail.value].split(' '))
+		state.index=e.detail.value
+		state.form.choiceCarVal = state.carData[e.detail.value].split(' ')[0];
+		state.form.carColor = state.carData[e.detail.value].split(' ')[1]
+		// state.showPhone = true;
 	};
 	// 选择颜色的回调
 	const regionConfirmColor = (e : any) => {
-		state.form.carColor = state.colorList[e]
+		console.log(e,state.colorList[e.detail.value])
+		state.form.carColor = state.colorList[e.detail.value]
 	}
 	const change = () => {
 		console.log("11")
@@ -131,7 +93,6 @@
 		state.form.carColor = '';
 	}
 	const carNumber = (val : any) => {
-		// state.vehiclePlate = val;
 		state.form.choiceCarVal = val;
 	};
 	// 去开户页面
@@ -169,6 +130,7 @@
 				strData += data[i].vehiclePlate + " " + getVehiclePlateColor(data[i].vehiclePlateColor);
 				state.carData.push(strData);
 			}
+			console.log("state.carData", state.carData);
 
 		})
 			.catch((err) => {

utils/network/request.js

@@ -123,7 +123,7 @@ export function request(code, options = {}, start = false) {
 			if (res.data.statusCode !== 0) {
 				if (res.data.statusCode == 600) {
 					resolve(res.data)
-				} else if (res.data.statusCode == 401) {
+				} else if (res.data.statusCode == 401 || res.data.statusCode == 8888) {
 					uni.showModal({
 						title: '提示',
 						content: res.data.errorMsg,