From 593fdae2ce70a4ea462a71a72efe474afa5ec826 Mon Sep 17 00:00:00 2001
From: mayf <m13160102112@163.com>
Date: 星期四, 01 八月 2024 23:36:25 +0800
Subject: [PATCH] radio-group
---
sub_pages/supplier/supplier-info/supplier-info.vue | 92 ++++++++++++++++++++++++---------------------
1 files changed, 49 insertions(+), 43 deletions(-)
diff --git a/sub_pages/supplier/supplier-info/supplier-info.vue b/sub_pages/supplier/supplier-info/supplier-info.vue
index e7a2c08..938d720 100644
--- a/sub_pages/supplier/supplier-info/supplier-info.vue
+++ b/sub_pages/supplier/supplier-info/supplier-info.vue
@@ -119,23 +119,26 @@
v-for="(item, index) in shTypeList" :key="index" :label="item.name" :name="item.name">
</u-radio>
</u-radio-group> -->
- <view>
- <radio :checked="dto.idcardType==='身份证'" @click="()=>{
- dto.idcardType='身份证';
- $forceUpdate()
- }">
- </radio>身份证
- </view>
- <view class="m-l-10">
- <radio :checked="dto.idcardType==='营业执照'" @click="()=>{
- dto.idcardType='营业执照';
- $forceUpdate()
- }">
- </radio>营业执照
- </view>
+<!-- <view>-->
+<!-- <radio :checked="dto.idcardType==='身份证'" @click="()=>{-->
+<!-- dto.idcardType='身份证';-->
+<!-- $forceUpdate()-->
+<!-- }">-->
+<!-- </radio>身份证-->
+<!-- </view>-->
+<!-- <view class="m-l-10">-->
+<!-- <radio :checked="dto.idcardType==='营业执照'" @click="()=>{-->
+<!-- dto.idcardType='营业执照';-->
+<!-- $forceUpdate()-->
+<!-- }">-->
+<!-- </radio>营业执照-->
+<!-- </view>-->
+ <evan-radio-group v-model="dto.idcardType">
+ <evan-radio v-for="item in shTypeList" :key="item.value" :label="item.value">{{item.label}}</evan-radio>
+ </evan-radio-group>
</view>
</view>
- <view class="form-item bottom-border-no before-line m-t-20 p-b-20" v-if="dto.idcardType=='身份证'">
+ <view class="form-item bottom-border-no before-line m-t-20 p-b-20" v-if="dto.idcardType=='1'">
<view class="label required">身份证正反面</view>
<view class="m-l-a m-r-0 flex">
<view class="component-button-upload" @click="uploadIcon('idCards')">
@@ -144,7 +147,7 @@
</view>
</view>
<view class="flex p20" style="padding-top: 0rpx;padding-bottom: 10rpx"
- v-if="dto.idcardType==='身份证'&&dto.idCards&&dto.idCards.length>0">
+ v-if="dto.idcardType==='1'&&dto.idCards&&dto.idCards.length>0">
<view class="m-t-12 m-r-10 " v-for="(tBanner,index) of dto.idCards" :key="index">
<image class="banner-img" :src="tBanner.url" @click.stop="previewImg(tBanner.url)">
@@ -152,7 +155,7 @@
<view class="t-red text-center" @click.stop="deleteImg('idCards',index)">删除</view>
</view>
</view>
- <view class="form-item bottom-border-no before-line m-t-20 p-b-20" v-if="dto.idcardType=='营业执照'">
+ <view class="form-item bottom-border-no before-line m-t-20 p-b-20" v-if="dto.idcardType=='2'">
<view class="label required">营业执照</view>
<view class="m-l-a m-r-0 flex">
<view class="component-button-upload m-r-15" @click="uploadIcon('pictures')">
@@ -162,7 +165,7 @@
</view>
</view>
<view class="flex p20" style="padding-top: 0rpx;padding-bottom: 10rpx"
- v-if="dto.idcardType==='营业执照'&&dto.pictures&&dto.pictures.length>0">
+ v-if="dto.idcardType==='2'&&dto.pictures&&dto.pictures.length>0">
<view class="m-t-12 m-r-10 " v-for="(tBanner,index) of dto.pictures" :key="index">
<image class="banner-img" :src="tBanner.url" @click.stop="previewImg(tBanner.url)">
@@ -205,8 +208,15 @@
import {
mapState
} from 'vuex'
+ import EvanRadio from "../components/evan-radio/evan-radio.vue";
+ import EvanRadioGroup from "../components/evan-radio-group/evan-radio-group.vue";
export default {
+
+ components:{
+ EvanRadioGroup,
+ EvanRadio
+ },
data() {
return {
@@ -218,7 +228,7 @@
pictures: [],
idCards: [],
cover: '',
- idcardType: '身份证',
+ idcardType: '1',
description: '',
address: '',
stationId: '',
@@ -278,12 +288,12 @@
//审核方式
shTypeList: [{
- name: '身份证',
- disabled: false
+ label: '身份证',
+ value: '1'
},
{
- name: '营业执照',
- disabled: false
+ label: '营业执照',
+ value: '2'
}
],
regionDataPlus: [],
@@ -412,12 +422,6 @@
} else if (typeof this.dto.idCards == 'string') {
this.dto.idCards = JSON.parse(this.dto.idCards)
}
-
- if (this.dto.idcardType == '1') {
- this.dto.idcardType = '身份证'
- } else {
- this.dto.idcardType = '营业执照'
- }
this.dto.userId = this.currentInfo.id
}
@@ -445,11 +449,6 @@
} else if (typeof this.dto.idCards == 'string') {
this.dto.idCards = JSON.parse(this.dto.idCards)
}
- if (this.dto.idcardType == '1') {
- this.dto.idcardType = '身份证'
- } else {
- this.dto.idcardType = '营业执照'
- }
}
this.$message.hideLoading()
@@ -470,16 +469,16 @@
this.$message.showToast(`联系方式需要为11位手机号，格式错误`)
return
}
- if (this.dto.idcardType == '身份证' && this.dto.idCards.length == 0) {
- this.$message.showToast(`${this.dto.idcardType}信息未填写`)
+ if (this.dto.idcardType == '1' && this.dto.idCards.length == 0) {
+ this.$message.showToast(`身份证信息未填写`)
return
}
- if (this.dto.idcardType == '身份证' && this.dto.idCards.length < 2) {
- this.$message.showToast(`${this.dto.idcardType}信息未填写完整，至少上传两张图片（正反面）`)
+ if (this.dto.idcardType == '1' && this.dto.idCards.length < 2) {
+ this.$message.showToast(`身份证信息未填写完整，至少上传两张图片（正反面）`)
return
}
- if (this.dto.idcardType !== '身份证' && this.dto.pictures.length == 0) {
- this.$message.showToast(`${this.dto.idcardType}信息未填写`)
+ if (this.dto.idcardType == '2' && this.dto.pictures.length == 0) {
+ this.$message.showToast(`营业执照信息未填写`)
return
}
await this.$message.confirm(`是否确定提交/修改店铺信息`)
@@ -487,7 +486,6 @@
var dto = {
...this.dto,
- idcardType: this.dto.idcardType === '身份证' ? "1" : '2'
}
this.$message.showLoading()
const re = await this.$http.request('post', '/api/supplier/addOrUpdate', {
@@ -562,7 +560,6 @@
computed: {
...mapState(['currentInfo'])
},
- components: {}
}
</script>
@@ -650,4 +647,13 @@
color: #F56c6c;
background-color: rgb(254, 243, 243);
}
-</style>
\ No newline at end of file
+
+ /deep/ {
+ .evan-radio-group {
+ display: flex;
+ }
+ .evan-radio {
+ margin-right: 12rpx;
+ }
+ }
+</style>
--
Gitblit v1.9.3