生成vue模板导出按钮点击之后添加遮罩

RuoYi

2021-05-23 372fc5812cedd53e801192affc1d29d40ac4bcda

生成vue模板导出按钮点击之后添加遮罩

 src/main/resources/vm/vue/index.vue.vm

@@ -108,6 +108,7 @@
          plain

          icon="el-icon-download"

          size="mini"

          :loading="exportLoading"

          @click="handleExport"

          v-hasPermi="['${moduleName}:${businessName}:export']"

        >导出</el-button>

@@ -354,6 +355,8 @@
    return {

      // 遮罩层

      loading: true,

      // 导出遮罩层

      exportLoading: false,

      // 选中数组

      ids: [],

#if($table.sub)

@@ -630,10 +633,12 @@
          confirmButtonText: "确定",

          cancelButtonText: "取消",

          type: "warning"

        }).then(function() {

        }).then(() => {

          this.exportLoading = true;

          return export${BusinessName}(queryParams);

        }).then(response => {

          this.download(response.msg);

          this.exportLoading = false;

        })

    }

  }