diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue index 14a8544d..46b66500 100644 --- a/src/views/projectcenter/TaskPage.vue +++ b/src/views/projectcenter/TaskPage.vue @@ -208,153 +208,194 @@ - -
-
-
任务大纲
- - - - 编辑 - -
-
- - - -
编辑 + +
+
+ + + -
-
- +
+ +
+
+
+ +
+
+
+
「{{ item.course }}」
+
{{ item.name }}
+
-
-
「{{ item.course }}」
-
{{ item.name }}
-
-
-
-
- {{ item.classify }} -
-
-
-
开始时间
-
{{ item.beginTime }}
-
-
-
- {{ item.complete }}/{{ item.total }}人 -
-
- - {{ item.percent }}% +
+ {{ item.classify }} +
-
-
-
- 学员 +
+
开始时间
+
{{ item.beginTime }}
-
- 考勤 +
+
+ {{ item.complete }}/{{ item.total }}人 +
+
+ + {{ item.percent }}% +
-
+
+ 学员 +
+
+ 考勤 +
+
+ 二维码 +
+
- 二维码 -
-
- 管理 + item.course === '调研' || + item.course === '投票' || + item.course === '活动' + ? showTime(item.course, item.name) + : item.course === '考试' || item.course === '测评' + ? showTest(item.course, item.name) + : item.course === '面授' + ? showFace(item.course) + : item.course === '作业' + ? showWork(item.course) + : null + " + > + 管理 +
-
- - + + +
+
- -
@@ -2461,7 +2502,6 @@ export default { background-color: #edf0f5; } .content { - //display: flex; //margin: 0 37px; .ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-bottom > .ant-tabs-nav::before, @@ -2695,10 +2735,15 @@ export default { } } .taskSyllabus { + // flex: 1; + overflow-x: scroll; + .ant-collapse { border: 0px; background-color: rgba(255, 255, 255, 0); + min-width: 1040px; } + .ant-collapse-content > .ant-collapse-content-box { padding-top: 0px; padding-bottom: 0px; @@ -2746,12 +2791,15 @@ export default { } .course { //width: 100%; + flex-shrink: 0; + margin-right: 24px; + display: flex; flex-wrap: wrap; align-items: center; padding: 25px 0px; margin-left: 22px; - margin-right: 24px; + //margin: 0 12px; border: 1px solid #f2f6fc; border-top: 0px; @@ -2768,12 +2816,13 @@ export default { //position: absolute; color: #4f5156; font-size: 16px; + margin-left: 4px; } .icontext { //positipn: absolute; color: #999ba3; font-size: 14px; - margin-left: 8px; + margin-left: 12px; width: 83px; } }