商户类型单选按钮修改

src/views/wallet/mch-manage/form.vue

@@ -17,7 +17,16 @@
 				<el-col :span="24" class="mb20">
 					<el-form-item label="商户类型" prop="merchantType">
 						<el-radio-group v-model="form.merchantType">
-							<el-radio :label="item.value" v-for="(item, index) in merchant_type" border :key="index">{{ item.label }}</el-radio>
+							<el-radio
+								:label="item.value"
+								:disabled="merchantTypeRadioDisabled"
+								v-for="(item, index) in merchant_type"
+								border
+								:key="index"
+								@click="handleClickRadio(item.value)"
+							>
+								{{ item.label }}
+							</el-radio>
 						</el-radio-group>
 					</el-form-item>
 				</el-col>
@@ -128,6 +137,7 @@ const jobTime = reactive<{
 	noon: [],
 	evening: [],
 })
+const merchantTypeRadioDisabled = ref(false)
 
 // 定义校验规则
 const dataRules = ref({
@@ -203,6 +213,17 @@ const getmerchantInfoData = async (id: string) => {
 	}
 }
 
+// 点击商户类型单选按钮
+const handleClickRadio = (radioItemValue: string) => {
+	if (radioItemValue === form.merchantType) {
+		form.merchantType = ""
+		merchantTypeRadioDisabled.value = true
+		setTimeout(() => {
+			merchantTypeRadioDisabled.value = false
+		}, 0)
+	}
+}
+
 // 暴露变量
 defineExpose({
 	openDialog,

src/views/wallet/mch-manage/index.vue

@@ -23,7 +23,7 @@
 						class="ml10 mr20"
 						style="float: right"
 						@queryTable="getDataList"
-					></right-toolbar>
+					/>
 				</div>
 			</el-row>
 			<el-table