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

RuoYi

2021-05-17 b43170326290e271ad1a57a0912203c3115321bb

 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;

        })

    }

  }