loading的样例

@@ -192,7 +192,7 @@
 		</el-dialog>
 		</el-dialog>
 
 
 		<!--权限设置-->
 		<!--权限设置-->
-		<el-dialog title="权限设置" :visible.sync="roleFormVisible" :close-on-click-modal="false">
+		<el-dialog title="权限设置" :visible.sync="roleFormVisible" :close-on-click-modal="false" class="roleDialog">
 			<el-form :model="roleEditForm" label-width="80px"  ref="roleEditForm" >
 			<el-form :model="roleEditForm" label-width="80px"  ref="roleEditForm" >
 				<el-form-item label="ID">
 				<el-form-item label="ID">
 					<span>{{roleEditForm.userId}}</span>
 					<span>{{roleEditForm.userId}}</span>
@@ -398,10 +398,18 @@
                     pageNum: 1,
                     pageNum: 1,
                     pageSize: 100
                     pageSize: 100
                 };
                 };
-                NProgress.start();
+				let ld = this.$loading({
+					text:"加载中...",
+					target:".roleDialog"
+				})
+				// 解决bug loading显示在弹窗下面！！！！
+				setTimeout(() => {
+					this.$nextTick(() => {
+						document.querySelector(".el-loading-mask").style.zIndex = "999999";
+					});
+				});
                 getList(para).then((res) => {
                 getList(para).then((res) => {
                     this.roles = res.data.list;
                     this.roles = res.data.list;
-                    NProgress.done();
                 }).catch((error) => {
                 }).catch((error) => {
                     if(null!= error.response && error.response!==undefined){
                     if(null!= error.response && error.response!==undefined){
                         let status= error.response.status;
                         let status= error.response.status;
@@ -410,6 +418,8 @@
                     }else {
                     }else {
                         alert(error);
                         alert(error);
                     }
                     }
+                }).finally(() =>{
+					ld.close()
 				});
 				});