优化

src/views/disasterRiskMonitor/emergencyOfficials.vue

@@ -2,12 +2,11 @@
   <div class="container">
     <div v-show="!isShowStructure" class="page-head">
       <van-search
-          v-model="keywords"
-          class="common-search"
-          placeholder="请输入搜索关键词"
-          :left-icon="searchImg"
-          :right-icon="closeImg"
-          @search="onSearch"
+        v-model="keywords"
+        placeholder="请输入搜索关键词"
+        :left-icon="searchImg"
+        :right-icon="closeImg"
+        @search="onSearch"
       />
       <div class="select-box">
         <div class="adress-box" @click="showStructure">
@@ -29,10 +28,10 @@
     </div>
     <div v-show="!isShowStructure" class="scroll-list">
       <van-list
-          v-model:loading="loading"
-          :finished="finished"
-          finished-text="没有更多了"
-          @load="onLoad"
+        v-model:loading="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        @load="onLoad"
       >
         <div v-for="(item, index) in persons" :key="item.id">
           <div class="person-box2" @click="personInform(item)">
@@ -57,12 +56,11 @@
       </van-list>
     </div>
     <organizationalStructure
-        v-if="isShowStructure"
-        v-model:isShowStructure="isShowStructure"
-        @confirm="handleSelect"
+      v-if="isShowStructure"
+      v-model:isShowStructure="isShowStructure"
+      @confirm="handleSelect"
     />
   </div>
-
 </template>
 
 <script setup lang="ts">
@@ -221,14 +219,14 @@ const onLoad = () => {
     }
 
     // 将新数据添加到 persons 数组中
-    item.forEach((i)=>{
+    item.forEach(i => {
       persons.value.push({
         id: i.id,
         name: i.contactName,
         unit: i.unitName,
         position: i.position,
-        phone:i.phone
-      })
+        phone: i.phone
+      });
     });
 
     // 检查是否加载了所有数据