修改部分按钮重复点击

src/views/pqs/supervise/terminal/components/sensitiveUserTable.vue

@@ -3,28 +3,20 @@
         <TableHeader ref="TableHeaderRef">
             <template #select>
                 <el-form-item label="项目名称">
-                    <el-input
-                        style="width: 200px"
-                        placeholder="请输入项目名称"
-                        v-model="tableStore.table.params.projectName"
-                        clearable
-                    ></el-input>
+                    <el-input style="width: 200px" placeholder="请输入项目名称" v-model="tableStore.table.params.projectName"
+                        clearable></el-input>
                 </el-form-item>
                 <el-form-item label="所在地市">
                     <el-select v-model="tableStore.table.params.city" clearable placeholder="请选择所在地市">
-                        <el-option
-                            v-for="item in areaOptionList"
-                            :key="item.id"
-                            :label="item.name"
-                            :value="item.name"
-                        ></el-option>
+                        <el-option v-for="item in areaOptionList" :key="item.id" :label="item.name"
+                            :value="item.name"></el-option>
                     </el-select>
                 </el-form-item>
             </template>
             <template #operation>
                 <el-button icon="el-icon-Plus" type="primary" @click="addFormModel">新增</el-button>
                 <el-button icon="el-icon-Delete" type="primary" @click="deleteEven">删除</el-button>
-                <el-button icon="el-icon-Download" type="primary" @click="exportExcelTemplate">模板下载</el-button>
+                <el-button icon="el-icon-Download" type="primary" @click="exportExcelTemplate"  :loading="loading">模版下载</el-button>
                 <el-button icon="el-icon-Upload" type="primary" @click="importUserData">批量导入</el-button>
             </template>
         </TableHeader>
@@ -53,6 +45,7 @@ import { ElMessage } from 'element-plus'
 const dictData = useDictData()
 const sensitiveUserPopup = ref()
 const TableHeaderRef = ref()
+const loading = ref(false)
 const areaOptionList = dictData.getBasicData('jibei_area')
 const loadLevelOptionList = dictData.getBasicData('load_level')
 const powerSupplyInfoOptionList = dictData.getBasicData('supply_condition')
@@ -257,8 +250,9 @@ const getUserTypeName = (userType: any) => {
 }
 
 //导出模板
-const exportExcelTemplate = () => {
-    downloadSensitiveUserTemplate().then((res: any) => {
+const exportExcelTemplate = async () => {
+    loading.value = true
+  await  downloadSensitiveUserTemplate().then((res: any) => {
         let blob = new Blob([res], {
             type: 'application/vnd.ms-excel'
         })
@@ -270,6 +264,9 @@ const exportExcelTemplate = () => {
         link.click()
         link.remove()
     })
+    await setTimeout(() => {
+        loading.value = false
+    }, 0)
 }
 
 //批量导入用户数据