diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue index def8e4c5..1d60d385 100644 --- a/src/views/learningpath/LevelAdd.vue +++ b/src/views/learningpath/LevelAdd.vue @@ -12,27 +12,13 @@
- + -
+
{{ act }}
-
+
{{ act }}
@@ -40,11 +26,7 @@ {{ act }}
-->
- +
更多 @@ -73,23 +55,18 @@
-
+ +
返回
-
+
+
- +
@@ -99,10 +76,7 @@
-
+
@@ -118,11 +92,7 @@
快速添加任务/关卡
-
+
@@ -137,11 +107,7 @@
快速添加学员
-
+
@@ -160,65 +126,61 @@
-
关卡概览
+
+
关卡概览
+
{{ - routerInfoOverview.totalStudentCnt + routerInfoOverview.totalStudentCnt }}
总人数
{{ - routerInfoOverview.studyStudentCnt + routerInfoOverview.studyStudentCnt }}
学习人数
{{ - routerInfoOverview.completeStudentCnt + routerInfoOverview.completeStudentCnt }}
完成人数
{{ - routerInfoOverview.onlineCourseCnt - }}% + routerInfoOverview.onlineCourseCnt + }}%
在线课程数
{{ - routerInfoOverview.offLineCourseCnt - }}% + routerInfoOverview.offLineCourseCnt + }}%
面授课程数
{{ - routerInfoOverview.completeRatio - }}% + routerInfoOverview.completeRatio + }}%
总完成率
-
关卡信息
+
+
关卡信息
+
-
+
关卡{{ item.stageId }}
-
+
@@ -371,72 +305,57 @@
- -
+ +
-
- + + ? require('../../assets/images/leveladd/an.png') + : item.type === 4 + ? require('../../assets/images/leveladd/zuo.png') + : item.type === 5 + ? require('../../assets/images/leveladd/kao.png') + : item.type === 6 + ? require('../../assets/images/leveladd/zhi.png') + : item.type === 7 + ? require('../../assets/images/leveladd/wai.png') + : item.type === 8 + ? require('../../assets/images/leveladd/tao.png') + : item.type === 9 + ? require('../../assets/images/leveladd/huo.png') + : item.type === 10 + ? require('../../assets/images/leveladd/ce.png') + : item.type === 11 + ? require('../../assets/images/leveladd/diao.png') + : item.type === 12 + ? require('../../assets/images/leveladd/tou.png') + : null + " />
@@ -460,69 +379,45 @@ {{ item.complete }}/{{ item.total }}人
- - {{ item.percent }}% + + {{ item.percent }}%
-
+
学员
-
+
考勤
-
+ ? 'flex' + : 'none', + }" @click=" + item.type === 2 + ? showCopyModal(item.type) + : item.type === 6 + ? showzhibModal(item.type) + : item.type === 9 + ? showhuodModal(item.type) + : null +"> 二维码
-
+ ? showFace(item.type) + : item.type === 4 + ? showWork(item.type) + : null + "> 管理
@@ -557,36 +451,18 @@
- +
- 搜索 + 搜索 +
- 重置 + 重置
@@ -594,12 +470,8 @@
- + +
@@ -616,34 +488,18 @@
- + }" />
- +
@@ -672,64 +528,32 @@
- + 预览其他关卡
学员可预览第 1 - - 关-第4 - + + 关-第4 + 关内容
- + 学习其他关卡
学员可预览第 1 - - 关-第4 - + + 关-第4 + 关内容
@@ -753,46 +577,26 @@
- - 上传 - + + 上传 +
支持:pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip
-
- + + " alt="" /> {{ - item.name + item.name }} 删除
@@ -804,14 +608,8 @@ - +
@@ -824,15 +622,8 @@
当前关卡:关卡2
- +
@@ -840,24 +631,15 @@
-
+
+
- + - +
@@ -881,13 +663,8 @@
- +
@@ -909,13 +686,8 @@
- +
@@ -937,13 +709,8 @@
- +
@@ -969,17 +736,11 @@ - + - + @@ -994,40 +755,21 @@
- -
+
+ ">
- - 路径发布 + + 路径发布
- +
@@ -1065,13 +807,7 @@
- +
@@ -1096,13 +832,8 @@
- +
@@ -1126,13 +857,8 @@
- +
@@ -1196,7 +922,7 @@ export default { TestManage, FaceManage, WorkManage, - SeeStu, + SeeStu }, setup() { // const routers = useRoute(); @@ -1237,17 +963,17 @@ export default { picUrl: null, projectNameList: [ { - value: "1", - label: "导出信息", + value: '1', + label: '导出信息', }, { - value: "2", - label: "批量调整关卡", + value: '2', + label: '批量调整关卡', }, { - value: "3", - label: "批量删除", - }, + value: '3', + label: '批量删除', + } ], // 共享文档列表 docList: [ @@ -1581,7 +1307,7 @@ export default { const stageChange = (name, id) => { state.choosedStageId = id; state.stateName = name; - }; + } const changeTabs = (e) => { console.log("切换tabs", e, state.routerId); if (e == 2) { @@ -1771,6 +1497,7 @@ export default { .catch((err) => { console.log("复制失败", err); }); + }; const showStop = () => { state.stopModal = true; @@ -1812,10 +1539,10 @@ export default { state.action == 0 ? "发布" : state.action == 1 - ? "撤回" - : state.action == -1 - ? "" - : "-"; + ? "撤回" + : state.action == -1 + ? "" + : "-"; }); }; // 获取项目概览 @@ -1862,13 +1589,11 @@ export default { // } levelList.stageList = []; for (let i in data) { - if (i == 0) { - state.stateName = data[0].name; - } + if (i == 0) { state.stateName = data[0].name } levelList.stageList.push({ stageId: Number(i) + 1, - name: data[i].name, - }); + name: data[i].name + }) } }) .catch((err) => { @@ -1901,7 +1626,7 @@ export default { .delStudent({ routerId: 100, studentIds: [id] }) .then((res) => { message.success("删除成功"); - getStudent(); + getStudent() console.log(res); }) .catch((err) => { @@ -1912,74 +1637,62 @@ export default { }); }; const searchLevel = () => { - const result = state.tableData.filter( - (item) => item.cur == state.gatenamee - ); + const result = state.tableData.filter(item => item.cur == state.gatenamee) state.tableData = result; }; const resetLevel = () => { - state.gatenamee = ""; + state.gatenamee = ''; getStudent(); }; const handleStuChange = (value) => { console.log(value); - if (value == 2) { - state.visiblene = true; - } - if (value == 3) { - deleteStu(); - } + if (value == 2) { state.visiblene = true } + if (value == 3) { deleteStu() } }; const deleteStu = () => { if (state.selectedRowKeys.length == 0) { message.warning("请选择成员"); - return; + return } let obj = { routerId: 100, studentIds: state.selectedRowKeys, - }; - api - .delStudent(obj) - .then((res) => { - console.log(res); - getStudent(); - message.success("批量删除成功"); - }) - .catch((err) => { - message.error("批量删除失败" + err); - console.log(err); - }); + } + api.delStudent(obj).then((res) => { + console.log(res); + getStudent(); + message.success("批量删除成功") + }).catch(err => { + message.error("批量删除失败" + err); + console.log(err) + }) }; const pageChange = (value) => { state.currentPage = value; getStudent(); - }; + } const setconfig = () => { let obj = { - autoJoinFlag: 0, - deptBoList: [ + "autoJoinFlag": 0, + "deptBoList": [ { - deptId: 0, - deptName: "", - }, + "deptId": 0, + "deptName": "" + } ], - preLearnFlag: 0, - previewFlag: 0, - routerId: 0, - showFlag: 0, - }; - api - .setConfig(obj) - .then((res) => { - message.success("编辑成功"); - console.log(res); - }) - .catch((err) => { - console.log(err); - message.error("编辑失败"); - }); - }; + "preLearnFlag": 0, + "previewFlag": 0, + "routerId": 0, + "showFlag": 0 + } + api.setConfig(obj).then((res) => { + message.success("编辑成功") + console.log(res); + }).catch(err => { + console.log(err); + message.error("编辑失败") + }) + } return { ...toRefs(state), ...toRefs(levelList), @@ -2038,12 +1751,12 @@ export default { .ant-modal { .ant-modal-body { padding: 0; + .modalHeader { - background: linear-gradient( - rgba(78, 166, 255, 0.2) 0%, - rgba(78, 166, 255, 0) 100% - ); + background: linear-gradient(rgba(78, 166, 255, 0.2) 0%, + rgba(78, 166, 255, 0) 100%); } + .modalMain { .projectname { color: rgba(79, 81, 86, 1); @@ -2052,33 +1765,37 @@ export default { margin-left: 62px; font-weight: 500; } + .projecttime { margin-left: 221px; + .timeti { color: rgba(153, 155, 163, 1); font-size: 14px; line-height: 36px; } + .timeme { color: rgba(79, 81, 86, 1); font-size: 14px; line-height: 36px; } } + .projectbox { margin-top: 26px; display: flex; justify-content: center; + .promessage { width: 280px; height: 110px; - background: linear-gradient( - 180deg, - rgba(254, 243, 221, 1), - rgba(255, 250, 240, 1) - ); + background: linear-gradient(180deg, + rgba(254, 243, 221, 1), + rgba(255, 250, 240, 1)); border-radius: 10px; margin-right: 7px; + .messageme { color: rgba(255, 182, 78, 1); font-size: 14px; @@ -2086,21 +1803,22 @@ export default { margin-top: 17px; margin-left: 30px; } + .messagege { color: rgba(153, 155, 163, 1); font-size: 14px; margin-left: 30px; } } + .stumessage { width: 280px; height: 110px; - background: linear-gradient( - 180deg, - rgba(221, 234, 255, 1), - rgba(240, 248, 254, 1) - ); + background: linear-gradient(180deg, + rgba(221, 234, 255, 1), + rgba(240, 248, 254, 1)); border-radius: 10px; + .messageme1 { color: rgba(78, 166, 255, 1); font-size: 14px; @@ -2108,6 +1826,7 @@ export default { margin-top: 17px; margin-left: 30px; } + .messagege1 { color: rgba(153, 155, 163, 1); font-size: 14px; @@ -2115,30 +1834,37 @@ export default { } } } + .send { margin-top: 30px; margin-left: 61px; + .sendtext { margin-left: 11px; color: rgba(109, 117, 132, 1); font-size: 14px; } } + .ckb { margin-top: 20px; margin-left: 62px; + .sendpeo { color: rgba(109, 117, 132, 1); font-size: 14px; } + .ant-checkbox-inner { border-radius: 4px; } } + .pubtn { display: flex; justify-content: center; margin-top: 25px; + //margin-bottom: 29px; .pubtn1 { width: 100px; @@ -2153,6 +1879,7 @@ export default { align-items: center; background: rgba(255, 255, 255, 1); } + .pubtn2 { width: 100px; height: 40px; @@ -2170,23 +1897,28 @@ export default { } } } + .clearfix:before, .clearfix:after { content: " "; display: block; clear: both; } + .CopyModal { .ant-modal { width: 424px !important; height: 258px !important; + .ant-modal-content { width: 424px !important; height: 258px !important; + .ant-modal-body { width: 424px !important; height: 258px !important; padding: 0 !important; + .delete { z-index: 999; width: 424px; @@ -2194,6 +1926,7 @@ export default { background: #ffffff; box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); border-radius: 4px; + // position: absolute; // left: 50%; // top: 10%; @@ -2202,20 +1935,21 @@ export default { position: absolute; width: calc(100%); height: 40px; - background: linear-gradient( - rgba(78, 166, 255, 0.2) 0%, - rgba(78, 166, 255, 0) 100% - ); + background: linear-gradient(rgba(78, 166, 255, 0.2) 0%, + rgba(78, 166, 255, 0) 100%); } + .del_main { width: 100%; position: relative; + .header { display: flex; align-items: center; padding-top: 20px; padding-left: 26px; font-size: 16px; + .icon { width: 16px; height: 16px; @@ -2223,6 +1957,7 @@ export default { background-image: url(@/assets/images/coursewareManage/QR.png); background-size: 100% 100%; } + .close_exit { position: absolute; right: 42px; @@ -2233,6 +1968,7 @@ export default { background-size: 100% 100%; } } + .body { width: 100%; margin: 34px auto 56px auto; @@ -2242,6 +1978,7 @@ export default { flex-direction: column; // background-color: red; position: relative; + .back { position: absolute; top: 30px; @@ -2250,15 +1987,18 @@ export default { color: #666666; } } + .docListStyle { display: flex; width: 300px !important; justify-content: space-around; } + .del_btnbox { display: flex; margin: 30px auto; justify-content: center; + .del_btn { width: 100px; height: 40px; @@ -2270,17 +2010,20 @@ export default { flex-shrink: 0; cursor: pointer; + .btnText { font-size: 14px; font-weight: 400; line-height: 40px; } } + .btn1 { border: 1px solid rgba(64, 158, 255, 1); color: #4ea6ff; margin-right: 14px; } + .btn2 { background-color: #4ea6ff; color: #ffffff; @@ -2292,17 +2035,21 @@ export default { } } } + .facemanageModal { .ant-modal { width: 532px !important; height: 428px !important; + .ant-modal-content { width: 532px !important; height: 428px !important; + .ant-modal-body { width: 532px !important; height: 428px !important; padding: 0 !important; + .delete { z-index: 999; width: 532px; @@ -2310,6 +2057,7 @@ export default { background: #ffffff; box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); border-radius: 4px; + // position: absolute; // left: 50%; // top: 10%; @@ -2318,20 +2066,21 @@ export default { position: absolute; width: calc(100%); height: 68px; - background: linear-gradient( - rgba(78, 166, 255, 0.2) 0%, - rgba(78, 166, 255, 0) 100% - ); + background: linear-gradient(rgba(78, 166, 255, 0.2) 0%, + rgba(78, 166, 255, 0) 100%); } + .del_main { width: 100%; position: relative; + .header { display: flex; align-items: center; padding-top: 20px; padding-left: 26px; font-size: 16px; + .icon { width: 16px; height: 16px; @@ -2339,6 +2088,7 @@ export default { background-image: url(@/assets/images/coursewareManage/QR.png); background-size: 100% 100%; } + .close_exit { position: absolute; right: 42px; @@ -2349,6 +2099,7 @@ export default { background-size: 100% 100%; } } + .body { width: 100%; margin: 34px auto 56px auto; @@ -2358,6 +2109,7 @@ export default { flex-direction: column; // background-color: red; position: relative; + .back { position: absolute; top: 30px; @@ -2366,14 +2118,17 @@ export default { color: #666666; } } + .footerr { display: flex; justify-content: center; align-items: center; + .onload { color: rgba(51, 51, 51, 1); font-size: 14px; } + .onloadpx { width: 80px; height: 32px; @@ -2393,17 +2148,21 @@ export default { } } } + .changeModal { .ant-modal { width: 549px !important; height: 245px !important; + .ant-modal-content { width: 549px !important; height: 245px !important; + .ant-modal-body { padding: 0 !important; width: 549px !important; height: 245px !important; + .con { // background-color: #bfa; width: 100%; @@ -2416,16 +2175,16 @@ export default { position: relative; justify-content: center; - background: linear-gradient( - rgba(78, 166, 255, 0.2) 0%, - rgba(78, 166, 255, 0) 100% - ); + background: linear-gradient(rgba(78, 166, 255, 0.2) 0%, + rgba(78, 166, 255, 0) 100%); + .inhe { width: 80%; height: 100%; display: flex; justify-content: space-between; align-items: center; + .mod { left: 30px; top: 27px; @@ -2434,11 +2193,13 @@ export default { height: 17px; background-image: url(../../assets/images/leveladd/mod.png); } + .tz { color: #000000; font-weight: 400; font-size: 16px; } + .mg { width: 20px; height: 20px; @@ -2448,26 +2209,32 @@ export default { } } } + .mid { width: 100%; display: flex; height: 100%; justify-content: center; + .inher { width: 80%; height: 100%; + .cur { color: #6f6f6f; font-size: 14px; } + .select { margin-top: 10px; } + .btn { width: 100%; display: flex; justify-content: center; margin-top: 30px; + .sameb { width: 100px; height: 40px; @@ -2475,11 +2242,13 @@ export default { border-radius: 8px; } + .btn1 { color: #4ea6ff; background: #ffffff; border: 1px solid #4ea6ff; } + .btn2 { margin-left: 16px; border: 0; @@ -2498,6 +2267,7 @@ export default { .addwrapper { width: 100%; height: 100%; + .addhead { width: 100%; height: 130px; @@ -2505,34 +2275,41 @@ export default { display: flex; align-items: center; position: relative; + .leftimg { width: 151px; height: 100px; border: 10px solid #e7f2ff; border-radius: 8px; margin-left: 20px; + .img { width: 100%; height: 100%; } } + .imgfor { margin-left: 32px; + .forz { color: #363636; font-size: 16px; } + .fort { color: #878b92; font-size: 14px; margin-top: 20px; } } + @media screen and (max-width: 1030px) { .imgfor { margin-left: 20px; } } + .right { // width: 500px; height: 100%; @@ -2541,22 +2318,26 @@ export default { right: 0; display: flex; align-items: center; + .img1 { width: 24px; height: 24px; margin-right: 50px; } + .line { height: 65%; width: 1px; background-color: #e8effa; margin-right: 28px; } + .img2 { width: 42px; height: 42px; margin-right: 22px; } + .pub { color: #ffb64e; font-size: 14px; @@ -2564,18 +2345,21 @@ export default { margin-right: 30px; cursor: pointer; } + .return { color: #4ea6ff; font-size: 14px; margin-top: 10px; margin-right: 60px; } + .more { position: relative; margin-right: 30px; height: 30px; display: flex; align-items: center; + .moreArrow { width: 13px; height: 7px; @@ -2585,6 +2369,7 @@ export default { margin: 2px; margin-left: 15px; } + .moreItems { width: 110px; // height: 80px; @@ -2599,62 +2384,77 @@ export default { top: 30px; z-index: 100; cursor: pointer; + .sammo { text-align: center; margin-top: 12px; cursor: pointer; } + .sammo:hover { color: #4ea6ff; } } + .moreItems:hover { display: block; } } + @media screen and (max-width: 1240px) { .line { margin-right: 10px; } + .img1 { margin-right: 15px; } + .img2 { margin-right: 10px; } + .return { margin-right: 10px; } + .pub { margin-right: 10px; } + .more { margin-right: 10px; } } + .more:hover .moreArrow { background-image: url("../../assets/images/navtop/up.png"); } + .more:hover .moreItems { display: block; } } } + .split { width: 100%; height: 20px; background-color: #edf0f5; } + .bom { .tab { margin-top: 10px; // margin-left: 10px; } - .ant-tabs > .ant-tabs-nav, - .ant-tabs > div > .ant-tabs-nav { + + .ant-tabs>.ant-tabs-nav, + .ant-tabs>div>.ant-tabs-nav { margin-left: 0px !important; padding-left: 32px !important; } + .onerow { //width: 100%; display: flex; @@ -2662,12 +2462,14 @@ export default { position: relative; margin-top: 15px; margin-left: 38px; + //margin-right: 38px; .taskmain { font-size: 18px; padding-top: 7px; color: #000000; } + .btn { position: absolute; top: 0; @@ -2680,6 +2482,7 @@ export default { color: #ffffff; cursor: pointer; } + .editright { position: absolute; right: 38px; @@ -2696,11 +2499,13 @@ export default { width: 15px; height: 15px; } + .editextb { color: #fff; margin-left: 10px; } } + // .edit:hover { // color: #ffffff; // background-color: #409eff; @@ -2710,12 +2515,14 @@ export default { // } // } } + .second { display: flex; justify-content: left; flex-wrap: wrap; margin-top: 40px; margin-left: 20px; + .nubbox { width: 253px; height: 116px; @@ -2727,16 +2534,19 @@ export default { background: #fafbfc; border-radius: 10px; margin-left: 15px; + .nub1 { color: #ffb54a; font-size: 30px; font-weight: 700; } + .nub2 { color: #6d7584; font-size: 14px; } } + .taskbox { width: 412px; height: 160px; @@ -2745,21 +2555,25 @@ export default { margin-left: 68px; margin-bottom: 40px; cursor: pointer; + .leftt { position: absolute; top: 18px; left: 0; } + .photo { position: absolute; top: 42px; left: 37px; } + .rightt { position: absolute; top: 69px; right: 26px; } + .centerbox { position: absolute; top: 52px; @@ -2768,6 +2582,7 @@ export default { font-weight: 700; //line-height: 36px; } + .centermain { color: rgba(135, 139, 146, 1); font-size: 14px; @@ -2777,9 +2592,11 @@ export default { } } } + .stagemess { display: flex; margin-left: 38px; + .stage1 { width: 100px; height: 33px; @@ -2793,6 +2610,7 @@ export default { margin-top: 19px; cursor: pointer; } + .stage2 { width: 100px; height: 33px; @@ -2808,67 +2626,82 @@ export default { cursor: pointer; } } + .stagesecond { display: flex; margin-left: 39px; margin-top: 29px; + .staname { color: #999ba3; font-size: 14px; } + .stamess { color: #4f5156; font-size: 14px; } } + .stagelast { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 55px; + .stagepro { display: flex; flex-direction: column; align-items: center; margin-top: 55px; margin-right: 120px; + .ant-progress-circle-path { stroke: #4ea6ff; } + .ant-progress-text { color: #4ea6ff; font-weight: 700; } + .protext { color: #6d7584; font-size: 14px; margin-top: 25px; } } + .proright { width: 500px; margin-top: 55px; margin-left: 50px; + .ant-progress-bg { height: 24px !important; background: #4ea6ff; } + .ant-progress-inner { height: 24px; } + .pronub { color: #4ea6ff; font-size: 14px; margin: 5px 0; } + .proright1 { display: flex; justify-content: right; + .textpro { color: #6d7584; font-size: 14px; margin-right: 20px; } + .ant-progress-text { color: #4ea6ff; font-size: 14px; @@ -2877,17 +2710,21 @@ export default { } } } + .sametab { // margin-left: 30px; // margin-right: 30px; margin-top: 30px; width: 100%; + // background-color: green; .Lhead { display: flex; + .btns { display: flex; margin-left: 20px; + // flex-wrap: wrap; .btn { padding: 0px 26px 0px 26px; @@ -2901,9 +2738,11 @@ export default { margin-right: 14px; flex-shrink: 0; cursor: pointer; + .search { background-size: 100%; } + .btnText { font-size: 14px; font-weight: 400; @@ -2912,6 +2751,7 @@ export default { margin-left: 5px; } } + .btn1 { .search { width: 15px; @@ -2919,6 +2759,7 @@ export default { background-image: url("../../assets/images/courseManage/search1.png"); } } + .btn2 { .search { width: 16px; @@ -2926,46 +2767,59 @@ export default { background-image: url("../../assets/images/courseManage/reset1.png"); } } + .btn3 { margin-right: 0px; + .search { width: 17px; height: 18px; background-image: url("../../assets/images/courseManage/add1.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); + .search { background-image: url("../../assets/images/courseManage/reset0.png"); } + .btnText { color: #ffffff; } } + .btn3:hover { background: rgba(64, 158, 255, 1); + .search { background-image: url("../../assets/images/courseManage/add0.png"); } + .btnText { color: #ffffff; } } } } + .Lbom { position: relative; margin-bottom: 20px; + .item { width: 100%; height: 200px; @@ -2973,6 +2827,7 @@ export default { margin-top: 40px; border-radius: 8px; border: 1px solid #f0f4fe; + .itemhead { height: 50px; width: 100%; @@ -2980,6 +2835,7 @@ export default { display: flex; align-items: center; position: relative; + .lev { margin-left: 27px; margin-right: 16px; @@ -2987,64 +2843,77 @@ export default { color: #409eff; font-size: 16px; } + .lin { width: 1px; height: 35%; background-color: #c7cbd2; } + .nam { margin-left: 16px; color: #4f5156; line-height: 100%; font-size: 16px; } + .count { position: absolute; line-height: 100%; color: #4f5156; font-size: 14px; right: 40px; + span:nth-child(2) { color: #63ca8c; } } } + .itembomm { display: flex; align-items: center; height: 150px; + .it { // margin-left: 110px; // margin-right: 110px; width: 13%; text-align: center; + .on { font-size: 30px; } + .ittext { color: #4f5156; margin-top: 16px; margin-left: -5px; } } + .linee { background-color: #ecf2fb; width: 1px; height: 55%; } + .itright { position: absolute; right: 45px; display: flex; + .te { color: #4ea6ff; font-size: 14px; cursor: pointer; } + .more { position: relative; height: 30px; display: flex; + .moreArrow { width: 13px; height: 7px; @@ -3055,6 +2924,7 @@ export default { margin-left: 7px; margin-top: 6px; } + .moreItems { width: 80px; height: 70px; @@ -3067,6 +2937,7 @@ export default { left: 0px; top: 20px; z-index: 100; + .roleItem { font-size: 14px; font-weight: 400; @@ -3076,14 +2947,17 @@ export default { justify-content: center; cursor: pointer; } + .roleItem:hover { color: #4ea6ff; } } } + .more:hover .moreArrow { background-image: url("../../assets/images/navtop/up.png"); } + .more:hover .moreItems { display: block; } @@ -3093,12 +2967,15 @@ export default { .show { color: blue; } + .noshow { display: none; } } + .create { margin-top: 40px; + .taskbox { width: 412px; height: 160px; @@ -3107,21 +2984,25 @@ export default { // margin-left: 68px; margin-bottom: 40px; cursor: pointer; + .leftt { position: absolute; top: 18px; left: 0; } + .photo { position: absolute; top: 42px; left: 37px; } + .rightt { position: absolute; top: 69px; right: 26px; } + .centerbox { position: absolute; top: 52px; @@ -3130,6 +3011,7 @@ export default { font-weight: 700; //line-height: 36px; } + .centermain { color: rgba(135, 139, 146, 1); font-size: 14px; @@ -3141,6 +3023,7 @@ export default { } } } + .cont { display: flex; @@ -3158,12 +3041,14 @@ export default { position: relative; margin-top: 15px; margin-left: 38px; + //margin-right: 38px; .taskmain { font-size: 18px; padding-top: 7px; color: #000000; } + .btn { position: absolute; top: 0; @@ -3176,6 +3061,7 @@ export default { color: #ffffff; cursor: pointer; } + .edit { position: absolute; right: 38px; @@ -3185,6 +3071,7 @@ export default { height: 40px; border: 1px solid #409eff; border-radius: 8px; + .editimg { width: 15px; height: 15px; @@ -3192,19 +3079,23 @@ export default { margin-left: 25px; margin-right: 5px; } + .editext { line-height: 40px; } } + .edit:hover { color: #ffffff; background-color: #409eff; cursor: pointer; + .editimg { background-image: url("../../assets/images/projectadd/edit1.png"); } } } + .taskbox { width: 412px; height: 160px; @@ -3214,21 +3105,25 @@ export default { margin-bottom: 10px; margin-top: 10px; cursor: pointer; + .leftt { position: absolute; top: 18px; left: 0; } + .photo { position: absolute; top: 42px; left: 37px; } + .rightt { position: absolute; top: 69px; right: 26px; } + .centerbox { position: absolute; top: 52px; @@ -3237,6 +3132,7 @@ export default { font-weight: 700; //line-height: 36px; } + .centermain { color: rgba(135, 139, 146, 1); font-size: 14px; @@ -3245,6 +3141,7 @@ export default { bottom: 49px; } } + .taskSyllabus { // flex: 1; overflow-x: auto; @@ -3255,13 +3152,15 @@ export default { min-width: 1040px; } - .ant-collapse-content > .ant-collapse-content-box { + .ant-collapse-content>.ant-collapse-content-box { padding-top: 0px; padding-bottom: 0px; } - .ant-collapse > .ant-collapse-item { + + .ant-collapse>.ant-collapse-item { border: 0px; } + .ant-collapse-header { display: flex; height: 49px; @@ -3274,14 +3173,17 @@ export default { font-weight: 400; color: #409eff; line-height: 36px; + .ant-collapse-arrow { margin-left: 15px !important; } } + .ant-collapse-content { border-top: 0px; } } + .course { //width: 100%; flex-shrink: 0; @@ -3296,6 +3198,7 @@ export default { //margin: 0 12px; border: 1px solid #f2f6fc; border-top: 0px; + .first { //position: relative; display: flex; @@ -3311,6 +3214,7 @@ export default { font-size: 16px; margin-left: 4px; } + .icontext { //positipn: absolute; color: #999ba3; @@ -3319,12 +3223,14 @@ export default { width: 83px; } } + .type { //height: 71px; display: flex; flex-grow: 1; align-items: center; margin-right: 50px; + .typename { width: 63px; height: 23px; @@ -3334,6 +3240,7 @@ export default { border-radius: 4px; text-align: center; } + .typename1 { width: 63px; height: 23px; @@ -3344,28 +3251,34 @@ export default { text-align: center; } } + .time { //height: 71px; flex-grow: 1; margin-right: 50px; + .timetext { font-size: 14px; color: #999ba3; } } + .progress { width: 168px; margin-left: 10px; margin-right: 50px; flex-grow: 1; + .progresstext { color: #ffc067; font-size: 14px; } } + .operations { display: flex; width: 200px; + //flex-grow: 1; .operation { color: #4ea6ff; @@ -3384,19 +3297,24 @@ export default { margin-top: 30px; display: flex; margin-bottom: 20px; + // overflow-x: auto; .pad { height: 100%; width: 40px; flex-shrink: 0; } + .xin { width: 100%; + .xhead { display: flex; + .btns { display: flex; margin-left: 20px; + // flex-wrap: wrap; .btn { padding: 0px 26px 0px 26px; @@ -3410,9 +3328,11 @@ export default { margin-right: 14px; flex-shrink: 0; cursor: pointer; + .search { background-size: 100%; } + .btnText { font-size: 14px; font-weight: 400; @@ -3421,6 +3341,7 @@ export default { margin-left: 5px; } } + .btn1 { .search { width: 15px; @@ -3428,6 +3349,7 @@ export default { background-image: url("../../assets/images/courseManage/search1.png"); } } + .btn2 { .search { width: 16px; @@ -3435,46 +3357,59 @@ export default { background-image: url("../../assets/images/courseManage/reset1.png"); } } + .btn3 { margin-right: 0px; + .search { width: 17px; height: 18px; background-image: url("../../assets/images/courseManage/add1.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); + .search { background-image: url("../../assets/images/courseManage/reset0.png"); } + .btnText { color: #ffffff; } } + .btn3:hover { background: rgba(64, 158, 255, 1); + .search { background-image: url("../../assets/images/courseManage/add0.png"); } + .btnText { color: #ffffff; } } } } + .xheadb { display: flex; margin-top: 30px; + .addx { width: 130px; height: 40px; @@ -3485,6 +3420,7 @@ export default { cursor: pointer; margin-right: 20px; } + .addd { width: 130px; height: 40px; @@ -3495,25 +3431,30 @@ export default { cursor: pointer; margin-right: 20px; } + .select { .ant-select { // // border: 0 !important; border-radius: 11px; + .ant-select-selector { border: 1px solid #4ea6ff !important; + .ant-select-selection-placeholder { padding-left: 15px; color: #4ea6ff; } } } + .ant-select-selection-item { padding-left: 15px; color: #4ea6ff; } } } + .talk { margin-top: 24px; margin-bottom: 11px; @@ -3524,30 +3465,36 @@ export default { // opacity: 0.22; display: flex; align-items: center; + .im { width: 14px; height: 15px; margin-left: 27px; margin-top: -3px; } + .xu { height: 100%; line-height: 50px; margin-left: 13px; + .yi { color: #4f5156; font-size: 14px; } + .zon { color: #999ba3; font-size: 14px; margin-left: 34px; } + .th { color: #4ea6ff; } } } + .tableBox { margin-bottom: 80px; @@ -3555,26 +3502,29 @@ export default { margin-left: 11px !important; padding-left: 9px !important; } + .ant-checkbox-wrapper { align-items: center; margin-top: -2px; } + .ant-table-selection-column { padding: 0px !important; padding-left: 38px !important; } - .ant-table-thead > tr > th { + + .ant-table-thead>tr>th { background-color: rgba(239, 244, 252, 1); } + th.h { background-color: #eff4fc !important; } - .ant-table-tbody - > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) - > td { + .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td { background: #f6f9fd; } + .pa { left: 0; width: 100%; @@ -3588,37 +3538,46 @@ export default { } } } + .Gcon { display: flex; + .pad { height: 100%; width: 40px; } + .Gin { // background-color: #bfa; margin-top: 30px; + .headone { // background-color: red; display: flex; text-align: center; + .box { width: 4px; height: 20px; background-color: #409eff; border-radius: 2px; } + .onetitle { margin-left: 15px; color: #333333; font-size: 14px; } + .oneedi { margin-left: 15px; color: #4ea6ff; cursor: pointer; } + .twobtn { display: flex; + .btnone { width: 42px; height: 24px; @@ -3628,6 +3587,7 @@ export default { margin-left: 20px; cursor: pointer; } + .btntwo { width: 42px; height: 24px; @@ -3640,33 +3600,40 @@ export default { } } } + .onemain { margin-top: 20px; margin-left: 55px; color: #6f6f6f; font-size: 14px; + .checkcon { position: relative; + .in { position: absolute; // margin-top: 10px; left: 0; top: 3px; } + .yulan { // color: yellow; margin-left: 22px; // display: inline-block; } + .yulan2 { margin-left: 22px; } + .ant-input-number { height: 24px; width: 24px; margin: 10px; border-radius: 4px; border: 1px solid #6d7584; + .ant-input-number-input { width: 100%; height: 100%; @@ -3678,58 +3645,72 @@ export default { } } } + .twomain { margin-left: 20px; margin-top: 20px; + .ant-switch-checked { background-color: #5dc988; } + .info { margin-left: 10px; color: #6f6f6f; font-size: 14px; // margin-top: 10px; } + .infor { margin-left: 38px; margin-top: 10px; color: #c7cbd2; font-size: 14px; } + .chooseshow { // background-color: red; margin-left: 38px; margin-top: 12px; + .fane { color: #6f6f6f; font-size: 14px; } } + .choo { display: none; } + .btm { margin-left: 38px; margin-top: 20px; + .bmo { color: #6f6f6f; font-size: 14px; } + .bmt { color: #c7cbd2; font-size: 14px; margin-top: 3px; } + .chosecon { display: flex; margin-top: 6px; margin-bottom: 20px; + .chose { position: relative; + .inl { position: absolute; top: 2px; } + .sh { margin-left: 23px; color: #6f6f6f;