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

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

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