style:添加loading

package-lock.json

@@ -1414,11 +1414,6 @@
 			"integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
 			"dev": true
 		},
-		"@popperjs/core": {
-			"version": "npm:@sxzz/popperjs-es@2.11.7",
-			"resolved": "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
-			"integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
-		},
 		"@sideway/address": {
 			"version": "4.1.4",
 			"resolved": "https://registry.npmmirror.com/@sideway/address/-/address-4.1.4.tgz",
@@ -2029,6 +2024,29 @@
 				"webpack-merge": "^5.7.3",
 				"webpack-virtual-modules": "^0.4.2",
 				"whatwg-fetch": "^3.6.2"
+			},
+			"dependencies": {
+				"@vue/vue-loader-v15": {
+					"version": "npm:vue-loader@15.10.0",
+					"resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-15.10.0.tgz",
+					"integrity": "sha512-VU6tuO8eKajrFeBzMssFUP9SvakEeeSi1BxdTH5o3+1yUyrldp8IERkSdXlMI2t4kxF2sqYUDsQY+WJBxzBmZg==",
+					"dev": true,
+					"requires": {
+						"@vue/component-compiler-utils": "^3.1.0",
+						"hash-sum": "^1.0.2",
+						"loader-utils": "^1.1.0",
+						"vue-hot-reload-api": "^2.3.0",
+						"vue-style-loader": "^4.1.0"
+					},
+					"dependencies": {
+						"hash-sum": {
+							"version": "1.0.2",
+							"resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-1.0.2.tgz",
+							"integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
+							"dev": true
+						}
+					}
+				}
 			}
 		},
 		"@vue/cli-shared-utils": {
@@ -2272,27 +2290,6 @@
 			"resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.2.39.tgz",
 			"integrity": "sha512-D3dl2ZB9qE6mTuWPk9RlhDeP1dgNRUKC3NJxji74A4yL8M2MwlhLKUC/49WHjrNzSPug58fWx/yFbaTzGAQSBw=="
 		},
-		"@vue/vue-loader-v15": {
-			"version": "npm:vue-loader@15.10.0",
-			"resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-15.10.0.tgz",
-			"integrity": "sha512-VU6tuO8eKajrFeBzMssFUP9SvakEeeSi1BxdTH5o3+1yUyrldp8IERkSdXlMI2t4kxF2sqYUDsQY+WJBxzBmZg==",
-			"dev": true,
-			"requires": {
-				"@vue/component-compiler-utils": "^3.1.0",
-				"hash-sum": "^1.0.2",
-				"loader-utils": "^1.1.0",
-				"vue-hot-reload-api": "^2.3.0",
-				"vue-style-loader": "^4.1.0"
-			},
-			"dependencies": {
-				"hash-sum": {
-					"version": "1.0.2",
-					"resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-1.0.2.tgz",
-					"integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
-					"dev": true
-				}
-			}
-		},
 		"@vue/web-component-wrapper": {
 			"version": "1.3.0",
 			"resolved": "https://registry.npmmirror.com/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz",
@@ -3958,6 +3955,13 @@
 				"lodash-unified": "^1.0.2",
 				"memoize-one": "^6.0.0",
 				"normalize-wheel-es": "^1.2.0"
+			},
+			"dependencies": {
+				"@popperjs/core": {
+					"version": "npm:@sxzz/popperjs-es@2.11.7",
+					"resolved": "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
+					"integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
+				}
 			}
 		},
 		"emoji-regex": {

src/assets/scss/common.scss

@@ -437,4 +437,18 @@ textarea {
   }
 }
 
-//弹窗--------------------------------------------------------
+//弹窗--------------------------------------------------------
+
+//loading--------------------------------------------------------
+.aeLoading {
+  width: 100%;
+  height: 100%;
+background: rgba(0, 0, 0, 0.05);
+display: flex;
+align-items: center;
+justify-content: center;
+position: absolute;
+left: 0;
+top:0,
+}
+//loading--------------------------------------------------------

src/components/drawers/AddDiscuss.vue

@@ -67,6 +67,9 @@
         <button class="btn2" @click="createDiscuss">确定</button>
       </div>
     </div>
+     <div class="aeLoading" :style="{display:addLoading?'flex':'none'}">
+    <a-spin :spinning="addLoading" tip="添加中..." />
+  </div>
   </a-drawer>
 </template>
 <script>
@@ -132,6 +135,7 @@ export default {
       inputV2: "",
       textV1: "",
       checkedC1: "",
+      addLoading:false,
     });
     const closeDrawer = () => {
       ctx.emit("update:adddiscussVisible", false);
@@ -149,6 +153,7 @@ export default {
         message.destroy();
         return message.warning("请输入讨论名称");
       }
+      state.addLoading=true
       let obj = {
         discussName: state.inputV1, //讨论名称
         discussExplain: state.textV1, //讨论说明
@@ -168,8 +173,7 @@ export default {
           console.log("创建成功", res);
           state.inputV1 = "";
           state.textV1 = "";
-          message.success("创建成功");
+         
-          ctx.emit("update:adddiscussVisible", false);
           //console.log("discussName",obj.discussName);
           console.log("学习路径",props.isStudiscuss);
           if(props.isStudiscuss){
@@ -185,7 +189,12 @@ export default {
             }
             RouterEditTask(editObj1).then(res => {
               console.log("新增关卡任务成功",res);
-              closeDrawer();
+              setTimeout(()=>{
+                 message.success("创建成功");
+          ctx.emit("update:adddiscussVisible", false);
+                closeDrawer();
+              state.addLoading=false
+              },1000)
             }).catch(err => {
               console.log("新增关卡任务失败",err);
             })
@@ -208,6 +217,7 @@ export default {
               //重新获取任务列表
               // apiTask.getTask({ projectId: 28 });
               // router.push("/taskadd");
+              state.addLoading=false
             })
             .catch((err) => {
               console.log(err);
@@ -351,5 +361,6 @@ export default {
       }
     }
   }
+
 }
 </style>

src/views/learningpath/LearningPath.vue

@@ -226,23 +226,25 @@
             <button class="samtn btn2" @click="createLearnPath">确定</button>
           </div>
         </div>
-      </div>
+         <div
-      <!-- <div
         style="
-          width: 300px;
+          width: 100%;
-          height: 200px;
+          height: 100%;
           display: flex;
           align-items: center;
           justify-content: center;
-          background:pink;
           flex-shrink: 0;
-					position:absolute,
+					position:absolute;
 					 z-index: 100;
+           left:0;
+           top:0;
         "
         v-if="true"
       >
         <a-spin :spinning="true" />
-      </div> -->
+      </div>
+      </div>
+     
     </a-modal>
 
     <!-- 编辑路径弹窗 -->