fix:增加添加修改阶段动画

src/views/learningpath/LevelAdd.vue

@@ -694,63 +694,78 @@
                     </div>
                     <div class="onemain clearfix">
                       <div class="checkcon">
-                        <input
+                        <a-checkbox
+                          class="in"
+                          :disabled="number"
+                          v-model:checked="previewSelect"
+                        ></a-checkbox>
+                        <!-- <input
                           type="checkbox"
                           name="cb1"
-                          value="yulan"
+                          v-model:  ="previewSelect"
                           class="in"
-                        />
+                          :disabled="number"
+                        /> -->
                         <span class="yulan">预览其他关卡</span><br />
                         <div style="width: 10px; height: 4px"></div>
                         <div style="display: flex; align-items: center">
                           <span class="yulan2">学员可预览第</span>
-                          <span style="color: #4ea6ff" v-show="number">1</span>
+                          <span style="color: #4ea6ff" v-show="number">{{
+                            previewStartNum
+                          }}</span>
                           <a-input-number
-                            v-model:value="nubvalue"
+                            v-model:value="previewStartNum"
                             v-show="inputbox"
                             :controls="false"
                             :autofocus="true"
-                            :min="1"
+                            :min="0"
                           />
                           <span>关-第</span
-                          ><span style="color: #4ea6ff" v-show="number">4</span>
+                          ><span style="color: #4ea6ff" v-show="number">{{
+                            previewEndNum
+                          }}</span>
                           <a-input-number
-                            v-model:value="nubvalue1"
+                            v-model:value="previewEndNum"
                             v-show="inputbox"
                             :controls="false"
                             :autofocus="true"
-                            :min="1"
+                            :min="0"
                           />
                           <span>关内容</span>
                         </div>
                       </div>
                       <div class="checkcon" style="margin-top: 20px">
-                        <input
+                        <!-- <input
                           type="checkbox"
                           name="cb1"
-                          value="xuexi"
+                          v-model:value="studySelect"
                           class="in"
-                        />
+                          :disabled="number"
+                        /> -->
                         <span class="yulan">学习其他关卡</span><br />
                         <div style="width: 10px; height: 4px"></div>
                         <div style="display: flex; align-items: center">
-                          <span class="yulan2">学员可预览第</span>
-                          <span style="color: #4ea6ff" v-show="number">1</span>
+                          <span class="yulan2">学员可学习第</span>
+                          <span style="color: #4ea6ff" v-show="number">{{
+                            studyStartNum
+                          }}</span>
                           <a-input-number
-                            v-model:value="nubvalue2"
+                            v-model:value="studyStartNum"
                             v-show="inputbox"
                             :controls="false"
                             :autofocus="true"
-                            :min="1"
+                            :min="0"
                           />
                           <span>关-第</span
-                          ><span style="color: #4ea6ff" v-show="number">4</span>
+                          ><span style="color: #4ea6ff" v-show="number">{{
+                            studyEndNum
+                          }}</span>
                           <a-input-number
-                            v-model:value="nubvalue3"
+                            v-model:value="studyEndNum"
                             v-show="inputbox"
                             :controls="false"
                             :autofocus="true"
-                            :min="1"
+                            :min="0"
                           />
                           <span>关内容</span>
                         </div>
@@ -1461,6 +1476,11 @@ export default {
           name: "关卡二xx",
         },
       ],
+
+      previewStartNum: 0,
+      previewEndNum: 0,
+      studyStartNum: 0,
+      studyEndNum: 0,
     });
 
     const tableDataFunc = () => {
@@ -3740,7 +3760,7 @@ export default {
         //height: 71px;
         margin-left: 12px;
         margin-right: 50px;
- width: 120px;
+        width: 120px;
         .iconame {
           //position: absolute;
           color: #4f5156;

src/views/learningpath/LevelAddDetail.vue

@@ -168,6 +168,15 @@
             </div>
           </div>
         </div>
+        <div
+          class="aeLoading"
+          :style="{ display: addLoading ? 'flex' : 'none' }"
+        >
+          <a-spin
+            :spinning="addLoading"
+            :tip="updateChapterID ? '修改中...' : '添加中...'"
+          />
+        </div>
       </a-modal>
       <div class="right" :style="{ display: gqxy_hs ? 'block' : 'none' }">
         <div class="addhead">
@@ -1202,6 +1211,8 @@ export default {
       curLevel: null, //选择移动到的关卡名称
 
       deleteType: null, //批量删除学员/任务 1：任务 2：学员
+
+      addLoading: false, //添加编辑关卡动画
     });
 
     const showModal = (element) => {
@@ -1223,6 +1234,7 @@ export default {
     //新建关卡
     const editChapter = () => {
       if (!state.value1) return message.warning("请输入关卡名称");
+      state.addLoading = true;
       if (state.updateChapterID) {
         let obj = {
           name: state.value1,
@@ -1235,6 +1247,7 @@ export default {
           .then((res) => {
             console.log("修改成功", res);
             message.success("修改成功");
+            state.addLoading = false;
             getDetail();
             closeModal();
           })
@@ -1262,6 +1275,7 @@ export default {
             // state.createLoading = false;
             //state.currentPage = 1;
             // getLearnPath();
+            state.addLoading = false;
             getDetail();
             closeModal();
           })
@@ -1421,7 +1435,7 @@ export default {
           //给level赋初始值
           state.level = res.data.data.chapterList;
           state.styTitle = res.data.data.routerInfo.name;
-          state.creTime = res.data.data.routerInfo.createTime ;
+          state.creTime = res.data.data.routerInfo.createTime;
           state.picUrl = res.data.data.routerInfo.picUrl;
           //增加两个字段
           state.level.forEach((item) => {

src/views/projectcenter/TaskAdd.vue

@@ -823,6 +823,15 @@
             </button>
           </div>
         </div>
+        <div
+          class="aeLoading"
+          :style="{ display: addLoading ? 'flex' : 'none' }"
+        >
+          <a-spin
+            :spinning="addLoading"
+            :tip="updateStageID ? '修改中...' : '添加中...'"
+          />
+        </div>
       </a-modal>
     </div>
     <!-- 确认添加阶段弹窗 -->
@@ -1154,6 +1163,8 @@ export default {
       deleteStageModal: false, //删除阶段弹窗
 
       unlockModeVisible: false, //切换模式抽屉
+
+      addLoading: false, // 添加编辑阶段动画
     });
     console.log("projectId", state.projectId);
     const selectProjectName = (value, index) => {
@@ -1607,6 +1618,8 @@ export default {
         message.destroy();
         return message.warning("请输入阶段名称");
       }
+
+      state.addLoading = true;
       if (state.updateStageID) {
         let obj = {
           name: state.valuesname,
@@ -1630,6 +1643,7 @@ export default {
               (item) => item.id == state.chooseStageId
             );
             getTableData(final.taskList);
+            state.addLoading = false;
           })
           .catch((err) => {
             console.log("添加阶段失败", err);
@@ -1655,6 +1669,7 @@ export default {
               (item) => item.id == state.chooseStageId
             );
             getTableData(final.taskList);
+            state.addLoading = false;
           })
           .catch((err) => {
             console.log("添加阶段失败", err);

src/views/projectcenter/temTask.vue

@@ -824,6 +824,15 @@
             </button>
           </div>
         </div>
+        <div
+          class="aeLoading"
+          :style="{ display: addLoading ? 'flex' : 'none' }"
+        >
+          <a-spin
+            :spinning="addLoading"
+            :tip="updateStageID ? '修改中...' : '添加中...'"
+          />
+        </div>
       </a-modal>
     </div>
     <!-- 确认添加阶段弹窗 -->
@@ -1301,6 +1310,8 @@ export default {
       deleteStageModal: false, //删除阶段弹窗
 
       unlockModeVisible: false, //切换模式抽屉
+
+      addLoading: false, //添加、编辑阶段动画
     });
     console.log("projectTemplateId", state.projectTemplateId);
     const selectProjectName = (value, index) => {
@@ -1709,6 +1720,7 @@ export default {
         message.destroy();
         return message.warning("请输入阶段名称");
       }
+      state.addLoading = true;
       let obj = {
         name: state.valuesname,
         projectTemplateId: localStorage.getItem("projectTemplateId"),
@@ -1726,6 +1738,7 @@ export default {
           message.destroy();
           message.success("修改阶段成功");
           getTask();
+          state.addLoading = false;
         })
         .catch((err) => {
           console.log("添加阶段失败", err);