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

@@ -162,9 +162,9 @@
</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
<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>
</div>
@@ -220,15 +220,22 @@ export default {
});
const closeDrawer = () => {
ctx.emit("update:addactiveVisible", false);
state.radioV1 = "";
};
const afterVisibleChange = (bool) => {
console.log("state", bool);
};
const cloradio1 = (value) => {
if (value != "") {
state.radioV1 = "";
}
}
return {
...toRefs(state),
afterVisibleChange,
closeDrawer,
rowSelection,
cloradio1,
};
},
};

View File

@@ -173,8 +173,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>
@@ -196,8 +196,8 @@
</div>
<div class="btnbox2">
<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>
@@ -309,6 +309,8 @@ export default {
});
const closeDrawer = () => {
ctx.emit("update:addfaceteachVisible", false);
state.radioV1 = "";
state.radioV2 = "";
};
const afterVisibleChange = (bool) => {
console.log("state", bool);
@@ -322,6 +324,16 @@ export default {
const showDrawerAddTest = () => {
state.addtestvisible = true;
};
const cloradio1 = (value) => {
if (value != "") {
state.radioV1 = "";
}
};
const cloradio2 = (value) => {
if (value != "") {
state.radioV2 = "";
}
}
return {
...toRefs(state),
showDrawerSelFacet,
@@ -330,6 +342,8 @@ export default {
afterVisibleChange,
closeDrawer,
rowSelection,
cloradio1,
cloradio2,
// change,
};
},

View File

@@ -230,8 +230,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>
@@ -439,6 +439,8 @@ export default {
});
const closeDrawer = () => {
ctx.emit("update:addliveVisible", false);
state.radioV1 = "";
state.playback = false;
};
const afterVisibleChange = (bool) => {
console.log("state", bool);
@@ -446,6 +448,11 @@ export default {
const PlayBack = () => {
state.playback = !state.playback;
};
const cloradio1 = (value) => {
if (value != "") {
state.radioV1 = "";
}
}
return {
...toRefs(state),
afterVisibleChange,
@@ -454,6 +461,7 @@ export default {
options1,
columns1,
rowSelection,
cloradio1,
};
},
};

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,
};
},
};