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

RuoYi

2021-05-17 b43170326290e271ad1a57a0912203c3115321bb

 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;

        })

    }

  }