[Feature]选择车辆

pages.json

@@ -66,6 +66,14 @@
 				"enablePullDownRefresh": false
 			}
 		},
+		{
+			"path": "pages/recharge/select-car",
+			"style": {
+				"navigationBarTitleText": "选择车辆",
+				"enablePullDownRefresh": false
+			}
+		
+		},
 		{
 			"path": "pages/recharge/result",
 			"style": {

pages/recharge/select-car.vue

@@ -0,0 +1,160 @@
+<template>
+	<view class="selectCar-box">
+		<view class="item" v-for="(item,i) in list" :key="i">
+			<view class="iten-left">
+				<image :src="`${$imgUrl}che.png`" mode=""></image>
+				<text>{{item.name}}</text>
+			</view>
+			<view class="choose-item" @click="choose(i,item)">
+				<view class="active" v-if="flag==i">
+				</view>
+			</view>
+
+		</view>
+	</view>
+</template>
+
+<script lang="ts" setup>
+	import {
+		reactive,
+		ref
+	} from "vue"
+	import {
+		navTo
+	} from "@/utils/utils"
+	import {
+		onLoad,
+		onShow
+	} from "@dcloudio/uni-app";
+	import {
+		orderList
+	} from "@/utils/network/api.js";
+	import {
+		request
+	} from "@/utils/network/request.js";
+	import {
+		msg
+	} from "@/utils/utils";
+	import {
+		getItem,
+		StorageKeys,
+		setItem
+	} from "@/utils/storage";
+	import {
+		stringToJson
+	} from "@/utils/network/encryption";
+	onLoad(() => {
+		quanCheckActionTrue().then(item => {
+			console.log(item)
+		})
+	});
+	
+	const quanCheckActionTrue = () => {
+		var data = {
+			opId: '',
+			source: 'WECHAT',
+			tabIndex: '0',
+			orderStep: '11',
+			isValueCard: '2'
+		};
+		const options = {
+			type: 2,
+			data: data,
+			method: "POST",
+			showLoading: true,
+		};
+		return new Promise(async (resolve, reject) => {
+			const res = await request(orderList, options);
+			const data = stringToJson(res.bizContent);
+			resolve(data);
+		}).catch((error) => {
+			reject(error);
+		});
+	}
+	const list = reactive([{
+			name: "A12345"
+		},
+		{
+			name: "B12345"
+		},
+		{
+			name: "C12345"
+		},
+	])
+	const flag = ref('0')
+
+	const choose = (i, item) => {
+		flag.value = i
+		console.log("选择得数据", item);
+		navTo('/after-sale/card-loss-reporting/cardloss-confirm')
+	}
+</script>
+
+<style>
+	page {
+		width: 100%;
+		height: 100%;
+		background-color: #EEF7F7;
+	}
+</style>
+<style lang="scss" scoped>
+	.selectCar-box {
+		// width: 100%;
+		height: 100%;
+		padding: 30rpx;
+
+		.item {
+			padding: 20rpx;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			height: 130rpx;
+			background: #FFFFFF;
+			box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(223, 223, 223, 0.8);
+			border-radius: 20rpx;
+			margin-bottom: 30rpx;
+
+			.iten-left {
+				display: flex;
+				align-items: center;
+
+				image {
+					width: 150rpx;
+					height: 90rpx;
+
+				}
+
+				text {
+					margin-left: 20rpx;
+					font-size: 32rpx;
+					font-family: Noto Sans S Chinese;
+					font-weight: 400;
+					color: #333333;
+				}
+			}
+
+			.choose-item {
+				width: 44rpx;
+				height: 44rpx;
+				background: #FFFFFF;
+				border: 2rpx solid #00B38B;
+				border-radius: 50%;
+				margin-right: 20rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				box-sizing: content-box;
+			}
+
+			.active {
+				width: 34rpx;
+				height: 34rpx;
+				background: #00B38B;
+				border-radius: 50%;
+			}
+
+		}
+
+
+	}
+</style>