feat:修改全部单选框可取消选中 部分弹窗退出清楚状态 清除无用变量

This commit is contained in:
dongwug
2022-10-21 15:36:33 +08:00
parent fcf1fdd263
commit 88a19d9ffb
5 changed files with 229 additions and 91 deletions

View File

@@ -132,8 +132,8 @@
</div>
<div class="btnbox">
<a-radio-group v-model:value="radioV1">
<a-radio v-model:checked="checked" :value="1">允许查看</a-radio>
<a-radio v-model:checked="checked" :value="2"
<a-radio v-model:checked="checked" :value="1" @click="cloradio1">允许查看</a-radio>
<a-radio v-model:checked="checked" :value="2" @click="cloradio1"
>不允许查看</a-radio
>
</a-radio-group>
@@ -145,8 +145,8 @@
</div>
<div class="btnbox">
<a-radio-group v-model:value="radioV2">
<a-radio v-model:checked="checked" :value="1">允许查看</a-radio>
<a-radio v-model:checked="checked" :value="2"
<a-radio v-model:checked="checked" :value="1" @click="cloradio2">允许查看</a-radio>
<a-radio v-model:checked="checked" :value="2" @click="cloradio2"
>不允许查看</a-radio
>
</a-radio-group>
@@ -159,10 +159,10 @@
<div class="btnbox">
<div class="btnbox">
<a-radio-group v-model:value="radioV3">
<a-radio v-model:checked="checked" :value="1"
<a-radio v-model:checked="checked" :value="1" @click="cloradio3"
>最高一次</a-radio
>
<a-radio v-model:checked="checked" :value="2"
<a-radio v-model:checked="checked" :value="2" @click="cloradio3"
>最后一次</a-radio
>
</a-radio-group>
@@ -187,9 +187,9 @@
</div>
<div class="btnbox">
<a-radio-group v-model:value="radioV4">
<a-radio v-model:checked="checked" :value="1">试题乱序</a-radio>
<a-radio v-model:checked="checked" :value="2">试题排序</a-radio>
<a-radio v-model:checked="checked" :value="3">全部乱序</a-radio>
<a-radio v-model:checked="checked" :value="1" @click="cloradio4">试题乱序</a-radio>
<a-radio v-model:checked="checked" :value="2" @click="cloradio4">试题排序</a-radio>
<a-radio v-model:checked="checked" :value="3" @click="cloradio4">全部乱序</a-radio>
</a-radio-group>
</div>
</div>
@@ -243,15 +243,43 @@ export default {
});
const closeDrawer = () => {
ctx.emit("update:addtestVisible", false);
state.radioV1 = "";
state.radioV2 = "";
state.radioV3 = "";
state.radioV4 = "";
};
const afterVisibleChange = (bool) => {
console.log("state", bool);
};
const cloradio1 = (value) => {
if (value != "") {
state.radioV1 = "";
}
}
const cloradio2 = (value) => {
if (value != "") {
state.radioV2 = "";
}
}
const cloradio3 = (value) => {
if (value != "") {
state.radioV3 = "";
}
}
const cloradio4 = (value) => {
if (value != "") {
state.radioV4 = "";
}
}
return {
...toRefs(state),
afterVisibleChange,
closeDrawer,
rowSelection,
cloradio1,
cloradio2,
cloradio3,
cloradio4,
};
},
};