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>
<div class="btnbox"> <div class="btnbox">
<a-radio-group v-model:value="radioV1"> <a-radio-group v-model:value="radioV1">
<a-radio v-model:checked="checked" :value="1">仅签到</a-radio> <a-radio v-model:checked="checked" :value="1" @click="cloradio1">仅签到</a-radio>
<a-radio v-model:checked="checked" :value="2" <a-radio v-model:checked="checked" :value="2" @click="cloradio1"
>签到签退全部完成</a-radio >签到签退全部完成</a-radio
> >
</a-radio-group> </a-radio-group>
</div> </div>
@@ -220,15 +220,22 @@ export default {
}); });
const closeDrawer = () => { const closeDrawer = () => {
ctx.emit("update:addactiveVisible", false); ctx.emit("update:addactiveVisible", false);
state.radioV1 = "";
}; };
const afterVisibleChange = (bool) => { const afterVisibleChange = (bool) => {
console.log("state", bool); console.log("state", bool);
}; };
const cloradio1 = (value) => {
if (value != "") {
state.radioV1 = "";
}
}
return { return {
...toRefs(state), ...toRefs(state),
afterVisibleChange, afterVisibleChange,
closeDrawer, closeDrawer,
rowSelection, rowSelection,
cloradio1,
}; };
}, },
}; };

View File

@@ -173,8 +173,8 @@
</div> </div>
<div class="btnbox"> <div class="btnbox">
<a-radio-group v-model:value="radioV1"> <a-radio-group v-model:value="radioV1">
<a-radio v-model:checked="checked" :value="1">仅签到</a-radio> <a-radio v-model:checked="checked" :value="1" @click="cloradio1">仅签到</a-radio>
<a-radio v-model:checked="checked" :value="2" <a-radio v-model:checked="checked" :value="2" @click="cloradio1"
>签到签退全部完成</a-radio >签到签退全部完成</a-radio
> >
</a-radio-group> </a-radio-group>
@@ -196,8 +196,8 @@
</div> </div>
<div class="btnbox2"> <div class="btnbox2">
<a-radio-group v-model:value="radioV2"> <a-radio-group v-model:value="radioV2">
<a-radio v-model:checked="checked" :value="1">允许项目内人员临时到场参加</a-radio> <a-radio v-model:checked="checked" :value="1" @click="cloradio2">允许项目内人员临时到场参加</a-radio>
<a-radio v-model:checked="checked" :value="2" <a-radio v-model:checked="checked" :value="2" @click="cloradio2"
>允许项目外人员临时到场参加</a-radio >允许项目外人员临时到场参加</a-radio
> >
</a-radio-group> </a-radio-group>
@@ -309,6 +309,8 @@ export default {
}); });
const closeDrawer = () => { const closeDrawer = () => {
ctx.emit("update:addfaceteachVisible", false); ctx.emit("update:addfaceteachVisible", false);
state.radioV1 = "";
state.radioV2 = "";
}; };
const afterVisibleChange = (bool) => { const afterVisibleChange = (bool) => {
console.log("state", bool); console.log("state", bool);
@@ -322,6 +324,16 @@ export default {
const showDrawerAddTest = () => { const showDrawerAddTest = () => {
state.addtestvisible = true; state.addtestvisible = true;
}; };
const cloradio1 = (value) => {
if (value != "") {
state.radioV1 = "";
}
};
const cloradio2 = (value) => {
if (value != "") {
state.radioV2 = "";
}
}
return { return {
...toRefs(state), ...toRefs(state),
showDrawerSelFacet, showDrawerSelFacet,
@@ -330,6 +342,8 @@ export default {
afterVisibleChange, afterVisibleChange,
closeDrawer, closeDrawer,
rowSelection, rowSelection,
cloradio1,
cloradio2,
// change, // change,
}; };
}, },

View File

@@ -230,8 +230,8 @@
</div> </div>
<div class="btnbox"> <div class="btnbox">
<a-radio-group v-model:value="radioV1"> <a-radio-group v-model:value="radioV1">
<a-radio v-model:checked="checked" :value="1">仅签到</a-radio> <a-radio v-model:checked="checked" :value="1" @click="cloradio1">仅签到</a-radio>
<a-radio v-model:checked="checked" :value="2" <a-radio v-model:checked="checked" :value="2" @click="cloradio1"
>签到签退全部完成</a-radio >签到签退全部完成</a-radio
> >
</a-radio-group> </a-radio-group>
@@ -439,6 +439,8 @@ export default {
}); });
const closeDrawer = () => { const closeDrawer = () => {
ctx.emit("update:addliveVisible", false); ctx.emit("update:addliveVisible", false);
state.radioV1 = "";
state.playback = false;
}; };
const afterVisibleChange = (bool) => { const afterVisibleChange = (bool) => {
console.log("state", bool); console.log("state", bool);
@@ -446,6 +448,11 @@ export default {
const PlayBack = () => { const PlayBack = () => {
state.playback = !state.playback; state.playback = !state.playback;
}; };
const cloradio1 = (value) => {
if (value != "") {
state.radioV1 = "";
}
}
return { return {
...toRefs(state), ...toRefs(state),
afterVisibleChange, afterVisibleChange,
@@ -454,6 +461,7 @@ export default {
options1, options1,
columns1, columns1,
rowSelection, rowSelection,
cloradio1,
}; };
}, },
}; };

View File

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

View File

@@ -109,13 +109,13 @@
</div> </div>
<div class="b_input"> <div class="b_input">
<a-input <a-input
v-model:value="value5" v-model:value="xzinputV1"
maxlength="20" maxlength="20"
style="width: 440px; height: 40px; border-radius: 8px" style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入课程名称" placeholder="请输入课程名称"
/> />
<div class="inp_num"> <div class="inp_num">
<span style="color: #c7cbd2">{{ value5.length }}/20</span> <span style="color: #c7cbd2">{{ xzinputV1.length }}/20</span>
</div> </div>
</div> </div>
</div> </div>
@@ -183,16 +183,16 @@
</div> </div>
<a-radio-group v-model:value="valueE1"> <a-radio-group v-model:value="valueE1">
<div class="bc_box"> <div class="bc_box">
<div class="bc_boxl" @click="bs_hShow"> <div class="bc_boxl" >
<div class="ol_checkbox"> <div class="ol_checkbox">
<a-radio v-model:checked="checked" :value="1" <a-radio v-model:checked="checked" :value="1" @click="bs_hShow"
>线上</a-radio >线上</a-radio
> >
</div> </div>
</div> </div>
<div class="bc_boxr" @click="clear_valueE"> <div class="bc_boxr" >
<div class="ol_checkbox"> <div class="ol_checkbox">
<a-radio v-model:checked="checked" :value="2" <a-radio v-model:checked="checked" :value="2" @click="clear_valueE1"
>面授</a-radio >面授</a-radio
> >
</div> </div>
@@ -214,10 +214,10 @@
<a-radio-group v-model:value="valueE2"> <a-radio-group v-model:value="valueE2">
<div class="bc_box"> <div class="bc_box">
<div class="ol_checkbox"> <div class="ol_checkbox">
<a-radio v-model:checked="checked" :value="3"></a-radio> <a-radio v-model:checked="checked" :value="3" @click="clear_valueE2"></a-radio>
</div> </div>
<div class="ol_checkbox"> <div class="ol_checkbox">
<a-radio v-model:checked="checked" :value="4"></a-radio> <a-radio v-model:checked="checked" :value="4" @click="clear_valueE2"></a-radio>
</div> </div>
</div> </div>
</a-radio-group> </a-radio-group>
@@ -245,6 +245,7 @@
:closable="false" :closable="false"
wrapClassName="modalStyle facteachModal" wrapClassName="modalStyle facteachModal"
width="80%" width="80%"
@cancel="ft_exit"
> >
<div class="modalHeader"> <div class="modalHeader">
<div class="headerLeft"> <div class="headerLeft">
@@ -281,14 +282,14 @@
<div class="item_inp"> <div class="item_inp">
<div class="i1_input"> <div class="i1_input">
<a-input <a-input
v-model:value="value6" v-model:value="qdms_inputV1"
maxlength="90" maxlength="90"
style="width: 440px; height: 40px; border-radius: 8px" style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入课程名称" placeholder="请输入课程名称"
/> />
<div class="inp_num"> <div class="inp_num">
<span style="color: #c7cbd2" <span style="color: #c7cbd2"
>{{ value6.length }}/90</span >{{ qdms_inputV1.length }}/90</span
> >
</div> </div>
</div> </div>
@@ -369,14 +370,14 @@
<div class="item_inp"> <div class="item_inp">
<div class="i1_input"> <div class="i1_input">
<a-input <a-input
v-model:value="value7" v-model:value="qdms_inputV2"
maxlength="50" maxlength="50"
style="width: 440px; height: 40px; border-radius: 8px" style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入目标人群" placeholder="请输入目标人群"
/> />
<div class="inp_num"> <div class="inp_num">
<span style="color: #c7cbd2" <span style="color: #c7cbd2"
>{{ value7.length }}/50</span >{{ qdms_inputV2.length }}/50</span
> >
</div> </div>
</div> </div>
@@ -389,14 +390,14 @@
<div class="item_inp"> <div class="item_inp">
<div class="i1_input"> <div class="i1_input">
<a-input <a-input
v-model:value="value8" v-model:value="qdms_inputV3"
maxlength="200" maxlength="200"
style="width: 440px; height: 40px; border-radius: 8px" style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入课程价值" placeholder="请输入课程价值"
/> />
<div class="inp_num"> <div class="inp_num">
<span style="color: #c7cbd2" <span style="color: #c7cbd2"
>{{ value8.length }}/200</span >{{ qdms_inputV3.length }}/200</span
> >
</div> </div>
</div> </div>
@@ -448,7 +449,7 @@
</div> </div>
<div class="item_inp"> <div class="item_inp">
<a-input <a-input
v-model:value="value" v-model:value="qdms_inputV4"
style="width: 440px; height: 40px; border-radius: 8px" style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入按回车键创建成功" placeholder="请输入按回车键创建成功"
/> />
@@ -473,7 +474,7 @@
<div class="item_inp"> <div class="item_inp">
<div class="i1_input"> <div class="i1_input">
<a-input <a-input
v-model:value="value10" v-model:value="qdms_inputV5"
style="width: 440px; height: 40px; border-radius: 8px" style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入" placeholder="请输入"
/> />
@@ -487,14 +488,14 @@
<div class="item_inp"> <div class="item_inp">
<div class="i10_textarea"> <div class="i10_textarea">
<a-textarea <a-textarea
v-model:value="value11" v-model:value="qdms_inputV6"
maxlength="150" maxlength="150"
style="width: 440px; height: 100px; border-radius: 8px" style="width: 440px; height: 100px; border-radius: 8px"
placeholder="请输入" placeholder="请输入"
/> />
<div class="inp_num"> <div class="inp_num">
<span style="color: #c7cbd2" <span style="color: #c7cbd2"
>{{ value11.length }}/150</span >{{ qdms_inputV6.length }}/150</span
> >
</div> </div>
</div> </div>
@@ -528,7 +529,7 @@
</div> </div>
</div> </div>
<div class="file_operation"> <div class="file_operation">
<span style="color: #4ea6ff">删除</span> <div class="fobox"><span style="color: #4ea6ff">删除</span></div>
</div> </div>
</div> </div>
<div class="i12_box1"> <div class="i12_box1">
@@ -548,7 +549,7 @@
</div> </div>
</div> </div>
<div class="file_operation"> <div class="file_operation">
<span style="color: #4ea6ff">删除</span> <div class="fobox"><span style="color: #4ea6ff">删除</span></div>
</div> </div>
</div> </div>
<div class="i12_box1"> <div class="i12_box1">
@@ -568,8 +569,8 @@
</div> </div>
</div> </div>
<div class="file_operation"> <div class="file_operation">
<span style="color: #4ea6ff; margin-right: 5px">重传</span <div class="fobox"><span style="color: #4ea6ff; ">重传</span></div>
><span style="color: #4ea6ff">取消</span> <div class="fobox"><span style="color: #4ea6ff">取消</span></div>
</div> </div>
</div> </div>
<div class="i12_box1"> <div class="i12_box1">
@@ -583,11 +584,14 @@
<div class="updatacolor3"></div> <div class="updatacolor3"></div>
<div class="updataxq3">正在上传</div> <div class="updataxq3">正在上传</div>
</div> </div>
<div class="upjd">
<span style="margin: auto 5px">50%</span>
</div>
</div> </div>
</div> </div>
<div class="file_operation"> <div class="file_operation">
<span style="color: #4ea6ff; margin-right: 5px">暂停</span <div class="fobox"><span style="color: #4ea6ff; margin-right: 5px">暂停</span></div>
><span style="color: #4ea6ff">取消</span> <div class="fobox"><span style="color: #4ea6ff">取消</span></div>
</div> </div>
</div> </div>
</div> </div>
@@ -697,7 +701,7 @@
class="select" class="select"
ref="select" ref="select"
placeholder="请选择状态" placeholder="请选择状态"
v-model:value="value12" v-model:value="gl_selectV1"
style="width: 200px" style="width: 200px"
@focus="focus" @focus="focus"
@change="handleChange" @change="handleChange"
@@ -714,7 +718,7 @@
</div> </div>
<div class="bm_input"> <div class="bm_input">
<a-input <a-input
v-model:value="value13" v-model:value="gl_inputv1"
style="width: 200px; height: 40px; border-radius: 8px" style="width: 200px; height: 40px; border-radius: 8px"
placeholder="姓名" placeholder="姓名"
/> />
@@ -742,7 +746,7 @@
class="select" class="select"
ref="select" ref="select"
placeholder="请选择状态" placeholder="请选择状态"
v-model:value="value14" v-model:value="gl_selectV2"
style="width: 200px" style="width: 200px"
@focus="focus" @focus="focus"
@change="handleChange" @change="handleChange"
@@ -759,7 +763,7 @@
</div> </div>
<div class="bm_input"> <div class="bm_input">
<a-input <a-input
v-model:value="value15" v-model:value="gl_inputV2"
style="width: 200px; height: 40px; border-radius: 8px" style="width: 200px; height: 40px; border-radius: 8px"
placeholder="姓名" placeholder="姓名"
/> />
@@ -951,6 +955,7 @@
:closable="false" :closable="false"
wrapClassName="modalStyle schtimeModal" wrapClassName="modalStyle schtimeModal"
width="80%" width="80%"
@cancel="stm_exit"
> >
<div class="modalHeader"> <div class="modalHeader">
<div class="headerLeft"> <div class="headerLeft">
@@ -973,7 +978,7 @@
<div class="st_main"> <div class="st_main">
<div class="stm_inputbtn"> <div class="stm_inputbtn">
<a-input <a-input
v-model:value="value17" v-model:value="kk_inputV1"
style=" style="
width: 270px; width: 270px;
height: 40px; height: 40px;
@@ -983,7 +988,7 @@
placeholder="请输入创建人" placeholder="请输入创建人"
/> />
<a-input <a-input
v-model:value="value18" v-model:value="kk_inputV2"
style=" style="
width: 270px; width: 270px;
height: 40px; height: 40px;
@@ -1075,7 +1080,7 @@
</a-modal> </a-modal>
<!--开课页面 --> <!--开课页面 -->
<!--新建开课页面 --> <!--新建开课页面 -->
<a-modal v-model:visible="cstm_hs" style="margin-top: 400px"> <a-modal v-model:visible="cstm_hs" style="margin-top: 400px" @cancel="cstm_exit">
<div <div
class="createschooltime" class="createschooltime"
:style="{ display: cstm_hs ? 'block' : 'none' }" :style="{ display: cstm_hs ? 'block' : 'none' }"
@@ -1102,7 +1107,7 @@
</div> </div>
<div class="b_input"> <div class="b_input">
<a-input <a-input
v-model:value="value19" v-model:value="xjkkinputV1"
style="width: 440px; height: 40px; border-radius: 8px" style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入开课名称" placeholder="请输入开课名称"
/> />
@@ -1120,13 +1125,13 @@
</div> </div>
<div class="b_input"> <div class="b_input">
<a-input <a-input
v-model:value="value20" v-model:value="xjkkinputV2"
maxlength="50" maxlength="50"
style="width: 440px; height: 40px; border-radius: 8px" style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入详细地点" placeholder="请输入详细地点"
/> />
<div class="inp_num"> <div class="inp_num">
<span style="color: #c7cbd2">{{ value20.length }}/50</span> <span style="color: #c7cbd2">{{ xjkkinputV2.length }}/50</span>
</div> </div>
</div> </div>
</div> </div>
@@ -1143,7 +1148,7 @@
<div class="select fitems"> <div class="select fitems">
<a-range-picker <a-range-picker
style="width: 440px; height: 40px; border-radius: 8px" style="width: 440px; height: 40px; border-radius: 8px"
v-model:value="value21" v-model:value="xjkkinputV3"
separator="至" separator="至"
:placeholder="[' 开始时间', ' 结束时间']" :placeholder="[' 开始时间', ' 结束时间']"
/> />
@@ -1161,7 +1166,7 @@
</div> </div>
<div class="b_input"> <div class="b_input">
<a-input <a-input
v-model:value="value22" v-model:value="xjkkinputV4"
style="width: 440px; height: 40px; border-radius: 8px" style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入教师" placeholder="请输入教师"
/> />
@@ -1182,13 +1187,13 @@
<span style="margin-right: 3px">签到设置</span> <span style="margin-right: 3px">签到设置</span>
</div> </div>
<div class="b_input"> <div class="b_input">
<a-radio-group v-model:value="valueB"> <a-radio-group v-model:value="xjkkradioV1">
<a-radio :value="24" <a-radio v-model:checked="checked" :value="1" @click="clear_xjkkradioV1"
><span style="color: #6d7584; margin-right: 30px" ><span style="color: #6d7584; margin-right: 30px"
>是否允许未报名的学员签到</span >是否允许未报名的学员签到</span
></a-radio ></a-radio
> >
<a-radio :value="25" <a-radio v-model:checked="checked" :value="2" @click="clear_xjkkradioV1"
><span style="color: #6d7584">签到是否需要口令</span></a-radio ><span style="color: #6d7584">签到是否需要口令</span></a-radio
> >
</a-radio-group> </a-radio-group>
@@ -1209,18 +1214,18 @@
<span style="margin-right: 3px">完成规则</span> <span style="margin-right: 3px">完成规则</span>
</div> </div>
<div class="b_input"> <div class="b_input">
<a-radio-group v-model:value="valueC"> <a-radio-group v-model:value="xjkkradioV2">
<a-radio :value="26" <a-radio v-model:checked="checked" :value="1" @click="clear_xjkkradioV2"
><span style="color: #6d7584; margin-right: 30px" ><span style="color: #6d7584; margin-right: 30px"
>报名即完成</span >报名即完成</span
></a-radio ></a-radio
> >
<a-radio :value="27" <a-radio v-model:checked="checked" :value="2" @click="clear_xjkkradioV2"
><span style="color: #6d7584; margin-right: 30px" ><span style="color: #6d7584; margin-right: 30px"
>签到即完成</span >签到即完成</span
></a-radio ></a-radio
> >
<a-radio :value="28" <a-radio v-model:checked="checked" :value="3" @click="clear_xjkkradioV2"
><span style="color: #6d7584">请假算完成</span></a-radio ><span style="color: #6d7584">请假算完成</span></a-radio
> >
</a-radio-group> </a-radio-group>
@@ -1273,6 +1278,7 @@
:closable="false" :closable="false"
wrapClassName="modalStyle stusmanageModal" wrapClassName="modalStyle stusmanageModal"
width="80%" width="80%"
@cancel="sm_exit"
> >
<div class="modalHeader"> <div class="modalHeader">
<div class="headerLeft"> <div class="headerLeft">
@@ -1316,7 +1322,7 @@
<div class="stmm_i5"> <div class="stmm_i5">
<div class="i5_left"> <div class="i5_left">
<a-input <a-input
v-model:value="value23" v-model:value="xygl_inputV1"
style=" style="
width: 270px; width: 270px;
height: 40px; height: 40px;
@@ -1482,7 +1488,7 @@
</div> </div>
<div class="rgmb_input"> <div class="rgmb_input">
<a-input <a-input
v-model:value="value24" v-model:value="lrcj_inputV1"
maxlength="20" maxlength="20"
style="width: 440px; height: 40px; border-radius: 8px" style="width: 440px; height: 40px; border-radius: 8px"
placeholder="" placeholder=""
@@ -1533,15 +1539,15 @@
<span>结业</span> <span>结业</span>
</div> </div>
<div class="gramb_input"> <div class="gramb_input">
<a-radio-group v-model:value="onftvalue"> <a-radio-group v-model:value="jyradioV1">
<div class="bc_box"> <div class="bc_box">
<div class="ol_checkbox"> <div class="ol_checkbox">
<a-radio v-model:checked="checked" :value="1" <a-radio v-model:checked="checked" :value="1" @click="clear_jyradioV1"
>结业</a-radio >结业</a-radio
> >
</div> </div>
<div class="ol_checkbox"> <div class="ol_checkbox">
<a-radio v-model:checked="checked" :value="2" <a-radio v-model:checked="checked" :value="2" @click="clear_jyradioV1"
>不结业</a-radio >不结业</a-radio
> >
</div> </div>
@@ -1646,7 +1652,7 @@
<div class="del_header"></div> <div class="del_header"></div>
<div class="del_main"> <div class="del_main">
<div class="header"> <div class="header">
<div class="icon"></div> <div class="del-icon"></div>
<span>提示</span> <span>提示</span>
<div class="close_exit" @click="delete_exit"></div> <div class="close_exit" @click="delete_exit"></div>
</div> </div>
@@ -1731,9 +1737,7 @@
<own-power v-model:ownpowervisible="ownpowervisible" /> <own-power v-model:ownpowervisible="ownpowervisible" />
<!-- 学员管理课程库-归属权抽屉 --> <!-- 学员管理课程库-归属权抽屉 -->
<!-- 添加授权侧弹窗 --> <!-- 添加授权侧弹窗 -->
<div> <corpowerlist v-model:corpowerlistVisible="corpowerlistvisible"/>
<corpowerlist v-model:corpowerlistVisible="corpowerlistvisible"/>
</div>
<!-- 添加授权侧弹窗 --> <!-- 添加授权侧弹窗 -->
</div> </div>
</template> </template>
@@ -1742,6 +1746,7 @@ import { reactive, toRefs, defineComponent, ref } from "vue";
import { message } from "ant-design-vue"; import { message } from "ant-design-vue";
import OwnPower from "../../components/drawers/OwnPower.vue"; import OwnPower from "../../components/drawers/OwnPower.vue";
import Corpowerlist from "../../components/drawers/CorPowerlist.vue"; import Corpowerlist from "../../components/drawers/CorPowerlist.vue";
//列表表格
const columns1 = [ const columns1 = [
{ {
title: "序号", title: "序号",
@@ -1846,6 +1851,7 @@ const columns1 = [
align: "center", align: "center",
}, },
]; ];
const columns2 = [ const columns2 = [
{ {
title: "姓名", title: "姓名",
@@ -1913,7 +1919,7 @@ const columns4 = [
align: "center", align: "center",
}, },
]; ];
//授权弹窗的数据 //授权弹窗
// const columns5 = [ // const columns5 = [
// { // {
// title: "姓名", // title: "姓名",
@@ -2089,6 +2095,7 @@ export default defineComponent({
}, },
setup() { setup() {
const state = reactive({ const state = reactive({
//列表表格
tableData1: [ tableData1: [
{ {
key: "1", key: "1",
@@ -2187,6 +2194,7 @@ export default defineComponent({
kkty: true, kkty: true,
}, },
], ],
//在线面授管理报名管理
tableData2: [ tableData2: [
{ {
key: 1, key: 1,
@@ -2205,6 +2213,7 @@ export default defineComponent({
status: "已完成", status: "已完成",
}, },
], ],
//在线面授管理学习记录
tableData3: [ tableData3: [
{ {
key: 1, key: 1,
@@ -2215,6 +2224,7 @@ export default defineComponent({
status: "已通过", status: "已通过",
}, },
], ],
//管理查看详情
tableData4: [ tableData4: [
{ {
key: 1, key: 1,
@@ -2223,7 +2233,8 @@ export default defineComponent({
status: "已通过", status: "已通过",
}, },
], ],
//授权弹窗的数据
// 授权弹窗
// tableData5: [ // tableData5: [
// { // {
// key: 1, // key: 1,
@@ -2261,6 +2272,8 @@ export default defineComponent({
// authority: "管理权", // authority: "管理权",
// }, // },
// ], // ],
//开课
tableData6: [ tableData6: [
{ {
key: 1, key: 1,
@@ -2303,6 +2316,7 @@ export default defineComponent({
createtime: "2022-07-14 14:00:00", createtime: "2022-07-14 14:00:00",
}, },
], ],
//开课学员管理
tableData7: [ tableData7: [
{ {
key: "1", key: "1",
@@ -2412,20 +2426,45 @@ export default defineComponent({
//抽屉状态 //抽屉状态
ownpowervisible: false, ownpowervisible: false,
corpowerlistvisible: false, corpowerlistvisible: false,
//列表
value: "", value1: "",
value5: "", value2: "",
value6: "", value3: "",
value7: "", value4: "",
value8: "", //选择线上还是面授
value11: "", xzinputV1: "",
value20: "",
valueE1: "", valueE1: "",
valueE2: "", valueE2: "",
valueB: "", //确定面授
valueC: "", qdms_inputV1: "",
qdms_inputV2: "",
qdms_inputV3: "",
qdms_inputV4: "",
qdms_inputV5: "",
qdms_inputV6: "",
//在线面授管理
gl_selectV1:"",
gl_selectV2:"",
gl_inputV1:"",
gl_inputV2:"",
//开课
kkinputV1: "",
kkinputV2: "",
//新建开课
xjkkradioV1:"",
xjkkradioV2:"",
xjkkinputV1: "",
xjkkinputV2: "",
xjkkinputV3: "",
xjkkinputV4: "",
selectedRowKeys: [], selectedRowKeys: [],
faceManageTab: "1", faceManageTab: "1",
//开课学员管理
xygl_inputV1:"",
//录入成绩
lrcj_inputV1:"",
//结业
jyradioV1:"",
}); });
// 渲染列表1操作 // 渲染列表1操作
const getTableDate = () => { const getTableDate = () => {
@@ -3035,6 +3074,8 @@ export default defineComponent({
const of_exit = () => { const of_exit = () => {
state.of_hs = false; state.of_hs = false;
state.valueE1 = ""; state.valueE1 = "";
state.valueE2 = "";
state.hideshow = true;
}; };
const hideShow = () => { const hideShow = () => {
if (state.hideshow == true) { if (state.hideshow == true) {
@@ -3043,8 +3084,11 @@ export default defineComponent({
state.hideshow = true; state.hideshow = true;
} }
}; };
const bs_hShow = () => { const bs_hShow = (value) => {
state.bs_hs = true; state.bs_hs = true;
if (value != "") {
state.valueE1 = "";
}
}; };
const createft = () => { const createft = () => {
if (state.bs_hs == false) { if (state.bs_hs == false) {
@@ -3055,6 +3099,7 @@ export default defineComponent({
}; };
const ft_exit = () => { const ft_exit = () => {
state.ft_hs = false; state.ft_hs = false;
state.hideshow = true;
}; };
const om_exit = () => { const om_exit = () => {
state.om_1 = false; state.om_1 = false;
@@ -3077,14 +3122,39 @@ export default defineComponent({
}; };
const cstm_exit = () => { const cstm_exit = () => {
state.cstm_hs = false; state.cstm_hs = false;
state.xjkkradioV1 = "";
state.xjkkradioV2 = "";
state.xjkkinputV1 = "";
state.xjkkinputV2 = "";
state.xjkkinputV3 = "";
state.xjkkinputV4 = "";
}; };
const sm_exit = () => { const sm_exit = () => {
state.sm_hs = false; state.sm_hs = false;
state.hideshow = true;
}; };
const clear_valueE = () => { const clear_valueE1 = () => {
state.bs_hs = false; state.bs_hs = false;
state.valueE1 = ""; state.valueE1 = "";
}; };
const clear_valueE2 = () => {
state.valueE2 = "";
};
const clear_xjkkradioV1 = (value) => {
if (value != ""){
state.xjkkradioV1 = "";
}
}
const clear_xjkkradioV2 = (value) => {
if (value != ""){
state.xjkkradioV2 = "";
}
}
const clear_jyradioV1 = (value) => {
if (value != ""){
state.jyradioV1 = "";
}
}
const qr_exit = () => { const qr_exit = () => {
state.QR_hs = false; state.QR_hs = false;
state.qrQR_hs = false; state.qrQR_hs = false;
@@ -3162,7 +3232,11 @@ export default defineComponent({
createkk, createkk,
cstm_exit, cstm_exit,
sm_exit, sm_exit,
clear_valueE, clear_valueE1,
clear_valueE2,
clear_xjkkradioV1,
clear_xjkkradioV2,
clear_jyradioV1,
qr_exit, qr_exit,
rg_exit, rg_exit,
graduate_exit, graduate_exit,
@@ -4351,14 +4425,14 @@ export default defineComponent({
} }
} }
} }
.file_operation { }
.file_operation {
display: flex; display: flex;
.fobox{
span { margin-right: 5px;
cursor: pointer; cursor: pointer;
} }
} }
}
} }
} }
} }
@@ -5029,6 +5103,13 @@ export default defineComponent({
padding-top: 20px; padding-top: 20px;
padding-left: 26px; padding-left: 26px;
font-size: 16px; font-size: 16px;
.del-icon {
width: 16px;
height: 16px;
margin-right: 10px;
background-image: url(@/assets/images/coursewareManage/notice.png);
background-size: 100% 100%;
}
.icon { .icon {
width: 16px; width: 16px;
height: 16px; height: 16px;