浏览代码

加载效果

duy 2 年之前
父节点
当前提交
c2ba67735f
共有 1 个文件被更改,包括 10 次插入3 次删除
  1. 10 3
      src/views/exctab/ElementIdentification/index.vue

+ 10 - 3
src/views/exctab/ElementIdentification/index.vue

@@ -622,6 +622,7 @@
       </el-dialog>
       <!-- 添加到元素库 -->
       <el-dialog
+        
         title="保存元素表"
         class="excelBox"
         :visible.sync="eleDialog"
@@ -663,7 +664,11 @@
           </div>
         <span slot="footer" class="dialog-footer">
           <el-button @click="eleDialog = false">取 消</el-button>
-          <el-button type="primary" @click="submitEleDialog" v-preventClick >确 定</el-button>
+          <el-button type="primary" @click="submitEleDialog" 
+            v-preventClick v-loading="elloading" 
+            element-loading-text="加载中"
+            element-loading-spinner="el-icon-loading"
+            element-loading-background="rgba(0, 0, 0, 0.8)">确 定</el-button>
         </span>
       </el-dialog>
     </div>
@@ -699,7 +704,7 @@ export default {
       expandedKeys:[],//默认展开的节点
       defaultcheckedkeys:[],//默认选中
       curNode:{},//当前选中的节点
-      eleDialogBtn:false,//保存元素表按钮
+      elloading:false,//保存元素表按钮
       excelId:'',
       treeProps: {
         label: "name",
@@ -1103,6 +1108,7 @@ export default {
             this.eleForm.tableType &&
             this.eleForm.tableOwner
           ) {
+            this.elloading=true
             this.submitExcelRelationWbsTreeAndElement({
               nodeName: this.eleForm.nodeName,
               tableType: this.eleForm.tableType,
@@ -1352,9 +1358,10 @@ export default {
       });
       const { data: res } = await submitExcelRelationWbsTreeAndElement(da);
       console.log(res);
+       this.elloading=false
       if (res.code == 200) {
       // this.refreshNodeBy()//刷新树形控件数据
-    
+        
         this.$message({
           type: "success",
           message: "设置成功",