'2023年8月7日09:11:40'

subpackage/orders/choice-product.vue

@@ -28,23 +28,21 @@
 	</view>
 	<u-popup mode="center" v-model="state.choiceCardShow" closeable>
 		<view class="squire">
-			<!-- <view class="mask-close">
-				<image :src="fileURL + 'image/index/icon-close.png'" class="icon-closed" @click="closeMask"></image>
-			</view> -->
-			<!-- <view class="mask-title" :style="{ '--color': color }">选择卡的类型</view> -->
-			<u-radio-group wrap>
-				<u-radio :customStyle="{marginBottom: '8px'}" activeColor="#2CE242"
-					v-for="(item, index) in state.radiolist1" :key="index" :label="item.disabled" :name="item.name"
-					@change="radioChange">
-					<view style="width: 100%;display: flex;align-items: center;margin-bottom: 30rpx;">
-						<image style="width: 200rpx; height: 100rpx; border-radius: 20rpx;margin-right: 20rpx;"
+			<view class="mask-title" :style="{ '--color': color }">选择办理卡类型</view>
+
+			<view class="as-layout-horizontal">
+				<view v-for="(item, index) in state.radiolist1" :key="index" :label="item.disabled" :name="item.name"
+					@click="radioChange" style="width: 100%;display: flex;align-items: center;margin-bottom: 30rpx;">
+					<view class="as-layout-vertical as-gravity-center">
+						<image style="width: 140rpx; height: 100rpx; border-radius: 20rpx;margin-right: 20rpx;"
 							:src="`${$imgUrl}card2.png`" mode="aspectFill"></image>
-						<!-- <image :src="`${$imgUrl}card2.png`" mode=""></image> -->
-						{{item.name}}
+						<view style="margin-top: 20rpx;">
+							{{item.name}}
+						</view>
 					</view>
+				</view>
+			</view>
 
-				</u-radio>
-			</u-radio-group>
 		</view>
 	</u-popup>
 </template>
@@ -54,10 +52,12 @@
 	import { reactive, ref } from "vue";
 	import { etcQueryProduct, productReCode } from "@/utils/network/api.js";
 	import { request } from "@/utils/network/request.js";
+
 	import { stringToJson } from "@/utils/network/encryption";
 	import { fileURL } from "@/datas/fileURL.js";
 	import navBgCar from "./components/nav-bg-car1";
 	import navBar from "@/components/nav-bar/nav-bar2.vue";
+
 	import { getItem, StorageKeys, setItem } from "@/utils/storage.ts";
 	import { msg } from "@/utils/utils";
 	const imgURL = `${fileURL}image/`;
@@ -70,9 +70,9 @@
 	const radioChange = (n) => {
 		console.log('radioChange', n);
 		if (n == '记账卡') {
-			state.isValueCard = 1
-		} else if (n == '储值卡') {
 			state.isValueCard = 2
+		} else if (n == '储值卡') {
+			state.isValueCard = 1
 		} else {
 			state.isValueCard = 3
 		}
@@ -90,9 +90,9 @@
 		// 判断是几张卡
 		if (val.cardTypeArr.split(",").length == 1) {
 			if (val.cardTypeArr.split(",")[0] == "记账卡") {
-				state.isValueCard = 1
-			} else if (val.cardTypeArr.split(",")[0] == '储值卡') {
 				state.isValueCard = 2
+			} else if (val.cardTypeArr.split(",")[0] == '储值卡') {
+				state.isValueCard = 1
 			} else {
 				state.isValueCard = 3
 			}
@@ -139,9 +139,9 @@
 				const cardTypeArr = []
 				for (var j = 0; j < state.dataArray[i].cardType.length; j++) {
 					if (state.dataArray[i].cardType[j] == '1') {
-						cardTypeArr.push('记账卡')
-					} else if (state.dataArray[i].cardType[j] == '2') {
 						cardTypeArr.push('储值卡')
+					} else if (state.dataArray[i].cardType[j] == '2') {
+						cardTypeArr.push('记账卡')
 					} else if (state.dataArray[i].cardType[j] == '3') {
 						cardTypeArr.push('预存卡')
 					}
@@ -374,7 +374,7 @@
 	}
 
 	.squire {
-		padding: 30rpx 30rpx 30rpx 50rpx;
+		padding: 30rpx 30rpx 50rpx 50rpx;
 	}
 
 	.mask-close {
@@ -391,6 +391,5 @@
 		font-size: 32rpx;
 		color: $uni-text-color-black;
 		margin-bottom: 50rpx;
-		margin-top: 50rpx;
 	}
 </style>