价格身份证

components/coupon/cashCard.vue

@@ -19,7 +19,7 @@
 						余额￥ <text style="font-size: 20px;">{{x.SurplusPrice}}</text>
 					</view>
 					<view class="chosen">
-						<u-radio-group v-model="currentChosen">
+						<u-radio-group v-model="value" @change="radioChange" >
 							<u-radio shape="circle" :name="x.Id" :icon-size="36" :active-color="mc"></u-radio>
 						</u-radio-group>
 					</view>
@@ -53,11 +53,13 @@
 				mc: "",
 				show: true,
 				currentChosen: "",
+				value:'',
 				ts: []
 			};
 		},
 		mounted() {
 			this.mc = this.$uiConfig.mainColor;
+			this.value = this.current;
 			this.currentChosen = this.current;
 			this.ts = this.list
 			this.ts.forEach(x => {
@@ -71,6 +73,14 @@
 				} else {
 					this.$emit('close', -1)
 				}
+			},
+			radioChange(e){
+				if(this.currentChosen != e){
+					this.currentChosen = e
+				}else{
+					this.currentChosen = 0;
+					this.value = 0
+				}
 			}
 		},
 	};

components/coupon/index.vue

@@ -24,7 +24,7 @@
 							<view class="rule">{{x.coupon_data.rule}}</view>
 						</view>
 						<view class="chosen">
-							<u-radio-group v-model="currentChosen">
+							<u-radio-group v-model="value" @change="radioChange" >
 								<u-radio shape="circle" :name="x.id" :icon-size="36" :active-color="mc"></u-radio>
 							</u-radio-group>
 						</view>
@@ -55,12 +55,14 @@
 				mc: "",
 				show: true,
 				currentChosen: "",
+				value:'',
 				ts: []
 			};
 		},
 		mounted() {
 			this.mc = this.$uiConfig.mainColor;
 			this.currentChosen = this.current;
+			this.value = this.current;
 			this.ts = this.list
 			this.ts.forEach(x => {
 				x.start_time = x.start_time.split(' ')[0].replace(/-/g, '.')
@@ -74,6 +76,14 @@
 				} else {
 					this.$emit('close', -1)
 				}
+			},
+			radioChange(e){
+				if(this.currentChosen != e){
+					this.currentChosen = e
+				}else{
+					this.currentChosen = 0;
+					this.value = 0
+				}
 			}
 		},
 	};

pages/blindDate/persondetails.vue

@@ -174,6 +174,33 @@
 		justify-content: center;
 		z-index: 99;
 	}
+	.persondetails .sfz{
+		width: 100%;
+		Height: 130px;
+		border-radius: 10px;
+		margin-top: 15px;
+		background: #F8F8F8;
+		display: flex;
+		flex-direction: row;
+		padding: 17px 20px;
+		justify-content: space-between;
+	}
+	.persondetails	.sfz-l-title{
+		font-size: 17px;
+		color: #111111;
+		font-weight: bold;
+		margin-top: 10px;
+	}
+	.persondetails .sfz-l-c{
+		font-size: 12px;
+		color: #999999;
+		margin-top: 10px;	
+	}
+	.persondetails .sfz-r{
+		width: 286upx;
+		Height: 97px;
+		
+	}
 </style>
 <template>
 	<scroll-view :scroll-y="true" @scroll="scrollHandler" @scrolltoupper="scrollTopHandler" style="height: 100vh;position: relative;">
@@ -411,6 +438,27 @@
 									<rich-text v-if="dataList.HopeYou!=''" :nodes="dataList.HopeYou" style="font-size: 12px;color: #000;"></rich-text>
 								</u-read-more>
 						</view>
+						<view style="font-size: 17px;color:#111111;font-weight: bold;margin-top: 10px;">身份证正反面</view>
+						<view class="sfz">
+							<view>
+								<view class="sfz-l-title">头像面</view>
+								<view class="sfz-l-c">您的身份证头像面</view>
+							</view>
+							<view class="sfz-r" >
+								<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/sfz-z.png" style="width: 100%;Height: 100%;" v-if="dataList.IDCard==''"></image>
+								<image :src="dataList.IDCard" style="width: 100%;Height: 100%;" v-else></image>
+							</view>
+						</view>
+						<view class="sfz">
+							<view>
+								<view class="sfz-l-title">国徽面</view>
+								<view class="sfz-l-c">您的身份证国徽面</view>
+							</view>
+							<view class="sfz-r" >
+								<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/sfz-f.png" style="width: 100%;Height: 100%;" v-if="dataList.IDCardBack==''"></image>
+								<image :src="dataList.IDCardBack" style="width: 100%;Height: 100%;" v-else></image>
+							</view>
+						</view>
 						<!-- <view class="pd-title">理想中的爱情</view>
 						<view class="pd-abouthim">
 							{{dataList.IdealLove?dataList.IdealLove:'暂无'}}