diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue index 84a35a52..10c0d00a 100644 --- a/src/views/courselibrary/CoursewareManage.vue +++ b/src/views/courselibrary/CoursewareManage.vue @@ -77,111 +77,113 @@ -
-
-
-
-
- 请选择课程类型 -
-
-
-
-
- 课程名称 -
- -
+ +
+
+
+
+
+ 请选择课程类型 +
-
-
-
课程命名规则
-
-
- 收起 -
-
- 展开 -
-
+
+
+
+ 课程名称 +
+
-
- - 1、课程名称统一不加书名号。
- 2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息 - 之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先 - 看到的是课程内容主题。
- 3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用 - 版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。 - -
-
-
- ⃰ - 授课形式 - -
-
-
- 线上 +
+
+
课程命名规则
+
+
+ 收起
-
-
-
- 面授 +
+ 展开
+
- -
-
-
+
+ + 1、课程名称统一不加书名号。
+ 2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息 + 之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先 + 看到的是课程内容主题。
+ 3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用 + 版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。 + +
+
+
⃰ - 是否设置目录 - + 授课形式 +
-
- 是 +
+
+ 线上 +
-
- 否 +
+
+ 面授 +
-
-
-
-
取消
+
+
+ ⃰ + 是否设置目录 + +
+
+ 是 +
+
+ 否 +
+
+ +
-
-
确定
+
+
+
取消
+
+
+
确定
+
-
+
@@ -225,6 +227,7 @@
@@ -317,7 +320,7 @@
-
+
目标人群
@@ -530,579 +533,713 @@
-
-
-
-
-
- 在线课程管理 -
-
-
-
课程：BMOT2021年职级晋升-安全管理（高级）
-
-
类型：
-
录播课
-
内容分类：
-
领导力
-
状态：
-
已审核
+ +
+
+ + 在线课程管理
-
- - 报名管理 - 学习记录 - 资源完成情况 - -
-
-
- - 状态 - 已通过 - 未审核 - 管理员拒绝 - -
-
- -
-
-
-
-
搜索
-
-
-
-
- +
-
-
+
+
+
+
+
课程：BMOT2021年职级晋升-安全管理（高级）
+
+
类型：
+
录播课
+
内容分类：
+
领导力
+
状态：
+
已审核
+
+
+ + 报名管理 + 学习记录 + 资源完成情况 + +
+
+
+ + 状态 + 已通过 + 未审核 + 管理员拒绝 + +
+
+ +
+
+
+
+
搜索
+
+
+
+
+ +
+
+
+
+
+ -
-
-
-
-
- 面授课程管理 -
+ +
+
+ + 面授课程管理 +
+
+ +
-
-
课程：BMOT2021年职级晋升-安全管理（高级）
-
-
类型：
-
录播课
-
内容分类：
-
领导力
-
状态：
-
已审核
-
-
- - 报名管理 - 学习记录 - -
-
-
- - 状态 - 已通过 - 未审核 - 管理员拒绝 - -
-
- -
-
-
-
-
搜索
+
+
+
+
+
课程：BMOT2021年职级晋升-安全管理（高级）
+
+
类型：
+
录播课
+
内容分类：
+
领导力
+
状态：
+
已审核
+
+
+ + 报名管理 + 学习记录 + +
+
+
+ + 状态 + 已通过 + 未审核 + 管理员拒绝 + +
+
+ +
+
+
+
+
搜索
+
+
+
+
+ + + +
-
- - - -
-
-
+ -
-
-
-
-
- 查看详情 -
+ +
+
+ + 查看详情 +
+
+ +
-
- - +
+
+
+
+ + +
+
+
取消
+
+
+
-
-
取消
-
-
-
+ -
-
-
-
-
- 授权 -
-
-
- -
-
-
搜索
+ +
+
+ + 授权
-
-
-
重置
+
+
-
-
-
- 已选择 1 项 -
-
- 列表选项总计：5条 +
+
+
+
+ +
+
+
搜索
+
+
+
+
重置
+
+
+
+
+
+ 已选择 1 项 +
+
+ 列表选项总计：5条 +
+
+
+ + + +
+
-
- - - -
-
-
+ -
-
-
-
-
- 开课 -
-
-
- - -
- +
+
+ + 开课 +
+
+
-
-
-
搜索
-
-
-
-
重置
-
-
-
-
- 新建开课 +
+
+
+
+
+ + +
+ +
+
+
+
搜索
+
+
+
+
重置
+
+
+
+
+ 新建开课 +
+
+
+
+ +
-
- -
-
-
+ -
-
-
-
-
- 新建开课 -
-
-
面授名称：管理者的专属面授课
-
- ⃰ - 开课名称 -
- + +
+
+
+
+
+ 新建开课 +
-
-
- ⃰ - 地点 -
- -
-
-
-
- 面授时间 - -
-
-
- ⃰ - 授课教师 -
- -
-
-
-
- 报名设置 - 是否允许公开报名 -
-
-
-
- 签到设置 - 是否允许未报名的学员签到 - 签到是否需要口令 -
-
-
-
- 评估设置 - 是否需要评估 -
-
-
-
- 完成规则 - 报名即完成 - 签到即完成 - 请假算完成 -
-
-
-
- 附件 -
-
- 上传附件 -
-
-
-
- 支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip -
-
-
-
取消
-
-
-
确定
-
-
-
-
- - -
-
-
-
-
- 学员管理 -
-
-
-
- XXX课程-第1期-20220726已开课 4.5 -
-
- 时间：2022-07-26 14：30-15：00 -
-
- 地点：核心能力大楼培训教室 -
-
- 授课教师：王雪han -
-
-
+
面授名称：管理者的专属面授课
+
+ ⃰ + 开课名称 +
-
-
-
搜索
-
-
-
-
重置
-
-
-
- 添加学员 -
-
-
- 批量操作 -
-
-
-
-
- 批量录入成绩 -
-
- 批量结业 -
-
- 批量通过 -
-
- 批量拒绝 -
-
-
-
-
-
导出
+
+
+ ⃰ + 地点 +
+ +
+
+
+
+ 面授时间 + +
+
+
+ ⃰ + 授课教师 +
+ +
+
+
+
+ 报名设置 + 是否允许公开报名 +
+
+
+
+ 签到设置 + 是否允许未报名的学员签到 + 签到是否需要口令 +
+
+
+
+ 评估设置 + 是否需要评估 +
+
+
+
+ 完成规则 + 报名即完成 + 签到即完成 + 请假算完成 +
+
+
+
+ 附件 +
+
+ 上传附件
-
- +
+ 支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip +
+
+
+
取消
+
+
+
确定
+
-
+ + + + +
+
+ + 学员管理 +
+
+ +
+
+
+
+
+
+
+ XXX课程-第1期-20220726已开课 4.5 +
+
+ 时间：2022-07-26 14：30-15：00 +
+
+ 地点：核心能力大楼培训教室 +
+
+ 授课教师：王雪han +
+
+
+ +
+
+
搜索
+
+
+
+
重置
+
+
+
+
+ 添加学员 +
+
+
+ 批量操作 +
+
+
+
+
+ 批量录入成绩 +
+
+ 批量结业 +
+
+ 批量通过 +
+
+ 批量拒绝 +
+
+
+
+
+
导出
+
+
+
+
+ +
+
+
+
+
+
@@ -1328,40 +1465,40 @@ const columns6 = [ title: "序号", dataIndex: "num", key: "num", - width: "10%", + width: "8%", align: "center", }, { title: "归属组织", dataIndex: "organization", key: "organization", - width: "12%", + width: "10%", align: "center", }, { title: "场地", dataIndex: "address", key: "saddress", - width: "12%", + width: "10%", align: "center", }, { title: "开始时间", dataIndex: "starttime", key: "starttime", - width: "20%", + width: "18%", align: "center", }, { title: "创建时间", dataIndex: "createtime", key: "createtime", - width: "20%", + width: "18%", align: "center", }, { title: "操作", - width: "20%", + width: "30%", dataIndex: "operation", key: "operation", align: "center", @@ -1446,7 +1583,7 @@ const columns7 = [ }, { title: "操作", - width: 400, + width: 280, className: "h", dataIndex: "operation", key: "operation", @@ -2574,7 +2711,1202 @@ export default defineComponent({ } } } - .selectonlineface { + // .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%; + min-width: 1000px; + background: #ffffff; + box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); + .ft_main { + width: calc(100%); + position: relative; + } + } + .tableBox { + margin: 20px 38px 30px; + .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; + } + } + } + // .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 { + .ant-modal{ + .modalHeader { + display: flex; + align-items: center; + justify-content: space-between; + .headerLeft { + margin-left: 27px; + display: flex; + align-items: center; + .headerLeftText { + font-size: 16px; + font-weight: 400; + color: #000000; + line-height: 36px; + } + } + } + .modalMain{ + .m_title { + margin: 7px auto 25px 22px; + } + .m_body { + display: flex; + .mb_left { + width: 50%; + .mbl_items { + display: flex; + align-items: center; + justify-content: flex-end; + margin-bottom: 10px; + .item_nam{ + width: 100px; + display: flex; + align-items: center; + justify-content: flex-end; + .asterisk_icon{ + width: 10px; + height: 10px; + margin-right: 5px; + margin-top:-15px; + } + } + .item_inp{ + flex:1; + } + } + .i2_cz{ + width:440px; + margin-left:100px; + .i2_top{ + display:flex; + justify-content: space-between; + } + } + .i8_bottom{ + display:flex; + width:440px; + margin-left:100px; + } + } + + .mb_right { + width: 50%; + .mbl_items { + display: flex; + align-items: center; + justify-content: flex-end; + margin-bottom: 10px; + .item_nam{ + width: 100px; + display: flex; + align-items: center; + justify-content: flex-end; + .asterisk_icon{ + width: 10px; + height: 10px; + margin-top: -15px; + margin-right: 5px; + } + } + .item_inp{ + flex:1; + } + .accessory{ + display:flex; + align-items: center; + .accessory_icon{ + width:16px; + height:16px; + margin-top: -8px; + margin-right:5px; + } + } + } + .mbl_items12{ + width:440px; + margin-left:100px; + .i12_box1{ + display: flex; + align-items: center; + padding:17px 0px 17px 21px; + border: 1px solid #EFF4FC; + border-radius: 8px; + margin-bottom:10px; + .file_img{ + width:27px; + height:32px; + background-color: red; + margin-right:22px; + } + .file_detail{ + width:250px; + margin-right:21px; + .file_updata{ + display:flex; + align-items: center; + .updatabox{ + position: relative; + width: 230px; + height: 5px; + background-color: rgba(192, 192, 192, 0.25); + border-radius: 3px; + .updatacolor{ + position: absolute; + left:0; + width: 100%; + height: 5px; + background-color: #57C887; + border-radius: 3px; + } + .updatacolor2{ + position: absolute; + left:0; + width: 80%; + height: 5px; + background-color: #FF7474; + border-radius: 3px; + } + .updatacolor3{ + position: absolute; + left:0; + width: 60%; + height: 5px; + background-color: #388BE1; + border-radius: 3px; + } + .updataxq{ + position: absolute; + right:2px; + top:-30px; + color: #57C887; + } + .updataxq2{ + position: absolute; + right:2px; + top:-30px; + color: #FF7474; + } + .updataxq3{ + position: absolute; + right:2px; + top:-30px; + color: #388BE1; + } + } + } + .file_operation{ + display: flex; + + span{ + cursor: pointer; + } + } + } + } + } + } + } + } + } +} +.selectonlineface { z-index: 999; width: 679px; // height: 525px; @@ -2715,563 +4047,7 @@ export default defineComponent({ } } } - .faceteach { - z-index: 999; - width: 90%; - min-width: 1000px; - background: #ffffff; - box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); - .ft_main { - width: calc(100%); - position: relative; - } - } - .tableBox { - margin: 20px 38px 30px; - .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; - } - } - // .operation { - // display: flex; - // justify-content: right; - // .nSelect { - // display: flex; - // .nselect { - // display: flex; - // color: #4ea6ff; - // font-size: 14px; - // .ops1,.ops2,.ops3,.ops4,.ops5{ - // margin-left: 20px; - // cursor: pointer; - // } - // .jc { - // margin-left: 20px; - // } - // } - // } - // .tableSelect { - // margin-left: -30px; - // display: flex; - // align-items: center; - // justify-content: right; - // } - // } - } - .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 { +.createschooltime { z-index: 999; width: 679px; // height: 705px; @@ -3391,70 +4167,158 @@ export default defineComponent({ } } } - } - .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 { +} +.modalStyle { + .ant-modal{ + .modalHeader { + display: flex; + align-items: center; + justify-content: space-between; + .headerLeft { + margin-left: 27px; 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%; + .headerLeftText { + font-size: 16px; + font-weight: 400; + color: #000000; + line-height: 36px; } } - .stmmitems { - margin: auto 49px; - height: 400px; - overflow: auto; - .stmm_i1, - .stmm_i2, - .stmm_i3, - .stmm_i4 { - margin: 19px 0; + } + .modalMain{ + .onlinemanage, + .faceteachmanage { + display: none; + z-index: 999; + min-width: 1000px; + background: #ffffff; + .om_main { + width: 100%; + .om_body { + margin-right:50px; + .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; + } + } + } + } + } } - .stmm_i5 { - display: flex; - justify-content: space-between; - .i5_left { + } + .ftsturecord { + z-index: 999; + min-width: 1000px; + background: #ffffff; + .ftsr_main { + width: 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; - .stmm_btn { + 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; + min-width: 1000px; + background: #ffffff; + .gp_main { + width: calc(100%); + position: relative; + .gpm_inputbtn { + width: 90%; + margin: 20px auto; + display: flex; + .gpm_btn { width: 100px; height: 40px; margin-right: 14px; @@ -3490,27 +4354,62 @@ export default defineComponent({ } } .btn1:hover { - background: rgba(64, 158, 255, 1); + background: #4ea6ff; .search { - background-image: url("../../assets/images/courseManage/search0.png"); + background-image: url("@/assets/images/coursewareManage/search0.png"); } .btnText { color: #ffffff; } } .btn2:hover { - background: rgba(64, 158, 255, 1); + background: #4ea6ff; .reset { - background-image: url("../../assets/images/courseManage/reset0.png"); + background-image: url("@/assets/images/coursewareManage/reset0.png"); } .btnText { color: #ffffff; } } } - .i5_right { + .gpm_notice { display: flex; - .stmm_btn { + 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; + min-width: 1000px; + background: #ffffff; + .st_main { + width: 100%; + .stm_inputbtn { + display: flex; + width: 90%; + margin: 20px auto; + .stm_btn { width: 100px; height: 40px; margin-right: 14px; @@ -3529,258 +4428,266 @@ export default defineComponent({ 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; - } + .btn1 { + .search { + width: 15px; + height: 17px; + margin-right: 6px; + background-image: url("@/assets/images/coursewareManage/search1.png"); } } - .btn5 { - margin-right: 0px; - .export { - width: 17px; + .btn2 { + .reset { + width: 16px; height: 18px; - margin-right: 5px; - background-image: url("@/assets/images/coursewareManage/export.png"); + margin-right: 6px; + background-image: url("@/assets/images/coursewareManage/reset1.png"); } } - .btn5:hover { + .btn1:hover { background: #4ea6ff; - .export { - background-image: url("@/assets/images/coursewareManage/export1.png"); + .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; } } } - } - .stmm_i6 { - margin-top: 20px; - .operation, - .nselect { + .stm_btn3 { + width: 130px; + height: 40px; + border: 1px solid #4ea6ff; + background-color: #4ea6ff; + border-radius: 8px; display: flex; + align-items: center; justify-content: center; - color: #4ea6ff; - font-size: 14px; - .ops1, - .ops2 { - margin-right: 10px; + 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; + } } } } } - } - } -} - -.modalStyle { - .ant-modal{ - .modalHeader { - display: flex; - align-items: center; - justify-content: space-between; - .headerLeft { - margin-left: 27px; - display: flex; - align-items: center; - .headerLeftText { - font-size: 16px; - font-weight: 400; - color: #000000; - line-height: 36px; - } - } - } - .modalMain{ - .m_title { - margin: 7px auto 25px 22px; - } - .m_body { - display: flex; - .mb_left { - width: 50%; - .mbl_items { - display: flex; - align-items: center; - margin-bottom: 10px; - .item_nam{ - width: 100px; + .studentsmanage { + z-index: 999; + min-width: 1000px; + background: #ffffff; + .stm_main { + width: 100%; + .stmmitems { + margin: auto 49px; + .stmm_i1, + .stmm_i2, + .stmm_i3, + .stmm_i4 { + margin: 19px 0; + } + .stmm_i5 { display: flex; - align-items: center; - justify-content: flex-end; - .asterisk_icon{ - width: 10px; - height: 10px; - margin-right: 5px; + 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; + } + } } - } - .item_inp{ - flex:1; - } - } - .i2_cz{ - width:440px; - margin-left:100px; - .i2_top{ - display:flex; - justify-content: space-between; - } - } - .i8_bottom{ - display:flex; - width:440px; - margin-left:100px; - } - } - - .mb_right { - width: 50%; - .mbl_items { - display: flex; - align-items: center; - margin-bottom: 10px; - .item_nam{ - width: 100px; - display: flex; - align-items: center; - justify-content: flex-end; - .asterisk_icon{ - width: 10px; - height: 10px; - margin-right: 5px; - } - } - .item_inp{ - flex:1; - } - .accessory{ - display:flex; - align-items: center; - .accessory_icon{ - width:16px; - height:16px; - margin-right:5px; - } - } - } - .mbl_items12{ - width:440px; - margin-left:100px; - .i12_box1{ - display: flex; - align-items: center; - padding:17px 0px 17px 21px; - border: 1px solid #EFF4FC; - border-radius: 8px; - margin-bottom:10px; - .file_img{ - width:27px; - height:32px; - background-color: red; - margin-right:22px; - } - .file_detail{ - width:250px; - margin-right:21px; - .file_updata{ - display:flex; + .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; - .updatabox{ - position: relative; - width: 230px; - height: 5px; - background-color: rgba(192, 192, 192, 0.25); - border-radius: 3px; - .updatacolor{ - position: absolute; - left:0; - width: 100%; - height: 5px; - background-color: #57C887; - border-radius: 3px; - } - .updatacolor2{ - position: absolute; - left:0; - width: 80%; - height: 5px; - background-color: #FF7474; - border-radius: 3px; - } - .updatacolor3{ - position: absolute; - left:0; - width: 60%; - height: 5px; - background-color: #388BE1; - border-radius: 3px; - } - .updataxq{ - position: absolute; - right:2px; - top:-30px; - color: #57C887; - } - .updataxq2{ - position: absolute; - right:2px; - top:-30px; - color: #FF7474; - } - .updataxq3{ - position: absolute; - right:2px; - top:-30px; - color: #388BE1; - } + .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%; } } - .file_operation{ - display: flex; - - span{ - cursor: pointer; + .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; + } } } }