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

RuoYi

2021-05-17 b43170326290e271ad1a57a0912203c3115321bb

 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 @@
    return {

      // 遮罩层

      loading: true,

      // 导出遮罩层

      exportLoading: false,

      // 选中数组

      ids: [],

      // 非单个禁用

@@ -344,10 +347,12 @@
          confirmButtonText: "确定",

          cancelButtonText: "取消",

          type: "warning"

        }).then(function() {

        }).then(() => {

          this.exportLoading = true;

          return exportConfig(queryParams);

        }).then(response => {

          this.download(response.msg);

          this.exportLoading = false;

        })

    },

    /** 清理缓存按钮操作 */