feat:合并

src/views/learningpath/LevelAddDetail.vue

@@ -17,9 +17,9 @@
           > -->
           <div
             class="items"
-            :class=" isactive == index && isActive == true ? 'active' : '' "
+            :class="isactive == index && isActive == true ? 'active' : ''"
             @click="changebgc(index)"
-            v-for="( item , index ) in level"
+            v-for="(item, index) in level"
             :key="item.id"
           >
             <div class="items1">
@@ -49,7 +49,7 @@
       centered="true"
       :footer="null"
       :closable="clos"
-      wrapClassName="AddLevel"
+      wrapClassName="AddLevell"
     >
       <div class="header">
         <div class="headmain">
@@ -86,7 +86,7 @@
           </div>
           <div class="btn">
             <button class="btn1">取消</button>
-            <button class="btn2">确定</button>
+            <button class="btn2" @click="editChapter">确定</button>
           </div>
         </div>
       </div>
@@ -504,6 +504,8 @@
 import { reactive, toRefs, onMounted, onUnmounted } from "vue";
 import AddStu from "../../components/drawers/AddLevelAddStu";
 import ImpStu from "../../components/drawers/AddLevelImportStu";
+import * as api from "../../api/level";
+import { message } from "ant-design-vue";
 export default {
   name: "LevelAddDetail",
   components: {
@@ -808,11 +810,36 @@ export default {
       isActive: false,
       projectChecked: null, //项目单选框
     });
+
+    //新建或编辑关卡
+    const editChapter = () => {
+      let obj = {
+        name: state.value1,
+        remark: state.value2,
+        routerId: 0,
+      };
+      api
+        .editChapter(obj)
+        .then((res) => {
+          setTimeout(() => {
+            console.log("创建成功", res);
+            message.success("创建成功");
+            // state.createLoading = false;
+            //state.currentPage = 1;
+            // getLearnPath();
+          }, 1000);
+        })
+        .catch((err) => {
+          console.log("创建失败", err);
+        });
+    }
     const showDrawer = () => {
       state.visible = true;
     };
     const closeDrawer = () => {
       state.visible = false;
+      state.value1 = "";
+      state.value2 = "";
     };
     const showModal = () => {
       state.modal = true;
@@ -1164,6 +1191,7 @@ export default {
       showDeleteALLModal,
       delete_exit,
       drawertableColumns,
+      editChapter,
     };
   },
 };
@@ -1176,7 +1204,7 @@ export default {
   display: block;
   clear: both;
 }
-.AddLevel {
+.AddLevell {
   .ant-modal {
     width: 624px !important;
     height: 388px !important;
@@ -1507,7 +1535,7 @@ export default {
         }
         .active {
           opacity: 1;
-          transition:all .5s;
+          transition: all 0.5s;
         }
       }
     }