update

src/components/pages/student/addCourse.vue

@@ -75,9 +75,15 @@
                             }" v-for="(t, tIndex) in unitJson[unitIndex].chapterInfo[0]
     .taskJson" :key="tIndex" @click="goToTask(tIndex)">
                                 <div>任务{{ tIndex + 1 }}</div>
-                                <el-tooltip effect="light" :content="t.task" placement="top">
-                                    <div>{{ t.task }}</div>
-                                </el-tooltip>
+                                <div>
+                                    <el-tooltip effect="light" :content="t.task" placement="top">
+                                        <span>{{ t.task }}</span>
+                                    </el-tooltip>
+                                </div>
+                                <div class="moveBtn" v-if="unitJson[unitIndex].chapterInfo[0].taskJson.length > 1">
+                                    <div class="chapter_upload_up" style="width: 15px;height: 15px;" @click.stop="taskMove(1, tIndex)"></div>
+                                    <div class="chapter_upload_down" style="width: 15px;height: 15px;margin: 2px 0 0;" @click.stop="taskMove(2, tIndex)"></div>
+                                </div>
                             </div>
                         </div>
                     </div>
@@ -2151,7 +2157,7 @@
                                         <div class="lbox">
                                             <img src="../../../assets/loading.gif" />上传中，请稍后
                                         </div>
-                                        <div>
+                                        <div style="margin-bottom: 10px">
                                             <span>{{ isFinishSize }}M</span> / <span>{{ isAllSize }}M</span>
                                         </div>
                                         <el-progress :text-inside="true" :stroke-width="20" :percentage="progress"
@@ -6888,6 +6894,22 @@ export default {
                 document.getElementsByClassName("taskBorder")[i].offsetTop - 100;
             this.isClickColor = i + 1;
         },
+        taskMove(type, index) {
+            if (type == 1) {
+                if (index > 0) {
+                let a = JSON.parse(JSON.stringify(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index - 1]))
+                this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index - 1] = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index]
+                this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index] = a
+                }
+            } else {
+                if (index < this.unitJson[this.unitIndex].chapterInfo[0].taskJson.length - 1) {
+                let a = JSON.parse(JSON.stringify(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index + 1]))
+                this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index + 1] = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index]
+                this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index] = a
+                }
+            }
+            this.$forceUpdate();
+        },
         addGroup(i) {
             // this.groupJson.group.splice(i + 1, 0, { name: "第"+(i+1)+"组" });
             this.groupJson.group.push({
@@ -9427,7 +9449,7 @@ ol {
 }
 
 .progressBox .lbox {
-    height: 100px;
+    height: 80px;
     font-size: 16px;
     display: flex;
     align-items: center;
@@ -9442,18 +9464,6 @@ ol {
     background-color: #d1dfff !important;
 }
 
-.progressBox .lbox {
-    height: 100px;
-    font-size: 19px;
-    display: flex;
-    align-items: center;
-}
-
-.progressBox .lbox img {
-    width: 40px;
-    margin-right: 20px;
-}
-
 .mask .lbox2 {
     height: 100%;
     width: 100%;
@@ -9663,14 +9673,14 @@ ol {
     margin-bottom: 20px;
     box-shadow: 0 0 10px 10px #f7f7f7;
     background: #f7f7f7;
+    border-radius: 15px;
+    overflow: hidden;
 }
 
 .navTop {
     background: #53749b;
     color: #fff;
     height: 40px;
-    border-top-left-radius: 15px;
-    border-top-right-radius: 15px;
     line-height: 40px;
     padding-left: 15px;
     font-size: 18px;
@@ -9680,8 +9690,6 @@ ol {
     background: #6b91b7;
     height: 180px;
     overflow: auto;
-    border-bottom-left-radius: 15px;
-    border-bottom-right-radius: 15px;
 }
 
 .navTask {
@@ -9710,7 +9718,8 @@ ol {
 
 .navTask>div:nth-child(2) {
     color: #fff;
-    max-width: 130px;
+    /* max-width: 130px; */
+    width: 130px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -10097,4 +10106,11 @@ ol {
 
 .f_size_box>div {
     margin: 0 8px;
-}</style>
+}
+.moveBtn{
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  width: 40px;
+}
+</style>