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

yudao-ui-admin/src/views/system/sms/smsLog.vue

@@ -49,7 +49,7 @@
                    v-hasPermi="['system:sms-log:create']">新增</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
+        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
                    v-hasPermi="['system:sms-log:export']">导出</el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
@@ -195,6 +195,8 @@ export default {
     return {
       // 遮罩层
       loading: true,
+      // 导出遮罩层
+      exportLoading: false,
       // 显示搜索条件
       showSearch: true,
       // 总条数
@@ -275,10 +277,12 @@ export default {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         type: "warning"
-      }).then(function() {
+      }).then(() => {
+        this.exportLoading = true;
         return exportSmsLogExcel(params);
       }).then(response => {
         this.downloadExcel(response, '短信日志.xls');
+        this.exportLoading = false;
       })
     },
     /** 详细按钮操作 */