优化代码逻辑

src/views/education/create-component.vue

@@ -286,7 +286,7 @@
                 > -->
                  <div
                   v-for="(item1, index1) in showData(item.templetModelList)"
-                  :key="index1"
+                  :key="item1.id"
                 >
                   <el-form
                     ref="templateForm"
@@ -321,7 +321,7 @@
                         </div>
                         <div
                           v-for="(item2, index2) in item1.partModelList"
-                          :key="index2"
+                          :key="item2.id"
                         >
                           <!-- 考试 -->
                           <div v-if="item2.type == 1">
@@ -331,7 +331,7 @@
                             <div
                               v-for="(item3,
                               index3) in item2.partContentModelList"
-                              :key="index3"
+                              :key="item3.id"
                             >
                               <el-row>
                                 <el-col :span="10" class="item-icon">
@@ -653,7 +653,7 @@
                   <el-pagination
                     :current-page="pageNo"
                     :page-size="pageSize"
-                    :page-sizes="[1, 2, 3, 5, 10]"
+                    :page-sizes="[3]"
                     layout="total, sizes, prev, pager, next, jumper"
                     :total="item.templetModelList.length"
                     @size-change="handleSizeChange"
@@ -895,7 +895,7 @@ export default {
         status: "",
       },
       pageNo: 1,
-      pageSize: 2,
+      pageSize: 3,
       componentList: {
         moduleModelList: [
           {
@@ -972,6 +972,11 @@ export default {
   computed: {
     ...mapGetters(["_token", "idType"]),
   },
+  watch: {
+    firstTab() {
+      this.pageNo = 1;
+    }
+  },
   created() {
     console.log("#######==========#####");
     vm = this;
@@ -1300,20 +1305,26 @@ export default {
           examName = vm.testIdSelect[i].onlineExamName;
         }
       }
-      if (
-        !vm.componentList.moduleModelList[vm.examIndex].templetModelList[
-          vm.examIndex1
-        ].partModelList[vm.examIndex2].partContentModelList[vm.examIndex3]
-          .content1
-      ) {
-        vm.componentList.moduleModelList[vm.examIndex].templetModelList[
+      vm.componentList.moduleModelList[vm.examIndex].templetModelList[
           vm.examIndex1
         ].partModelList[vm.examIndex2].partContentModelList[
           vm.examIndex3
         ].content1 = examName;
-      }
+      // if (
+      //   !vm.componentList.moduleModelList[vm.examIndex].templetModelList[
+      //     vm.examIndex1
+      //   ].partModelList[vm.examIndex2].partContentModelList[vm.examIndex3]
+      //     .content1
+      // ) {
+      //   vm.componentList.moduleModelList[vm.examIndex].templetModelList[
+      //     vm.examIndex1
+      //   ].partModelList[vm.examIndex2].partContentModelList[
+      //     vm.examIndex3
+      //   ].content1 = examName;
+      // }
     },
-    examIDfocus(index, index1, index2, index3) {
+    examIDfocus(index, index1flag, index2, index3) {
+      let index1 = index1flag + (this.pageNo-1) * this.pageSize;
       vm.examIndex = index;
       vm.examIndex1 = index1;
       vm.examIndex2 = index2;
@@ -1341,20 +1352,26 @@ export default {
           courseName = vm.courseIdSelect[i].name;
         }
       }
-      if (
-        !vm.componentList.moduleModelList[vm.courseIndex].templetModelList[
-          vm.courseIndex1
-        ].partModelList[vm.courseIndex2].partContentModelList[vm.courseIndex3]
-          .content1
-      ) {
-        vm.componentList.moduleModelList[vm.courseIndex].templetModelList[
+       vm.componentList.moduleModelList[vm.courseIndex].templetModelList[
           vm.courseIndex1
         ].partModelList[vm.courseIndex2].partContentModelList[
           vm.courseIndex3
         ].content1 = courseName;
-      }
+      // if (
+      //   !vm.componentList.moduleModelList[vm.courseIndex].templetModelList[
+      //     vm.courseIndex1
+      //   ].partModelList[vm.courseIndex2].partContentModelList[vm.courseIndex3]
+      //     .content1
+      // ) {
+      //   vm.componentList.moduleModelList[vm.courseIndex].templetModelList[
+      //     vm.courseIndex1
+      //   ].partModelList[vm.courseIndex2].partContentModelList[
+      //     vm.courseIndex3
+      //   ].content1 = courseName;
+      // }
     },
-    courseIDfocus(index, index1, index2, index3) {
+    courseIDfocus(index, index1flag, index2, index3) {
+      let index1 = index1flag + (this.pageNo-1) * this.pageSize;
       vm.courseIndex = index;
       vm.courseIndex1 = index1;
       vm.courseIndex2 = index2;
@@ -1626,7 +1643,8 @@ export default {
     },
 
     // 删除模板前
-    beforeDeleteTemplate(index, index1) {
+    beforeDeleteTemplate(index, index1flag) {
+      let index1 = index1flag + (this.pageNo-1) * this.pageSize;
       vm.$confirm(
         "确定要删除此模板吗？<br/>（<span style='color:red;font-size:12px;'>如需更新学情报告，可通过上下架项目实现</span>）",
         "提示",
@@ -1675,7 +1693,8 @@ export default {
     },
 
     // 课程排序-向上
-    sortCourseUp(index, index1, index2, index3) {
+    sortCourseUp(index, index1flag, index2, index3) {
+      let index1 = index1flag + (this.pageNo-1) * this.pageSize;
       // 不是第一个元素，才可能上移
       if (index3 > 0) {
         let item = vm.componentList.moduleModelList[index].templetModelList[
@@ -1693,7 +1712,8 @@ export default {
     },
 
     // 课程排序-向下
-    sortCourseDown(index, index1, index2, index3) {
+    sortCourseDown(index, index1flag, index2, index3) {
+      let index1 = index1flag + (this.pageNo-1) * this.pageSize;
       let pLength =
         vm.componentList.moduleModelList[index].templetModelList[index1]
           .partModelList[index2].partContentModelList.length - 1;
@@ -1715,8 +1735,9 @@ export default {
     },
 
     // 添加多个课程
-    addMatterCourse(index, index1, index2) {
-      console.log(index, index1, index2);
+    addMatterCourse(index, index1flag, index2) {
+      console.log(index, index1flag, index2);
+      let index1 = index1flag + (this.pageNo-1) * this.pageSize;
       for (let i = 0; i < vm.componentList.moduleModelList.length; i++) {
         if (index == i) {
           for (
@@ -1758,7 +1779,8 @@ export default {
     },
 
     // 删除多个课程(多个考试)元件的确认框
-    beforeDeleteMatterCourse(index, index1, index2, index3) {
+    beforeDeleteMatterCourse(index, index1flag, index2, index3) {
+      let index1 = index1flag + (this.pageNo-1) * this.pageSize;
       // 删除模块前进行确认
       vm.$confirm(
         "确定要删除此课程吗？<br>（<span style='color:red;font-size:12px;'>如需更新学情报告，可通过上下架项目实现</span>）",
@@ -1830,7 +1852,8 @@ export default {
       }
     },
     // 模板下移
-    sortUp(index, index1) {
+    sortUp(index, index1flag) {
+      let index1 = index1flag + (this.pageNo-1) * this.pageSize;
       for (let i = 0; i < vm.componentList.moduleModelList.length; i++) {
         if (index == i) {
           if (
@@ -1856,7 +1879,8 @@ export default {
       }
     },
     // 模板下移
-    sortDown(index, index1) {
+    sortDown(index, index1flag) {
+      let index1 = index1flag + (this.pageNo-1) * this.pageSize;
       for (let i = 0; i < vm.componentList.moduleModelList.length; i++) {
         if (index == i) {
           if (index1 != 0) {