diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue index 10c0d00a..b07b8b85 100644 --- a/src/views/courselibrary/CoursewareManage.vue +++ b/src/views/courselibrary/CoursewareManage.vue @@ -90,16 +90,20 @@
-
-
- 课程名称 +
+
+
+ 课程名称: +
+
@@ -109,15 +113,20 @@ class="b_zk" :style="{ display: hideshow ? 'block' : 'none' }" > - 收起 +
+ 收起 +
+
- 展开 +
+ 展开 +
+
-
-
- - 授课形式 +
+
+
+ 授课形式 +
-
+
线上
-
+
面授
@@ -155,18 +164,18 @@
-
- - 是否设置目录 - +
+
+
+ 是否设置目录 +
+
- +
- +
@@ -206,7 +215,6 @@ " @click="showModal" > - 新建面授课
面授名称:管理者的专属面授课
-
- - 开课名称 +
+
+
+ 开课名称 +
-
- - 地点 +
+
+
+ 地点 +
-
+
+
+
+ 面授时间 +
- 面授时间
-
- - 授课教师 +
+
+
+ 授课教师 +
-
-
- 报名设置 - 是否允许公开报名 -
-
-
-
- 签到设置 - 是否允许未报名的学员签到 - 签到是否需要口令 -
-
-
-
- 评估设置 - 是否需要评估 -
-
-
-
- 完成规则 - 报名即完成 - 签到即完成 - 请假算完成 -
-
-
-
- 附件 -
-
- 上传附件 +
+
+ 报名设置
+
+ + 是否允许公开报名 + +
+
+
+
+ 签到设置 +
+
+ + 是否允许未报名的学员签到 + + + 签到是否需要口令 + +
+
+
+
+ 评估设置 +
+
+ + 是否需要评估 +
-
- 支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip +
+
+ 完成规则 +
+
+ + 报名即完成 + + + 签到即完成 + + + 请假算完成 + +
-
+
+
+ 附件 +
+
+
+
+ 上传附件 +
+
+
+
+
+ +
+
+ 支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip +
+
+
取消
@@ -1239,7 +1263,7 @@
- +
@@ -1909,6 +1933,8 @@ export default defineComponent({ stm_hs: false, cstm_hs: false, sm_hs: false, + value:"", + valueE:"", }); // const tableDataFunc = () => { // const columns = [ @@ -2507,11 +2533,8 @@ export default defineComponent({ const bs_hShow = () => { state.bs_hs = true; }; - const bs_unhShow = () => { - state.bs_hs = false; - }; const createft = () => { - if (state.bs_hs == true) { + if (state.bs_hs == false) { state.of_hs = false; state.ft_hs = true; } @@ -2546,6 +2569,10 @@ export default defineComponent({ const sm_exit = () => { state.sm_hs = false; }; + const clear_valueE = () => { + state.bs_hs = false; + state.valueE = ""; + } return { onftvalue, current, @@ -2570,7 +2597,6 @@ export default defineComponent({ of_exit, hideShow, bs_hShow, - bs_unhShow, createft, ft_exit, om_exit, @@ -2582,6 +2608,7 @@ export default defineComponent({ createkk, cstm_exit, sm_exit, + clear_valueE, }; }, }); @@ -2711,147 +2738,6 @@ export default defineComponent({ } } } - // .selectonlineface { - // z-index: 999; - // width: 679px; - // // height: 525px; - // background: #ffffff; - // box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); - // position: absolute; - // left: 50%; - // top: 50%; - // transform: translate(-50%, -50%); - // .of_header { - // position: absolute; - // width: calc(100%); - // height: 40px; - // background: linear-gradient( - // rgba(78, 166, 255, 0.2) 0%, - // rgba(78, 166, 255, 0) 100% - // ); - // } - // .of_main { - // width: calc(100%); - // position: relative; - // .ofm_header { - // display: flex; - // align-items: center; - // padding-top: 20px; - // padding-left: 26px; - // font-size: 16px; - // .add_icon { - // width: 16px; - // height: 16px; - // margin-right: 10px; - // background-image: url(@/assets/images/coursewareManage/add1.png); - // background-size: 100% 100%; - // } - // .close_exit { - // position: absolute; - // right: 42px; - // cursor: pointer; - // width: 20px; - // height: 20px; - // background-image: url(@/assets/images/coursewareManage/close.png); - // background-size: 100% 100%; - // } - // } - // .ofm_body { - // width: 90%; - // .ofmb_header { - // display: flex; - // align-items: center; - // margin: 14px auto; - // .sign { - // width: 7px; - // height: 7px; - // margin-left: 78px; - // margin-right: 6px; - // background-image: url(@/assets/images/coursewareManage/asterisk.png); - // background-size: 100% 100%; - // } - // } - // .ol_checkbox { - // display: flex; - // align-items: center; - // justify-content: center; - // margin-left: 6px; - // } - // .b_header { - // display: flex; - // align-items: center; - // margin: 21px auto 14px 80px; - // } - // .b_sub { - // margin-left: 164px; - // .bs_header { - // display: flex; - // justify-content: space-between; - // .b_right { - // display: flex; - // } - // } - // } - // .bl_detail { - // top: 24px; - // } - // .b_center { - // display: flex; - // align-items: center; - // margin: 21px auto 14px 80px; - // .bc_box { - // display: flex; - // .bc_boxl, - // .bc_boxr { - // display: flex; - // align-items: center; - // } - // } - // } - // .b_sup { - // margin: 21px auto 14px 52px; - // .bs_box { - // display: flex; - // align-items: center; - // .bc_box { - // display: flex; - // } - // } - // } - // .b_footer { - // width: 100%; - // margin-left: 212px; - // margin-top: 25px; - // margin-bottom: 20px; - // display: flex; - // .btn { - // width: 100px; - // height: 40px; - // background: rgba(64, 158, 255, 0); - // border-radius: 8px; - // display: flex; - // align-items: center; - // justify-content: center; - // margin-right: 14px; - // flex-shrink: 0; - // .btnText { - // font-size: 14px; - // font-weight: 400; - // line-height: 40px; - // } - // } - // .btn5 { - // border: 1px solid rgba(64, 158, 255, 1); - // color: #4ea6ff; - // } - // .btn6 { - // background-color: #4ea6ff; - // color: #ffffff; - // } - // } - // } - // } - // } .faceteach { z-index: 999; width: 90%; @@ -2888,840 +2774,6 @@ export default defineComponent({ } } } - // .onlinemanage, - // .faceteachmanage { - // display: none; - // z-index: 999; - // width: 85%; - // min-width: 1000px; - // // height: 537px; - // background: #ffffff; - // box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); - // position: absolute; - // left: 50%; - // top: 50%; - // transform: translate(-50%, -50%); - // overflow: auto; - // .om_header { - // position: absolute; - // width: calc(100%); - // height: 40px; - // background: linear-gradient( - // rgba(78, 166, 255, 0.2) 0%, - // rgba(78, 166, 255, 0) 100% - // ); - // } - // .om_main { - // width: calc(100%); - // position: relative; - // .omm_header { - // display: flex; - // align-items: center; - // padding-top: 20px; - // padding-left: 26px; - // font-size: 16px; - // .pc_icon { - // width: 16px; - // height: 16px; - // margin-right: 10px; - // background-image: url(@/assets/images/coursewareManage/pc.png); - // } - // .close_exit { - // position: absolute; - // right: 42px; - // cursor: pointer; - // width: 20px; - // height: 20px; - // background-image: url(@/assets/images/coursewareManage/close.png); - // background-size: 100% 100%; - // } - // } - // .om_body { - // width: calc(100% - 50px); - // padding-left: 50px; - // padding-top: 17px; - // .b_title { - // color: #4f5156; - // font-weight: 500; - // margin-bottom: 19px; - // } - // .b_sub { - // display: flex; - // margin-bottom: 10px; - // .bs_type { - // color: #999ba3; - // } - // .bs_left { - // color: #999ba3; - // margin-left: 35px; - // } - // .bs_right { - // color: #4f5156; - // } - // } - // .b_menu { - // width: calc(100%); - // } - // .b_menunav { - // display: flex; - // margin-top: 20px; - // margin-bottom: 20px; - // .bm_select { - // margin-right: 20px; - // } - // .bm_input { - // margin-right: 20px; - // } - // .bm_btn { - // display: flex; - // // flex-wrap: wrap; - // .btn { - // padding: 0px 26px 0px 26px; - // height: 40px; - // background: rgba(64, 158, 255, 0); - // border-radius: 8px; - // border: 1px solid rgba(64, 158, 255, 1); - // display: flex; - // align-items: center; - // justify-content: center; - // margin-right: 14px; - // flex-shrink: 0; - // .search { - // background-size: 100%; - // } - // .btnText { - // font-size: 14px; - // font-weight: 400; - // color: rgba(64, 158, 255, 1); - // line-height: 36px; - // margin-left: 5px; - // } - // } - // .btn1 { - // .search { - // width: 15px; - // height: 17px; - // background-image: url("@/assets/images/coursewareManage/search1.png"); - // } - // } - // .btn1:hover { - // background: rgba(64, 158, 255, 1); - // .search { - // background-image: url("@/assets/images/coursewareManage/search0.png"); - // } - // .btnText { - // color: #ffffff; - // } - // } - // } - // } - // } - // } - // } - // .ftsturecord { - // z-index: 999; - // width: 80%; - // min-width: 1000px; - // // height: 274px; - // background: #ffffff; - // box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); - // position: absolute; - // left: 50%; - // top: 50%; - // transform: translate(-50%, -50%); - // overflow: auto; - // .ftsr_header { - // position: absolute; - // width: calc(100%); - // height: 40px; - // background: linear-gradient( - // rgba(78, 166, 255, 0.2) 0%, - // rgba(78, 166, 255, 0) 100% - // ); - // } - // .ftsr_main { - // width: calc(100%); - // position: relative; - // .m_header { - // display: flex; - // align-items: center; - // padding-top: 20px; - // padding-left: 26px; - // font-size: 16px; - // .det_icon { - // width: 16px; - // height: 16px; - // margin-right: 10px; - // background-image: url(@/assets/images/coursewareManage/detail.png); - // background-size: 100% 100%; - // } - // .det_exit { - // position: absolute; - // right: 42px; - // cursor: pointer; - // width: 20px; - // height: 20px; - // background-image: url(@/assets/images/coursewareManage/close.png); - // background-size: 100% 100%; - // } - // } - // .ftsr_table { - // width: 90%; - // margin: 30px auto; - // border: 1px solid #f0f4fe; - // } - // .ftsr_btn { - // width: 100px; - // height: 40px; - // background: #ffffff; - // border: 1px solid #4ea6ff; - // border-radius: 8px; - // display: flex; - // align-items: center; - // justify-content: center; - // margin: 30px auto; - // flex-shrink: 0; - // cursor: pointer; - // .btnText { - // color: #4ea6ff; - // font-size: 14px; - // font-weight: 400; - // line-height: 40px; - // } - // } - // } - // } - // .givepower { - // z-index: 999; - // width: 85%; - // min-width: 1000px; - // // height: 646px; - // background: #ffffff; - // box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); - // position: absolute; - // left: 50%; - // top: 50%; - // transform: translate(-50%, -50%); - // overflow: auto; - // .gp_header { - // position: absolute; - // width: calc(100%); - // height: 40px; - // background: linear-gradient( - // rgba(78, 166, 255, 0.2) 0%, - // rgba(78, 166, 255, 0) 100% - // ); - // } - // .gp_main { - // width: calc(100%); - // position: relative; - // .gpm_header { - // display: flex; - // align-items: center; - // padding-top: 20px; - // padding-left: 26px; - // font-size: 16px; - // .givepower_icon { - // width: 16px; - // height: 16px; - // margin-right: 10px; - // background-image: url(@/assets/images/coursewareManage/givepower.png); - // background-size: 100% 100%; - // } - // .close_exit { - // position: absolute; - // right: 42px; - // cursor: pointer; - // width: 20px; - // height: 20px; - // background-image: url(@/assets/images/coursewareManage/close.png); - // background-size: 100% 100%; - // } - // } - // .gpm_inputbtn { - // width: 90%; - // margin: 20px auto; - // display: flex; - // .gpm_btn { - // width: 100px; - // height: 40px; - // margin-right: 14px; - // background: #ffffff; - // border: 1px solid #4ea6ff; - // border-radius: 8px; - // display: flex; - // align-items: center; - // justify-content: center; - // flex-shrink: 0; - // cursor: pointer; - // .btnText { - // color: #4ea6ff; - // font-size: 14px; - // font-weight: 400; - // line-height: 40px; - // } - // } - // .btn1 { - // .search { - // width: 15px; - // height: 17px; - // margin-right: 6px; - // background-image: url("../../assets/images/courseManage/search1.png"); - // } - // } - // .btn2 { - // .reset { - // width: 16px; - // height: 18px; - // margin-right: 6px; - // background-image: url("../../assets/images/courseManage/reset1.png"); - // } - // } - // .btn1:hover { - // background: #4ea6ff; - // .search { - // background-image: url("@/assets/images/coursewareManage/search0.png"); - // } - // .btnText { - // color: #ffffff; - // } - // } - // .btn2:hover { - // background: #4ea6ff; - // .reset { - // background-image: url("@/assets/images/coursewareManage/reset0.png"); - // } - // .btnText { - // color: #ffffff; - // } - // } - // } - // .gpm_notice { - // display: flex; - // background: rgba(78, 166, 255, 0.25); - // border: 1px solid #4ea6ff; - // width: 90%; - // height: 62px; - // margin: 20px auto; - // align-items: center; - // line-height: 64px; - // .th_icon { - // width: 16px; - // height: 16px; - // background-image: url(@/assets/images/coursewareManage/gan.png); - // background-size: 100% 100%; - // margin: auto 13px auto 37px; - // } - // .textarea { - // margin-right: 33px; - // } - // } - // .gpm_table { - // width: 90%; - // margin: 30px auto; - // border: 1px solid #f0f4fe; - // } - // } - // } - // .schooltime { - // z-index: 999; - // width: 85%; - // min-width: 1000px; - // // height: 646px; - // background: #ffffff; - // box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); - // position: absolute; - // left: 50%; - // top: 50%; - // transform: translate(-50%, -50%); - // overflow: auto; - // .st_header { - // position: absolute; - // width: calc(100%); - // height: 40px; - // background: linear-gradient( - // rgba(78, 166, 255, 0.2) 0%, - // rgba(78, 166, 255, 0) 100% - // ); - // } - // .st_main { - // width: calc(100%); - // position: relative; - // .stm_header { - // display: flex; - // align-items: center; - // padding-top: 20px; - // padding-left: 26px; - // font-size: 16px; - // .scht_icon { - // width: 16px; - // height: 16px; - // margin-right: 10px; - // background-image: url(@/assets/images/coursewareManage/scht.png); - // background-size: 100% 100%; - // } - // .close_exit { - // position: absolute; - // right: 42px; - // cursor: pointer; - // width: 20px; - // height: 20px; - // background-image: url(@/assets/images/coursewareManage/close.png); - // background-size: 100% 100%; - // } - // } - // .stm_inputbtn { - // display: flex; - // width: 90%; - // margin: 20px auto; - // .stm_btn { - // width: 100px; - // height: 40px; - // margin-right: 14px; - // background: #ffffff; - // border: 1px solid #4ea6ff; - // border-radius: 8px; - // display: flex; - // align-items: center; - // justify-content: center; - // flex-shrink: 0; - // cursor: pointer; - // .btnText { - // color: #4ea6ff; - // font-size: 14px; - // font-weight: 400; - // line-height: 40px; - // } - // } - // .btn1 { - // .search { - // width: 15px; - // height: 17px; - // margin-right: 6px; - // background-image: url("@/assets/images/coursewareManage/search1.png"); - // } - // } - // .btn2 { - // .reset { - // width: 16px; - // height: 18px; - // margin-right: 6px; - // background-image: url("@/assets/images/coursewareManage/reset1.png"); - // } - // } - // .btn1:hover { - // background: #4ea6ff; - // .search { - // background-image: url("@/assets/images/coursewareManage/search0.png"); - // } - // .btnText { - // color: #ffffff; - // } - // } - // .btn2:hover { - // background: #4ea6ff; - // .reset { - // background-image: url("@/assets/images/coursewareManage/reset0.png"); - // } - // .btnText { - // color: #ffffff; - // } - // } - // } - // .stm_btn3 { - // width: 130px; - // height: 40px; - // border: 1px solid #4ea6ff; - // background-color: #4ea6ff; - // border-radius: 8px; - // display: flex; - // align-items: center; - // justify-content: center; - // flex-shrink: 0; - // cursor: pointer; - // .btnText { - // font-size: 14px; - // font-weight: 400; - // line-height: 40px; - // } - // .btn3 { - // .add { - // width: 17px; - // height: 18px; - // background-image: url("@/assets/images/coursewareManage/add0.png"); - // background-size: 100% 100%; - // margin-right: 6px; - // } - // } - // } - // .stm_table { - // width: 90%; - // margin: 30px auto; - // border: 1px solid #f0f4fe; - // .operation { - // display: flex; - // justify-content: center; - // align-items: center; - // color: #4ea6ff; - // .nselect { - // justify-content: center; - // align-items: center; - // display: flex; - // .jc { - // margin-left: 20px; - // cursor: pointer; - // } - // } - // .tableSelect { - // margin-right: 10px; - // margin-left: -5px; - // display: flex; - // align-items: center; - // justify-content: right; - // } - // } - // } - // } - // } - // .createschooltime { - // z-index: 999; - // width: 679px; - // // height: 705px; - // background: #ffffff; - // box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); - // position: absolute; - // left: 50%; - // top: 50%; - // transform: translate(-50%, -50%); - // overflow: auto; - // .cst_header { - // position: absolute; - // width: calc(100%); - // height: 40px; - // background: linear-gradient( - // rgba(78, 166, 255, 0.2) 0%, - // rgba(78, 166, 255, 0) 100% - // ); - // } - // .cst_main { - // width: calc(100%); - // position: relative; - // .cstm_header { - // display: flex; - // align-items: center; - // padding-top: 20px; - // padding-left: 26px; - // font-size: 16px; - // .add_icon { - // width: 16px; - // height: 16px; - // margin-right: 10px; - // background-image: url(@/assets/images/coursewareManage/add1.png); - // background-size: 100% 100%; - // } - // .close_exit { - // position: absolute; - // right: 42px; - // cursor: pointer; - // width: 20px; - // height: 20px; - // background-image: url(@/assets/images/coursewareManage/close.png); - // background-size: 100% 100%; - // } - // } - // .cstm_title { - // margin: 10px auto 20px 51px; - // font-weight: bold; - // } - // .cstm_items { - // display: flex; - // align-items: center; - // margin-bottom: 23px; - // } - // .items1, - // .items4 { - // margin-left: 80px; - // } - // .items2 { - // margin-left: 108px; - // } - // .items3, - // .items5, - // .items6, - // .items7, - // .items8 { - // margin-left: 86px; - // } - // .items9 { - // margin-left: 115px; - // text-align: center; - // margin-bottom: 0; - // .items9box { - // display: flex; - // .upload_box { - // display: flex; - // cursor: pointer; - // .upload_icon { - // width: 16px; - // height: 16px; - // background-image: url("@/assets/images/coursewareManage/enclosure.png"); - // background-size: 100% 100%; - // margin-right: 5px; - // } - // } - // } - // } - // .items10 { - // display: flex; - // justify-content: center; - // margin-top: 20px; - // margin-bottom: 20px; - // .cstm_btn { - // width: 100px; - // height: 40px; - // background: rgba(64, 158, 255, 0); - // border-radius: 8px; - // display: flex; - // align-items: center; - // justify-content: center; - // margin-right: 14px; - // flex-shrink: 0; - // cursor: pointer; - // .btnText { - // font-size: 14px; - // font-weight: 400; - // line-height: 40px; - // } - // } - // .btn5 { - // border: 1px solid rgba(64, 158, 255, 1); - // color: #4ea6ff; - // } - // .btn6 { - // background-color: #4ea6ff; - // color: #ffffff; - // } - // } - // } - // } - // .studentsmanage { - // z-index: 999; - // width: 85%; - // min-width: 1000px; - // // height: 646px; - // background: #ffffff; - // box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); - // position: absolute; - // left: 50%; - // top: 50%; - // transform: translate(-50%, -50%); - // overflow: auto; - // .stm_header { - // position: absolute; - // width: calc(100%); - // height: 40px; - // background: linear-gradient( - // rgba(78, 166, 255, 0.2) 0%, - // rgba(78, 166, 255, 0) 100% - // ); - // } - // .stm_main { - // width: calc(100%); - // position: relative; - // .stmm_header { - // display: flex; - // align-items: center; - // padding-top: 20px; - // padding-left: 26px; - // font-size: 16px; - // .stum_icon { - // width: 16px; - // height: 16px; - // margin-right: 10px; - // background-image: url(@/assets/images/coursewareManage/stum.png); - // background-size: 100% 100%; - // } - // .close_exit { - // position: absolute; - // right: 42px; - // cursor: pointer; - // width: 20px; - // height: 20px; - // background-image: url(@/assets/images/coursewareManage/close.png); - // background-size: 100% 100%; - // } - // } - // .stmmitems { - // margin: auto 49px; - // height: 400px; - // overflow: auto; - // .stmm_i1, - // .stmm_i2, - // .stmm_i3, - // .stmm_i4 { - // margin: 19px 0; - // } - // .stmm_i5 { - // display: flex; - // justify-content: space-between; - // .i5_left { - // display: flex; - // .stmm_btn { - // width: 100px; - // height: 40px; - // margin-right: 14px; - // background: #ffffff; - // border: 1px solid #4ea6ff; - // border-radius: 8px; - // display: flex; - // align-items: center; - // justify-content: center; - // flex-shrink: 0; - // cursor: pointer; - // .btnText { - // color: #4ea6ff; - // font-size: 14px; - // font-weight: 400; - // line-height: 40px; - // } - // } - // .btn1 { - // .search { - // width: 15px; - // height: 17px; - // margin-right: 6px; - // background-image: url("../../assets/images/courseManage/search1.png"); - // } - // } - // .btn2 { - // .reset { - // width: 16px; - // height: 18px; - // margin-right: 6px; - // background-image: url("../../assets/images/courseManage/reset1.png"); - // } - // } - // .btn1:hover { - // background: rgba(64, 158, 255, 1); - // .search { - // background-image: url("../../assets/images/courseManage/search0.png"); - // } - // .btnText { - // color: #ffffff; - // } - // } - // .btn2:hover { - // background: rgba(64, 158, 255, 1); - // .reset { - // background-image: url("../../assets/images/courseManage/reset0.png"); - // } - // .btnText { - // color: #ffffff; - // } - // } - // } - // .i5_right { - // display: flex; - // .stmm_btn { - // width: 100px; - // height: 40px; - // margin-right: 14px; - // background: #ffffff; - // border: 1px solid #4ea6ff; - // border-radius: 8px; - // display: flex; - // align-items: center; - // justify-content: center; - // flex-shrink: 0; - // cursor: pointer; - // .btnText { - // color: #4ea6ff; - // font-size: 14px; - // font-weight: 400; - // line-height: 40px; - // } - // } - // .btn3 { - // background-color: #4ea6ff; - // } - // .btn4 { - // display: flex; - // flex-direction: column; - // position: relative; - // .btn4_sub { - // display: flex; - // justify-content: center; - // align-items: center; - // .b_zk { - // width: 10px; - // height: 8px; - // background-image: url("@/assets/images/coursewareManage/down.png"); - // background-size: 100% 100%; - // } - // .b_sq { - // width: 10px; - // height: 8px; - // background-image: url("@/assets/images/coursewareManage/up.png"); - // background-size: 100% 100%; - // } - // } - // .btn4_sup { - // width: 100%; - // display: flex; - // flex-direction: column; - // background-color: #ffffff; - // box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); - // position: absolute; - // top: 40px; - // z-index: 999; - // .btn4_tit { - // margin-top: 8px; - // margin-left: 8px; - // } - // .btn4_op1, - // .btn4_op2, - // .btn4_op3 { - // margin-left: 20px; - // } - // } - // } - // .btn5 { - // margin-right: 0px; - // .export { - // width: 17px; - // height: 18px; - // margin-right: 5px; - // background-image: url("@/assets/images/coursewareManage/export.png"); - // } - // } - // .btn5:hover { - // background: #4ea6ff; - // .export { - // background-image: url("@/assets/images/coursewareManage/export1.png"); - // } - // .btnText { - // color: #ffffff; - // } - // } - // } - // } - // .stmm_i6 { - // margin-top: 20px; - // .operation, - // .nselect { - // display: flex; - // justify-content: center; - // color: #4ea6ff; - // font-size: 14px; - // .ops1, - // .ops2 { - // margin-right: 10px; - // } - // } - // } - // } - // } - // } } .modalStyle { @@ -3744,7 +2796,7 @@ export default defineComponent({ } .modalMain{ .m_title { - margin: 7px auto 25px 22px; + margin-bottom: 20px; } .m_body { display: flex; @@ -3952,18 +3004,37 @@ export default defineComponent({ } } .ofm_body { - width: 90%; - .ofmb_header { + width:80%; + margin:3px auto; + .ofmb_items { display: flex; align-items: center; + justify-content: end; margin: 14px auto; - .sign { - width: 7px; - height: 7px; - margin-left: 78px; - margin-right: 6px; - background-image: url(@/assets/images/coursewareManage/asterisk.png); - background-size: 100% 100%; + .signbox{ + width:110px; + display: flex; + justify-content: end; + .sign { + width: 10px; + height: 10px; + margin-top:-3px; + margin-right: 6px; + background-size: 100% 100%; + } + } + .b_input{ + flex:1; + } + .bc_box { + display: flex; + width: 440px; + flex:1; + .bc_boxl, + .bc_boxr { + display: flex; + align-items: center; + } } } .ol_checkbox { @@ -3972,13 +3043,9 @@ export default defineComponent({ justify-content: center; margin-left: 6px; } - .b_header { - display: flex; - align-items: center; - margin: 21px auto 14px 80px; - } .b_sub { - margin-left: 164px; + width: 440px; + margin-left: 110px; .bs_header { display: flex; justify-content: space-between; @@ -3990,29 +3057,6 @@ export default defineComponent({ .bl_detail { top: 24px; } - .b_center { - display: flex; - align-items: center; - margin: 21px auto 14px 80px; - .bc_box { - display: flex; - .bc_boxl, - .bc_boxr { - display: flex; - align-items: center; - } - } - } - .b_sup { - margin: 21px auto 14px 52px; - .bs_box { - display: flex; - align-items: center; - .bc_box { - display: flex; - } - } - } .b_footer { width: 100%; margin-left: 212px; @@ -4029,6 +3073,7 @@ export default defineComponent({ justify-content: center; margin-right: 14px; flex-shrink: 0; + cursor: pointer; .btnText { font-size: 14px; font-weight: 400; @@ -4050,14 +3095,12 @@ export default defineComponent({ .createschooltime { z-index: 999; width: 679px; - // height: 705px; background: #ffffff; box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); position: absolute; left: 50%; - top: 50%; + top: 10%; transform: translate(-50%, -50%); - overflow: auto; .cst_header { position: absolute; width: calc(100%); @@ -4099,43 +3142,37 @@ export default defineComponent({ } .cstm_items { display: flex; + width: 80%; + margin:auto; align-items: center; margin-bottom: 23px; - } - .items1, - .items4 { - margin-left: 80px; - } - .items2 { - margin-left: 108px; - } - .items3, - .items5, - .items6, - .items7, - .items8 { - margin-left: 86px; - } - .items9 { - margin-left: 115px; - text-align: center; - margin-bottom: 0; - .items9box { - display: flex; + .signbox{ + display:flex; + justify-content: end; + width:100px; + margin-right:6px; + .sign{ + margin-top:-5px; + margin-right:4px; + } + } + .b_input{ + flex:1; .upload_box { display: flex; cursor: pointer; .upload_icon { width: 16px; height: 16px; - background-image: url("@/assets/images/coursewareManage/enclosure.png"); - background-size: 100% 100%; margin-right: 5px; } } } } - .items10 { + .items_fj{ + margin-bottom:1px; + } + .items_btn { display: flex; justify-content: center; margin-top: 20px; @@ -4231,7 +3268,6 @@ export default defineComponent({ } .bm_btn { display: flex; - // flex-wrap: wrap; .btn { padding: 0px 26px 0px 26px; height: 40px; @@ -4312,7 +3348,7 @@ export default defineComponent({ min-width: 1000px; background: #ffffff; .gp_main { - width: calc(100%); + width: 100%; position: relative; .gpm_inputbtn { width: 90%;