hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-10 03:16:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat:模板库自适应

Browse Source
This commit is contained in:
dongwug
2022-10-22 09:17:30 +08:00
parent e26dc49e56
commit 21884aace3
2 changed files with 150 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

212
src/views/courselibrary/CoursewareManage.vue
View File

@@ -183,16 +183,22 @@
</div>
<a-radio-group v-model:value="valueE1">
<div class="bc_box">
<div class="bc_boxl" >
<div class="bc_boxl">
<div class="ol_checkbox">
<a-radio v-model:checked="checked" :value="1" @click="bs_hShow"
<a-radio
v-model:checked="checked"
:value="1"
@click="bs_hShow"
>线上</a-radio
>
</div>
</div>
<div class="bc_boxr" >
<div class="bc_boxr">
<div class="ol_checkbox">
<a-radio v-model:checked="checked" :value="2" @click="clear_valueE1"
<a-radio
v-model:checked="checked"
:value="2"
@click="clear_valueE1"
>面授</a-radio
>
</div>
@@ -214,10 +220,20 @@
<a-radio-group v-model:value="valueE2">
<div class="bc_box">
<div class="ol_checkbox">
<a-radio v-model:checked="checked" :value="3" @click="clear_valueE2">是</a-radio>
<a-radio
v-model:checked="checked"
:value="3"
@click="clear_valueE2"
>是</a-radio
>
</div>
<div class="ol_checkbox">
<a-radio v-model:checked="checked" :value="4" @click="clear_valueE2">否</a-radio>
<a-radio
v-model:checked="checked"
:value="4"
@click="clear_valueE2"
>否</a-radio
>
</div>
</div>
</a-radio-group>
@@ -529,7 +545,9 @@
</div>
</div>
<div class="file_operation">
<div class="fobox"><span style="color: #4ea6ff">删除</span></div>
<div class="fobox">
<span style="color: #4ea6ff">删除</span>
</div>
</div>
</div>
<div class="i12_box1">
@@ -549,7 +567,9 @@
</div>
</div>
<div class="file_operation">
<div class="fobox"><span style="color: #4ea6ff">删除</span></div>
<div class="fobox">
<span style="color: #4ea6ff">删除</span>
</div>
</div>
</div>
<div class="i12_box1">
@@ -569,8 +589,12 @@
</div>
</div>
<div class="file_operation">
<div class="fobox"><span style="color: #4ea6ff; ">重传</span></div>
<div class="fobox"><span style="color: #4ea6ff">取消</span></div>
<div class="fobox">
<span style="color: #4ea6ff">重传</span>
</div>
<div class="fobox">
<span style="color: #4ea6ff">取消</span>
</div>
</div>
</div>
<div class="i12_box1">
@@ -590,8 +614,14 @@
</div>
</div>
<div class="file_operation">
<div class="fobox"><span style="color: #4ea6ff; margin-right: 5px">暂停</span></div>
<div class="fobox"><span style="color: #4ea6ff">取消</span></div>
<div class="fobox">
<span style="color: #4ea6ff; margin-right: 5px"
>暂停</span
>
</div>
<div class="fobox">
<span style="color: #4ea6ff">取消</span>
</div>
</div>
</div>
</div>
@@ -1080,7 +1110,11 @@
</a-modal>
<!--开课页面 -->
<!--新建开课页面 -->
<a-modal v-model:visible="cstm_hs" style="margin-top: 400px" @cancel="cstm_exit">
<a-modal
v-model:visible="cstm_hs"
style="margin-top: 400px"
@cancel="cstm_exit"
>
<div
class="createschooltime"
:style="{ display: cstm_hs ? 'block' : 'none' }"
@@ -1188,12 +1222,18 @@
</div>
<div class="b_input">
<a-radio-group v-model:value="xjkkradioV1">
<a-radio v-model:checked="checked" :value="1" @click="clear_xjkkradioV1"
<a-radio
v-model:checked="checked"
:value="1"
@click="clear_xjkkradioV1"
><span style="color: #6d7584; margin-right: 30px"
>是否允许未报名的学员签到</span
></a-radio
>
<a-radio v-model:checked="checked" :value="2" @click="clear_xjkkradioV1"
<a-radio
v-model:checked="checked"
:value="2"
@click="clear_xjkkradioV1"
><span style="color: #6d7584">签到是否需要口令</span></a-radio
>
</a-radio-group>
@@ -1215,17 +1255,26 @@
</div>
<div class="b_input">
<a-radio-group v-model:value="xjkkradioV2">
<a-radio v-model:checked="checked" :value="1" @click="clear_xjkkradioV2"
><span style="color: #6d7584; margin-right: 30px"
<a-radio
v-model:checked="checked"
:value="1"
@click="clear_xjkkradioV2"
><span style="color: #6d7584; margin-right: 30px"
>报名即完成</span
></a-radio
>
<a-radio v-model:checked="checked" :value="2" @click="clear_xjkkradioV2"
><span style="color: #6d7584; margin-right: 30px"
<a-radio
v-model:checked="checked"
:value="2"
@click="clear_xjkkradioV2"
><span style="color: #6d7584; margin-right: 30px"
>签到即完成</span
></a-radio
>
<a-radio v-model:checked="checked" :value="3" @click="clear_xjkkradioV2"
<a-radio
v-model:checked="checked"
:value="3"
@click="clear_xjkkradioV2"
><span style="color: #6d7584">请假算完成</span></a-radio
>
</a-radio-group>
@@ -1542,12 +1591,18 @@
<a-radio-group v-model:value="jyradioV1">
<div class="bc_box">
<div class="ol_checkbox">
<a-radio v-model:checked="checked" :value="1" @click="clear_jyradioV1"
<a-radio
v-model:checked="checked"
:value="1"
@click="clear_jyradioV1"
>结业</a-radio
>
</div>
<div class="ol_checkbox">
<a-radio v-model:checked="checked" :value="2" @click="clear_jyradioV1"
<a-radio
v-model:checked="checked"
:value="2"
@click="clear_jyradioV1"
>不结业</a-radio
>
</div>
@@ -1737,7 +1792,7 @@
<own-power v-model:ownpowervisible="ownpowervisible" />
<!-- 学员管理课程库-归属权抽屉 -->
<!-- 添加授权侧弹窗 -->
<corpowerlist v-model:corpowerlistVisible="corpowerlistvisible"/>
<corpowerlist v-model:corpowerlistVisible="corpowerlistvisible" />
<!-- 添加授权侧弹窗 -->
</div>
</template>
@@ -1851,7 +1906,7 @@ const columns1 = [
align: "center",
},
];
//列表操作在线面授管理
const columns2 = [
{
title: "姓名",
@@ -1896,6 +1951,7 @@ const columns2 = [
align: "center",
},
];
//管理查看详情
const columns4 = [
{
title: "开课名称",
@@ -1919,7 +1975,7 @@ const columns4 = [
align: "center",
},
];
//授权弹窗
//5授权弹窗 6是开课表格
// const columns5 = [
// {
// title: "姓名",
@@ -1957,6 +2013,8 @@ const columns4 = [
// align: "center",
// },
// ];
//开课表格
const columns6 = [
{
title: "序号",
@@ -2001,6 +2059,7 @@ const columns6 = [
align: "center",
},
];
//开课学员管理
const columns7 = [
{
title: "序号",
@@ -2234,7 +2293,7 @@ export default defineComponent({
},
],
// 授权弹窗
// 5授权弹窗 6开课
// tableData5: [
// {
// key: 1,
@@ -2331,7 +2390,6 @@ export default defineComponent({
signstatus: "-",
evastatus: "-",
overstatus: "-",
operation: "2022-07-20 9:30",
},
{
key: "2",
@@ -2346,7 +2404,6 @@ export default defineComponent({
signstatus: "已签到",
evastatus: "已评估",
overstatus: "-",
operation: "2022-07-20 9:30",
},
{
key: "3",
@@ -2361,7 +2418,6 @@ export default defineComponent({
signstatus: "-",
evastatus: "-",
overstatus: "-",
operation: "2022-07-20 9:30",
},
{
key: "4",
@@ -2376,7 +2432,6 @@ export default defineComponent({
signstatus: "已签到",
evastatus: "-",
overstatus: "90/已结业",
operation: "2022-07-20 9:30",
},
{
key: "5",
@@ -2391,12 +2446,13 @@ export default defineComponent({
signstatus: "请假",
evastatus: "-",
overstatus: "",
operation: "2022-07-20 9:30",
},
],
currentPage: 1,
tableDataTotal: 100,
pageSize: 10,
selectedRowKeys: [],
faceManageTab: "1",
of_hs: false,
hideshow: true,
bs_hs: true,
@@ -2422,7 +2478,7 @@ export default defineComponent({
olQR_hs: false,
ftQR_hs: false,
ftsQR_hs: false,
vipftQR_hs:false,
vipftQR_hs: false,
//抽屉状态
ownpowervisible: false,
corpowerlistvisible: false,
@@ -2443,28 +2499,26 @@ export default defineComponent({
qdms_inputV5: "",
qdms_inputV6: "",
//在线面授管理
gl_selectV1:"",
gl_selectV2:"",
gl_inputV1:"",
gl_inputV2:"",
gl_selectV1: "",
gl_selectV2: "",
gl_inputV1: "",
gl_inputV2: "",
//开课
kkinputV1: "",
kkinputV2: "",
//新建开课
xjkkradioV1:"",
xjkkradioV2:"",
xjkkradioV1: "",
xjkkradioV2: "",
xjkkinputV1: "",
xjkkinputV2: "",
xjkkinputV3: "",
xjkkinputV4: "",
selectedRowKeys: [],
faceManageTab: "1",
//开课学员管理
xygl_inputV1:"",
xygl_inputV1: "",
//录入成绩
lrcj_inputV1:"",
lrcj_inputV1: "",
//结业
jyradioV1:"",
jyradioV1: "",
});
// 渲染列表1操作
const getTableDate = () => {
@@ -2813,10 +2867,14 @@ export default defineComponent({
</div>
</div>
<div class="ops2">
<div class="jc"
onClick={() => {
<div
class="jc"
onClick={() => {
state.delete_hs = true;
}}>删除</div>
}}
>
删除
</div>
</div>
</div>
) : (
@@ -2825,10 +2883,14 @@ export default defineComponent({
{value.status === "已通过" ? (
<div class="nselect">
<div class="ops2">
<div class="jc"
onClick={() => {
<div
class="jc"
onClick={() => {
state.delete_hs = true;
}}>删除</div>
}}
>
删除
</div>
</div>
</div>
) : (
@@ -2837,10 +2899,14 @@ export default defineComponent({
{value.status === "已拒绝" ? (
<div class="nselect">
<div class="ops2">
<div class="jc"
<div
class="jc"
onClick={() => {
state.delete_hs = true;
}}>删除</div>
}}
>
删除
</div>
</div>
</div>
) : (
@@ -3096,7 +3162,7 @@ export default defineComponent({
const bs_hShow = (value) => {
state.bs_hs = true;
if (value != "") {
state.valueE1 = "";
state.valueE1 = "";
}
};
const createft = () => {
@@ -3120,9 +3186,9 @@ export default defineComponent({
const ftsr_exit = () => {
state.om_ckxq = false;
};
const gpm_exit = () => {
state.gpm_hs = false;
};
// const gpm_exit = () => {
// state.gpm_hs = false;
// };
const stm_exit = () => {
state.stm_hs = false;
};
@@ -3133,9 +3199,9 @@ export default defineComponent({
state.cstm_hs = false;
state.xjkkradioV1 = "";
state.xjkkradioV2 = "";
state.xjkkinputV1 = "";
state.xjkkinputV2 = "";
state.xjkkinputV3 = "";
state.xjkkinputV1 = "";
state.xjkkinputV2 = "";
state.xjkkinputV3 = "";
state.xjkkinputV4 = "";
};
const sm_exit = () => {
@@ -3150,20 +3216,20 @@ export default defineComponent({
state.valueE2 = "";
};
const clear_xjkkradioV1 = (value) => {
if (value != ""){
if (value != "") {
state.xjkkradioV1 = "";
}
}
};
const clear_xjkkradioV2 = (value) => {
if (value != ""){
if (value != "") {
state.xjkkradioV2 = "";
}
}
};
const clear_jyradioV1 = (value) => {
if (value != ""){
if (value != "") {
state.jyradioV1 = "";
}
}
};
const qr_exit = () => {
state.QR_hs = false;
state.qrQR_hs = false;
@@ -3223,10 +3289,10 @@ export default defineComponent({
// columns5,
columns6,
columns7,
getTableDate,
getTableDate2,
options1,
options2,
// getTableDate,
// getTableDate2,
of_hShow,
of_exit,
hideShow,
@@ -3236,7 +3302,7 @@ export default defineComponent({
om_exit,
ckxq_hs,
ftsr_exit,
gpm_exit,
// gpm_exit,
stm_exit,
createkk,
cstm_exit,
@@ -3296,7 +3362,6 @@ export default defineComponent({
.btns {
display: flex;
margin-left: 38px;
cursor: pointer;
.btn {
padding: 0px 26px 0px 26px;
height: 38px;
@@ -3308,6 +3373,7 @@ export default defineComponent({
justify-content: center;
margin-right: 14px;
flex-shrink: 0;
cursor: pointer;
.search {
background-size: 100%;
}
@@ -4436,12 +4502,12 @@ export default defineComponent({
}
}
.file_operation {
display: flex;
.fobox{
margin-right: 5px;
cursor: pointer;
}
display: flex;
.fobox {
margin-right: 5px;
cursor: pointer;
}
}
}
}
}

12
src/views/projectcenter/TemplateLibrary.vue
View File

@@ -203,22 +203,31 @@ export default defineComponent({
width:100%;
.tmpl_header{
display:flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 32px;
margin-bottom: 32px;
margin-left: 32px;
margin-right: 32px;
.tmplh_inp{
.inpbox{
display: flex;
margin-top: 32px;
.inpbox1{
display:flex;
justify-content: center;
align-items: center;
margin-right: 24px;
span{
white-space: nowrap;
}
}
}
}
.tmplh_btn{
display: flex;
margin-left: 38px;
margin-top: 32px;
.btn {
padding: 0px 26px 0px 26px;
height: 38px;
@@ -295,6 +304,7 @@ export default defineComponent({
display: flex;
.jc {
margin-left: 20px;
white-space: nowrap;
cursor: pointer;
}
}