feat:新增课程库权限123(差一些样式)

This commit is contained in:
dongwug
2022-10-20 18:16:50 +08:00
parent 0d65de1fe5
commit 026df303cd
2 changed files with 763 additions and 9 deletions

View File

@@ -1406,13 +1406,17 @@
:closable="closableQR"
wrapClassName="QRModal"
style="margin-top: 400px"
destroyOnClose
>
<div class="QR" :style="{ display: QR_hs ? 'block' : 'none' }">
<div class="qr_header"></div>
<div class="qr_main">
<div class="qrm_header">
<div class="qr_icon"></div>
<span>二维码</span>
<div :style="{ display: qrQR_hs ? 'block' : 'none' }"><span>二维码</span></div>
<div :style="{ display: olQR_hs ? 'block' : 'none' }"><span>在线课</span></div>
<div :style="{ display: ftQR_hs ? 'block' : 'none' }"><span>面授课</span></div>
<div :style="{ display: ftsQR_hs ? 'block' : 'none' }"><span>面授课签到</span></div>
<div class="close_exit" @click="qr_exit"></div>
</div>
<div class="qrm_body"><div class="QR_img"></div></div>
@@ -1700,11 +1704,15 @@
</div>
</a-modal>
<!--停用弹窗 -->
<!-- 学员管理课程库-归属权抽屉 -->
<own-power v-model:ownpowervisible="ownpowervisible" />
<!-- 学员管理课程库-归属权抽屉 -->
</div>
</template>
<script>
import { reactive, toRefs, defineComponent, ref } from "vue";
import { message } from "ant-design-vue";
import OwnPower from "../../components/drawers/OwnPower.vue";
const columns1 = [
{
title: "序号",
@@ -2045,7 +2053,9 @@ const columns7 = [
},
];
export default defineComponent({
components: {},
components: {
OwnPower,
},
setup() {
const state = reactive({
tableData1: [
@@ -2361,6 +2371,14 @@ export default defineComponent({
delete_hs: false,
copy_hs: false,
nouse_hs: false,
// 二维码标题状态
qrQR_hs:false,
olQR_hs:false,
ftQR_hs:false,
ftsQR_hs:false,
//抽屉状态
ownpowervisible: false,
value: "",
value5: "",
value6: "",
@@ -2445,7 +2463,7 @@ export default defineComponent({
<a-select-option value="归属权" label="归属权">
<div
onClick={() => {
console.log("点击了");
state.ownpowervisible = true;
}}
>
归属权
@@ -2475,7 +2493,14 @@ export default defineComponent({
>
<div
onClick={() => {
state.QR_hs = true;
if (value.courseform === "线上") {
state.QR_hs = true;
state.olQR_hs = true;
} else if (value.courseform === "面授") {
state.QR_hs = true;
state.ftQR_hs = true;
}
}}
>
二维码
@@ -2539,8 +2564,8 @@ export default defineComponent({
</a-select-option>
<a-select-option value="归属权" label="归属权">
<div
onClick={() => {
console.log("点击了");
onClick={() => {
state.ownpowervisible = true;
}}
>
归属权
@@ -2645,8 +2670,8 @@ export default defineComponent({
</a-select-option>
<a-select-option value="归属权" label="归属权">
<div
onClick={() => {
console.log("点击了");
onClick={() => {
state.ownpowervisible = true;
}}
>
归属权
@@ -3025,6 +3050,10 @@ export default defineComponent({
};
const qr_exit = () => {
state.QR_hs = false;
state.qrQR_hs = false;
state.olQR_hs = false;
state.ftQR_hs = false;
state.ftsQR_hs = false;
};
const rg_exit = () => {
state.rg_hs = false;
@@ -3069,7 +3098,6 @@ export default defineComponent({
});
}, 1000);
};
return {
...toRefs(state),
columns1,