mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-17 23:06:47 +08:00
feat:删除面授管理页面 新建开课更改两个单选框
This commit is contained in:
dongwug
@@ -567,7 +567,7 @@
|
||||
/>
|
||||
</div>
|
||||
<!-- 表格 -->
|
||||
<!-- 操作在线课程管理页面 -->
|
||||
<!-- 操作在线面授课程管理页面 -->
|
||||
<a-modal
|
||||
v-model:visible="om_1"
|
||||
title="Title"
|
||||
@@ -583,7 +583,8 @@
|
||||
style="width: 17px; height: 18px; margin-right: 8px"
|
||||
src="../../assets/images/basicinfo/add.png"
|
||||
/>
|
||||
<span class="headerLeftText">在线课程管理</span>
|
||||
<div :style="{ display: ft_1 ? 'none' : 'block'}"> <span class="headerLeftText">在线课程管理</span> </div>
|
||||
<div :style="{ display: ft_1 ? 'block' : 'none' }"> <span class="headerLeftText">面授课程管理</span> </div>
|
||||
</div>
|
||||
<div style="margin-right: 57px; cursor: pointer">
|
||||
<img
|
||||
@@ -606,211 +607,107 @@
|
||||
<div class="bs_left">状态：</div>
|
||||
<div class="bs_right">已审核</div>
|
||||
</div>
|
||||
<div class="b_menu">
|
||||
<a-menu v-model:selectedKeys="current" mode="horizontal">
|
||||
<a-menu-item key="mail"> 报名管理 </a-menu-item>
|
||||
<a-menu-item key="sub2"> 学习记录 </a-menu-item>
|
||||
<a-menu-item key="sub3"> 资源完成情况 </a-menu-item>
|
||||
</a-menu>
|
||||
</div>
|
||||
<div class="b_menunav">
|
||||
<div class="bm_select">
|
||||
<a-select
|
||||
class="select"
|
||||
ref="select"
|
||||
placeholder="请选择状态"
|
||||
v-model:value="value12"
|
||||
style="width: 200px"
|
||||
@focus="focus"
|
||||
@change="handleChange"
|
||||
>
|
||||
<a-select-option value="status">状态</a-select-option>
|
||||
<a-select-option value="passed">已通过</a-select-option>
|
||||
<a-select-option value="weishenhe">未审核</a-select-option>
|
||||
<a-select-option value="reject">管理员拒绝</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<div class="bm_input">
|
||||
<a-input
|
||||
v-model:value="value13"
|
||||
style="width: 200px; height: 40px; border-radius: 8px"
|
||||
placeholder="姓名"
|
||||
/>
|
||||
</div>
|
||||
<div class="bm_btn">
|
||||
<div class="btn btn1">
|
||||
<div class="search"></div>
|
||||
<div class="btnText">搜索</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bm_table" style="margin-bottom: 20px">
|
||||
<a-table
|
||||
:columns="columns2"
|
||||
:data-source="tableData2"
|
||||
:loading="tableDataTotal === -1 ? true : false"
|
||||
:pagination="false"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
<!-- 操作在线课程管理页面 -->
|
||||
<!-- 操作面授课程管理页面 -->
|
||||
<a-modal
|
||||
v-model:visible="ftm_1"
|
||||
title="Title"
|
||||
@ok="closeModal"
|
||||
:footer="null"
|
||||
:closable="false"
|
||||
wrapClassName="modalStyle"
|
||||
width="80%"
|
||||
>
|
||||
<div class="modalHeader">
|
||||
<div class="headerLeft">
|
||||
<img
|
||||
style="width: 17px; height: 18px; margin-right: 8px"
|
||||
src="../../assets/images/basicinfo/add.png"
|
||||
/>
|
||||
<span class="headerLeftText">面授课程管理</span>
|
||||
</div>
|
||||
<div style="margin-right: 57px; cursor: pointer">
|
||||
<img
|
||||
@click="ftm_exit"
|
||||
style="width: 22px; height: 22px"
|
||||
src="../../assets/images/basicinfo/close22.png"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modalMain">
|
||||
<div class="faceteachmanage" :style="{ display: ftm_1 ? 'block' : 'none' }">
|
||||
<div class="om_main">
|
||||
<div class="om_body">
|
||||
<div class="b_title">课程：BMOT2021年职级晋升-安全管理（高级）</div>
|
||||
<div class="b_sub">
|
||||
<div class="bs_type">类型：</div>
|
||||
<div class="bs_right">录播课</div>
|
||||
<div class="bs_left">内容分类：</div>
|
||||
<div class="bs_right">领导力</div>
|
||||
<div class="bs_left">状态：</div>
|
||||
<div class="bs_right">已审核</div>
|
||||
</div>
|
||||
<a-tabs
|
||||
class="b_menu"
|
||||
v-model:activeKey="activeKey"
|
||||
size="large"
|
||||
:tabBarStyle="{ marginLeft: '10px' }"
|
||||
>
|
||||
<a-tab-pane key="1" tab="报名管理">
|
||||
1
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="2" tab="学习记录">
|
||||
<div class="b_menunav">
|
||||
<div class="bm_select">
|
||||
<a-select
|
||||
class="select"
|
||||
ref="select"
|
||||
placeholder="请选择状态"
|
||||
v-model:value="value14"
|
||||
style="width: 200px"
|
||||
@focus="focus"
|
||||
@change="handleChange"
|
||||
>
|
||||
<a-select-option value="status">状态</a-select-option>
|
||||
<a-select-option value="passed">已通过</a-select-option>
|
||||
<a-select-option value="weishenhe">未审核</a-select-option>
|
||||
<a-select-option value="reject">管理员拒绝</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<div class="bm_input">
|
||||
<a-input
|
||||
v-model:value="value15"
|
||||
style="width: 200px; height: 40px; border-radius: 8px"
|
||||
placeholder="姓名"
|
||||
/>
|
||||
</div>
|
||||
<div class="bm_btn">
|
||||
<div class="btn btn1">
|
||||
<div class="search"></div>
|
||||
<div class="btnText">搜索</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bm_table" style="margin-bottom: 20px">
|
||||
<a-table
|
||||
:columns="columns2"
|
||||
:data-source="tableData3"
|
||||
:loading="tableDataTotal === -1 ? true : false"
|
||||
:pagination="false"
|
||||
>
|
||||
<template #bodyCell="{ column }">
|
||||
<template v-if="column.key === 'opacation'">
|
||||
<a @click="ckxq_hs">查看详情</a>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
</a-tabs>
|
||||
<!-- <div class="b_menu">
|
||||
<a-menu v-model:selectedKeys="current" mode="horizontal">
|
||||
<a-menu-item key="mail"> 报名管理 </a-menu-item>
|
||||
<a-menu-item key="sub2"> 学习记录 </a-menu-item>
|
||||
</a-menu>
|
||||
</div> -->
|
||||
<!-- <div class="b_menunav">
|
||||
<div class="bm_select">
|
||||
<a-select
|
||||
class="select"
|
||||
ref="select"
|
||||
placeholder="请选择状态"
|
||||
v-model:value="value14"
|
||||
style="width: 200px"
|
||||
@focus="focus"
|
||||
@change="handleChange"
|
||||
<a-tabs
|
||||
class="b_menu"
|
||||
v-model:activeKey="activeKey"
|
||||
size="large"
|
||||
:tabBarStyle="{ marginLeft: '10px' }"
|
||||
>
|
||||
<a-select-option value="status">状态</a-select-option>
|
||||
<a-select-option value="passed">已通过</a-select-option>
|
||||
<a-select-option value="weishenhe">未审核</a-select-option>
|
||||
<a-select-option value="reject">管理员拒绝</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<div class="bm_input">
|
||||
<a-input
|
||||
v-model:value="value15"
|
||||
style="width: 200px; height: 40px; border-radius: 8px"
|
||||
placeholder="姓名"
|
||||
/>
|
||||
</div>
|
||||
<div class="bm_btn">
|
||||
<div class="btn btn1">
|
||||
<div class="search"></div>
|
||||
<div class="btnText">搜索</div>
|
||||
</div>
|
||||
<a-tab-pane key="1" tab="报名管理">
|
||||
<div class="b_menunav">
|
||||
<div class="bm_select">
|
||||
<a-select
|
||||
class="select"
|
||||
ref="select"
|
||||
placeholder="请选择状态"
|
||||
v-model:value="value12"
|
||||
style="width: 200px"
|
||||
@focus="focus"
|
||||
@change="handleChange"
|
||||
>
|
||||
<a-select-option value="status">状态</a-select-option>
|
||||
<a-select-option value="passed">已通过</a-select-option>
|
||||
<a-select-option value="weishenhe">未审核</a-select-option>
|
||||
<a-select-option value="reject">管理员拒绝</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<div class="bm_input">
|
||||
<a-input
|
||||
v-model:value="value13"
|
||||
style="width: 200px; height: 40px; border-radius: 8px"
|
||||
placeholder="姓名"
|
||||
/>
|
||||
</div>
|
||||
<div class="bm_btn">
|
||||
<div class="btn btn1">
|
||||
<div class="search"></div>
|
||||
<div class="btnText">搜索</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bm_table" style="margin-bottom: 20px">
|
||||
<a-table
|
||||
:columns="columns2"
|
||||
:data-source="tableData2"
|
||||
:loading="tableDataTotal === -1 ? true : false"
|
||||
:pagination="false"
|
||||
/>
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="2" tab="学习记录">
|
||||
<div class="b_menunav">
|
||||
<div class="bm_select">
|
||||
<a-select
|
||||
class="select"
|
||||
ref="select"
|
||||
placeholder="请选择状态"
|
||||
v-model:value="value14"
|
||||
style="width: 200px"
|
||||
@focus="focus"
|
||||
@change="handleChange"
|
||||
>
|
||||
<a-select-option value="status">状态</a-select-option>
|
||||
<a-select-option value="passed">已通过</a-select-option>
|
||||
<a-select-option value="weishenhe">未审核</a-select-option>
|
||||
<a-select-option value="reject">管理员拒绝</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<div class="bm_input">
|
||||
<a-input
|
||||
v-model:value="value15"
|
||||
style="width: 200px; height: 40px; border-radius: 8px"
|
||||
placeholder="姓名"
|
||||
/>
|
||||
</div>
|
||||
<div class="bm_btn">
|
||||
<div class="btn btn1">
|
||||
<div class="search"></div>
|
||||
<div class="btnText">搜索</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bm_table" style="margin-bottom: 20px">
|
||||
<a-table
|
||||
:columns="columns2"
|
||||
:data-source="tableData3"
|
||||
:loading="tableDataTotal === -1 ? true : false"
|
||||
:pagination="false"
|
||||
>
|
||||
<template #bodyCell="{ column }">
|
||||
<template v-if="column.key === 'opacation'">
|
||||
<a @click="ckxq_hs">查看详情</a>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
</a-tabs>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bm_table" style="margin-bottom: 20px">
|
||||
<a-table
|
||||
:columns="columns2"
|
||||
:data-source="tableData3"
|
||||
:loading="tableDataTotal === -1 ? true : false"
|
||||
:pagination="false"
|
||||
>
|
||||
<template #bodyCell="{ column }">
|
||||
<template v-if="column.key === 'opacation'">
|
||||
<a @click="ckxq_hs">查看详情</a>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
<!-- 操作面授课程管理页面 -->
|
||||
<!-- 操作在线面授课程管理页面 -->
|
||||
<!-- 面授课程管理查看详情页面 -->
|
||||
<a-modal
|
||||
v-model:visible="om_ckxq"
|
||||
@@ -1142,12 +1039,10 @@
|
||||
<span style="margin-right: 3px">签到设置</span>
|
||||
</div>
|
||||
<div class="b_input">
|
||||
<a-checkbox v-model:checked="checked">
|
||||
<span style="color: #6d7584; margin-right: 30px">是否允许未报名的学员签到</span>
|
||||
</a-checkbox>
|
||||
<a-checkbox v-model:checked="checked">
|
||||
<span style="color: #6d7584">签到是否需要口令</span>
|
||||
</a-checkbox>
|
||||
<a-radio-group v-model:value="valueB">
|
||||
<a-radio :value="24"><span style="color: #6d7584; margin-right: 30px">是否允许未报名的学员签到</span></a-radio>
|
||||
<a-radio :value="25"><span style="color: #6d7584">签到是否需要口令</span></a-radio>
|
||||
</a-radio-group>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cstm_items">
|
||||
@@ -1165,15 +1060,11 @@
|
||||
<span style="margin-right: 3px">完成规则</span>
|
||||
</div>
|
||||
<div class="b_input">
|
||||
<a-checkbox v-model:checked="checked">
|
||||
<span style="color: #6d7584; margin-right: 30px">报名即完成</span>
|
||||
</a-checkbox>
|
||||
<a-checkbox v-model:checked="checked">
|
||||
<span style="color: #6d7584; margin-right: 30px">签到即完成</span>
|
||||
</a-checkbox>
|
||||
<a-checkbox v-model:checked="checked">
|
||||
<span style="color: #6d7584">请假算完成</span>
|
||||
</a-checkbox>
|
||||
<a-radio-group v-model:value="valueC">
|
||||
<a-radio :value="26"><span style="color: #6d7584; margin-right: 30px">报名即完成</span></a-radio>
|
||||
<a-radio :value="27"><span style="color: #6d7584; margin-right: 30px">签到即完成</span></a-radio>
|
||||
<a-radio :value="28"><span style="color: #6d7584">请假算完成</span></a-radio>
|
||||
</a-radio-group>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cstm_items items_fj">
|
||||
@@ -2186,7 +2077,7 @@ export default defineComponent({
|
||||
bs_hs: true,
|
||||
ft_hs:false,
|
||||
om_1: false,
|
||||
ftm_1: false,
|
||||
ft_1: false,
|
||||
om_ckxq: false,
|
||||
gpm_hs: false,
|
||||
stm_hs: false,
|
||||
@@ -2204,6 +2095,8 @@ export default defineComponent({
|
||||
value5:"",
|
||||
value6:"",
|
||||
valueE:"",
|
||||
valueB:"",
|
||||
valueC:"",
|
||||
selectedRowKeys: [],
|
||||
});
|
||||
const fileList = ref([]);
|
||||
@@ -2264,10 +2157,12 @@ export default defineComponent({
|
||||
class="jc"
|
||||
style={{ width: "30px" }}
|
||||
onClick={() => {
|
||||
if (value.courseform === "线上") {
|
||||
if (value.courseform === "线上" ) {
|
||||
state.om_1 = true;
|
||||
state.ft_1 = false;
|
||||
} else if (value.courseform === "面授") {
|
||||
state.ftm_1 = true;
|
||||
state.om_1 = true;
|
||||
state.ft_1 = true;
|
||||
}
|
||||
}}
|
||||
>
|
||||
@@ -2766,9 +2661,6 @@ export default defineComponent({
|
||||
const om_exit = () => {
|
||||
state.om_1 = false;
|
||||
};
|
||||
const ftm_exit = () => {
|
||||
state.ftm_1 = false;
|
||||
};
|
||||
const ckxq_hs = () => {
|
||||
state.om_ckxq = true;
|
||||
};
|
||||
@@ -2840,7 +2732,6 @@ export default defineComponent({
|
||||
createft,
|
||||
ft_exit,
|
||||
om_exit,
|
||||
ftm_exit,
|
||||
ckxq_hs,
|
||||
ftsr_exit,
|
||||
gpm_exit,
|
||||
@@ -3934,8 +3825,7 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
.modalMain{
|
||||
.onlinemanage,
|
||||
.faceteachmanage {
|
||||
.onlinemanage {
|
||||
display: none;
|
||||
z-index: 999;
|
||||
min-width: 1000px;
|
||||
|
||||
Reference in New Issue
Block a user