请勿频繁操作

src/views/menduner/system/talentMap/maintenance/gather/components/search.vue

@@ -47,9 +47,9 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="所在城市" prop="areaId">
+      <el-form-item label="所在城市" prop="areaIds">
         <el-cascader
-          v-model="queryParams.areaId" 
+          v-model="queryParams.areaIds" 
           :options="areaTreeData" 
           :props="{ label: 'name', value: 'id', multiple: true, emitPath: false, checkStrictly: true  }"
           collapse-tags
@@ -87,8 +87,8 @@
       </el-form-item>
 
       <el-form-item>
-        <el-button @click="handleQuery" type="primary"><Icon icon="ep:search" /> 搜索</el-button>
-        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
+        <el-button @click="handleQuery" :loading="loading" type="primary"><Icon icon="ep:search" /> 搜索</el-button>
+        <el-button @click="resetQuery" :loading="loading"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
       </el-form-item>
     </el-form>
   </ContentWrap>
@@ -148,7 +148,7 @@ const queryParams = reactive({
   brand: '',
   eduType: undefined,
   expType: undefined,
-  areaId: [],
+  areaIds: [],
   workAreaIds: [],
   positionIds: [],
 })
@@ -177,6 +177,7 @@ getPositionTreeData()
 
 /** 查询列表 */
 const getList = async () => {
+  // if (loading.value) return message.warning('请勿频繁操作 ！')
   loading.value = true
   try {
     const data = await PersonInfoApi.getPersonInfoPage(queryParams)
@@ -187,6 +188,10 @@ const getList = async () => {
       }
     }) || []
     total.value = data?.total || 0
+  } catch (error) {
+    console.log('打印->error', error)
+    list.value = []
+    total.value = 0
   } finally {
     loading.value = false
   }