导出按钮点击之后添加遮罩

4 years ago · b431703262
parent 99726be9ac
commit b431703262
10 changed files with 60 additions and 10 deletions
--- a/ruoyi-ui/src/views/monitor/job/index.vue
+++ b/ruoyi-ui/src/views/monitor/job/index.vue
@ -75,6 +75,7 @@
          plain
          icon="el-icon-download"
          size="mini"
+          :loading="exportLoading"
          @click="handleExport"
          v-hasPermi="['monitor:job:export']"
        >导出</el-button>
@ -274,6 +275,8 @@ export default {
    return {
      // 遮罩层
      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
      // 选中数组
      ids: [],
      // 非单个禁用
@ -477,10 +480,12 @@ export default {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
-        }).then(function() {
+        }).then(() => {
+          this.exportLoading = true;
          return exportJob(queryParams);
        }).then(response => {
          this.download(response.msg);
+          this.exportLoading = false;
        })
    }
  }
--- a/ruoyi-ui/src/views/monitor/job/log.vue
+++ b/ruoyi-ui/src/views/monitor/job/log.vue
@ -89,6 +89,7 @@
          plain
          icon="el-icon-download"
          size="mini"
+          :loading="exportLoading"
          @click="handleExport"
          v-hasPermi="['monitor:job:export']"
        >导出</el-button>
@ -175,6 +176,8 @@ export default {
    return {
      // 遮罩层
      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
      // 选中数组
      ids: [],
      // 非多个禁用
@ -288,10 +291,12 @@ export default {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
-        }).then(function() {
+        }).then(() => {
+          this.exportLoading = true;
          return exportJobLog(queryParams);
        }).then(response => {
          this.download(response.msg);
+          this.exportLoading = false;
        })
    }
  }
--- a/ruoyi-ui/src/views/monitor/logininfor/index.vue
+++ b/ruoyi-ui/src/views/monitor/logininfor/index.vue
@ -83,6 +83,7 @@
          plain
          icon="el-icon-download"
          size="mini"
+          :loading="exportLoading"
          @click="handleExport"
          v-hasPermi="['monitor:logininfor:export']"
        >导出</el-button>
@ -126,6 +127,8 @@ export default {
    return {
      // 遮罩层
      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
      // 选中数组
      ids: [],
      // 非多个禁用
@ -221,10 +224,12 @@ export default {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
-        }).then(function() {
+        }).then(() => {
+          this.exportLoading = true;
          return exportLogininfor(queryParams);
        }).then(response => {
          this.download(response.msg);
+          this.exportLoading = false;
        })
    }
  }
--- a/ruoyi-ui/src/views/monitor/operlog/index.vue
+++ b/ruoyi-ui/src/views/monitor/operlog/index.vue
@ -99,6 +99,7 @@
          plain
          icon="el-icon-download"
          size="mini"
+          :loading="exportLoading"
          @click="handleExport"
          v-hasPermi="['monitor:operlog:export']"
        >导出</el-button>
@ -195,6 +196,8 @@ export default {
    return {
      // 遮罩层
      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
      // 选中数组
      ids: [],
      // 非多个禁用
@ -309,10 +312,12 @@ export default {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
-        }).then(function() {
+        }).then(() => {
+          this.exportLoading = true;
          return exportOperlog(queryParams);
        }).then(response => {
          this.download(response.msg);
+          this.exportLoading = false;
        })
    }
  }
--- a/ruoyi-ui/src/views/system/config/index.vue
+++ b/ruoyi-ui/src/views/system/config/index.vue
@ -88,6 +88,7 @@
          plain
          icon="el-icon-download"
          size="mini"
+          :loading="exportLoading"
          @click="handleExport"
          v-hasPermi="['system:config:export']"
        >导出</el-button>
@ -188,6 +189,8 @@ export default {
    return {
      // 遮罩层
      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
      // 选中数组
      ids: [],
      // 非单个禁用
@ -344,10 +347,12 @@ export default {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
-        }).then(function() {
+        }).then(() => {
+          this.exportLoading = true;
          return exportConfig(queryParams);
        }).then(response => {
          this.download(response.msg);
+          this.exportLoading = false;
        })
    },
    /** 清理缓存按钮操作 */
--- a/ruoyi-ui/src/views/system/dict/data.vue
+++ b/ruoyi-ui/src/views/system/dict/data.vue
@ -75,6 +75,7 @@
          plain
          icon="el-icon-download"
          size="mini"
+          :loading="exportLoading"
          @click="handleExport"
          v-hasPermi="['system:dict:export']"
        >导出</el-button>
@ -169,6 +170,8 @@ export default {
    return {
      // 遮罩层
      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
      // 选中数组
      ids: [],
      // 非单个禁用
@ -343,10 +346,12 @@ export default {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
-        }).then(function() {
+        }).then(() => {
+          this.exportLoading = true;
          return exportData(queryParams);
        }).then(response => {
          this.download(response.msg);
+          this.exportLoading = false;
        })
    }
  }
--- a/ruoyi-ui/src/views/system/dict/index.vue
+++ b/ruoyi-ui/src/views/system/dict/index.vue
@ -94,6 +94,7 @@
          plain
          icon="el-icon-download"
          size="mini"
+          :loading="exportLoading"
          @click="handleExport"
          v-hasPermi="['system:dict:export']"
        >导出</el-button>
@ -196,6 +197,8 @@ export default {
    return {
      // 遮罩层
      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
      // 选中数组
      ids: [],
      // 非单个禁用
@ -348,10 +351,12 @@ export default {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
-        }).then(function() {
+        }).then(() => {
+          this.exportLoading = true;
          return exportType(queryParams);
        }).then(response => {
          this.download(response.msg);
+          this.exportLoading = false;
        })
    },
    /** 清理缓存按钮操作 */
--- a/ruoyi-ui/src/views/system/post/index.vue
+++ b/ruoyi-ui/src/views/system/post/index.vue
@ -74,6 +74,7 @@
          plain
          icon="el-icon-download"
          size="mini"
+          :loading="exportLoading"
          @click="handleExport"
          v-hasPermi="['system:post:export']"
        >导出</el-button>
@ -163,6 +164,8 @@ export default {
    return {
      // 遮罩层
      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
      // 选中数组
      ids: [],
      // 非单个禁用
@ -315,10 +318,12 @@ export default {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
-        }).then(function() {
+        }).then(() => {
+          this.exportLoading = true;
          return exportPost(queryParams);
        }).then(response => {
          this.download(response.msg);
+          this.exportLoading = false;
        })
    }
  }
--- a/ruoyi-ui/src/views/system/role/index.vue
+++ b/ruoyi-ui/src/views/system/role/index.vue
@ -94,6 +94,7 @@
          plain
          icon="el-icon-download"
          size="mini"
+          :loading="exportLoading"
          @click="handleExport"
          v-hasPermi="['system:role:export']"
        >导出</el-button>
@ -258,6 +259,8 @@ export default {
    return {
      // 遮罩层
      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
      // 选中数组
      ids: [],
      // 非单个禁用
@ -599,10 +602,12 @@ export default {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
-        }).then(function() {
+        }).then(() => {
+          this.exportLoading = true;
          return exportRole(queryParams);
        }).then(response => {
          this.download(response.msg);
+          this.exportLoading = false;
        })
    }
  }
--- a/ruoyi-ui/src/views/system/user/index.vue
+++ b/ruoyi-ui/src/views/system/user/index.vue
@ -131,6 +131,7 @@
              plain
              icon="el-icon-download"
              size="mini"
+              :loading="exportLoading"
              @click="handleExport"
              v-hasPermi="['system:user:export']"
            >导出</el-button>
@ -356,6 +357,8 @@ export default {
    return {
      // 遮罩层
      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
      // 选中数组
      ids: [],
      // 非单个禁用
@ -637,10 +640,12 @@ export default {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
-        }).then(function() {
+        }).then(() => {
+          this.exportLoading = true;
          return exportUser(queryParams);
        }).then(response => {
          this.download(response.msg);
+          this.exportLoading = false;
        })
    },
    /** 导入按钮操作 */