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

RuoYi

2021-05-17 b43170326290e271ad1a57a0912203c3115321bb

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

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

      // 遮罩层

      loading: true,

      // 导出遮罩层

      exportLoading: false,

      // 选中数组

      ids: [],

      // 非单个禁用

@@ -477,10 +480,12 @@
          confirmButtonText: "确定",

          cancelButtonText: "取消",

          type: "warning"

        }).then(function() {

        }).then(() => {

          this.exportLoading = true;

          return exportJob(queryParams);

        }).then(response => {

          this.download(response.msg);

          this.exportLoading = false;

        })

    }

  }


 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 @@
    return {
      // 遮罩层
      loading: true,
      // 导出遮罩层
      exportLoading: false,
      // 选中数组
      ids: [],
      // 非多个禁用
@@ -288,10 +291,12 @@
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
        }).then(() => {
          this.exportLoading = true;
          return exportJobLog(queryParams);
        }).then(response => {
          this.download(response.msg);
          this.exportLoading = false;
        })
    }
  }

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

      // 遮罩层

      loading: true,

      // 导出遮罩层

      exportLoading: false,

      // 选中数组

      ids: [],

      // 非多个禁用

@@ -221,10 +224,12 @@
          confirmButtonText: "确定",

          cancelButtonText: "取消",

          type: "warning"

        }).then(function() {

        }).then(() => {

          this.exportLoading = true;

          return exportLogininfor(queryParams);

        }).then(response => {

          this.download(response.msg);

          this.exportLoading = false;

        })

    }

  }


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

      // 遮罩层

      loading: true,

      // 导出遮罩层

      exportLoading: false,

      // 选中数组

      ids: [],

      // 非多个禁用

@@ -309,10 +312,12 @@
          confirmButtonText: "确定",

          cancelButtonText: "取消",

          type: "warning"

        }).then(function() {

        }).then(() => {

          this.exportLoading = true;

          return exportOperlog(queryParams);

        }).then(response => {

          this.download(response.msg);

          this.exportLoading = false;

        })

    }

  }


 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;

        })

    },

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


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

      // 遮罩层

      loading: true,

      // 导出遮罩层

      exportLoading: false,

      // 选中数组

      ids: [],

      // 非单个禁用

@@ -343,10 +346,12 @@
          confirmButtonText: "确定",

          cancelButtonText: "取消",

          type: "warning"

        }).then(function() {

        }).then(() => {

          this.exportLoading = true;

          return exportData(queryParams);

        }).then(response => {

          this.download(response.msg);

          this.exportLoading = false;

        })

    }

  }


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

      // 遮罩层

      loading: true,

      // 导出遮罩层

      exportLoading: false,

      // 选中数组

      ids: [],

      // 非单个禁用

@@ -348,10 +351,12 @@
          confirmButtonText: "确定",

          cancelButtonText: "取消",

          type: "warning"

        }).then(function() {

        }).then(() => {

          this.exportLoading = true;

          return exportType(queryParams);

        }).then(response => {

          this.download(response.msg);

          this.exportLoading = false;

        })

    },

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


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

      // 遮罩层

      loading: true,

      // 导出遮罩层

      exportLoading: false,

      // 选中数组

      ids: [],

      // 非单个禁用

@@ -315,10 +318,12 @@
          confirmButtonText: "确定",

          cancelButtonText: "取消",

          type: "warning"

        }).then(function() {

        }).then(() => {

          this.exportLoading = true;

          return exportPost(queryParams);

        }).then(response => {

          this.download(response.msg);

          this.exportLoading = false;

        })

    }

  }


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

      // 遮罩层

      loading: true,

      // 导出遮罩层

      exportLoading: false,

      // 选中数组

      ids: [],

      // 非单个禁用

@@ -599,10 +602,12 @@
          confirmButtonText: "确定",

          cancelButtonText: "取消",

          type: "warning"

        }).then(function() {

        }).then(() => {

          this.exportLoading = true;

          return exportRole(queryParams);

        }).then(response => {

          this.download(response.msg);

          this.exportLoading = false;

        })

    }

  }


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

      // 遮罩层

      loading: true,

      // 导出遮罩层

      exportLoading: false,

      // 选中数组

      ids: [],

      // 非单个禁用

@@ -637,10 +640,12 @@
          confirmButtonText: "确定",

          cancelButtonText: "取消",

          type: "warning"

        }).then(function() {

        }).then(() => {

          this.exportLoading = true;

          return exportUser(queryParams);

        }).then(response => {

          this.download(response.msg);

          this.exportLoading = false;

        })

    },

    /** 导入按钮操作 */