From a8e5c275a8724feff972502c1b2db348dba4482b Mon Sep 17 00:00:00 2001
From: guonan <guonan201020@163.com>
Date: 星期五, 16 五月 2025 09:57:50 +0800
Subject: [PATCH] 对接中科软接口

---
 src/components/menu/Location.vue | 1331 +++++++++++++++++++++++++++++----------------------------
 1 files changed, 678 insertions(+), 653 deletions(-)

diff --git a/src/components/menu/Location.vue b/src/components/menu/Location.vue
index 7536307..f8b899f 100644
--- a/src/components/menu/Location.vue
+++ b/src/components/menu/Location.vue
@@ -8,6 +8,7 @@
       <div style="margin-left: 5px">
         <span style="color: white">閲嶇偣娌燂細</span>
         <el-select
+          @change="handleChange"
           v-model="selectValue"
           placeholder="Select"
           size="large"
@@ -21,14 +22,17 @@
           />
         </el-select>
       </div>
-      <div
-        v-for="(item, key) in districtList"
-        :key="key"
-        class="district-item"
-        @click="handleClick(item)"
-      >
-        <div class="district-item-icon"></div>
-        <div class="district-item-text">{{ item.name }}</div>
+
+      <div style="overflow-y: auto; height: 95%">
+        <div
+          v-for="(item, key) in districtList"
+          :key="key"
+          class="district-item"
+          @click="handleClick(item)"
+        >
+          <div class="district-item-icon"></div>
+          <div class="district-item-text">{{ item.hdName }}</div>
+        </div>
       </div>
     </div>
   </div>
@@ -36,8 +40,10 @@
 
 <script setup>
 import { ref, onMounted, onBeforeUnmount, reactive } from "vue";
-import { getDistrictData } from "@/api/index";
 import { createPoint, removeEntities } from "@/utils/map";
+import { useSimStore } from "@/store/simulation";
+
+const simStore = useSimStore();
 
 const selectValue = ref("瀛欒儭娌�");
 
@@ -64,641 +70,639 @@
   },
 ]);
 
-const districtList = ref([
-  {
-    activeStatus: "",
-    areaCode: "",
-    areaName: "",
-    brookLength: 0,
-    checkId: "",
-    city: "鍖椾含甯�",
-    codeProvince: "110116",
-    county: "鎬�鏌�",
-    dangerLevel: "",
-    disasterStatus: "",
-    drainageArea: "",
-    elevation: 0,
-    featureDes: "",
-    groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
-    hasPlan: "",
-    id: "110116020058",
-    latitude: 40.56652778,
-    length: 0,
-    district: "鐞夌拑搴欓晣瀛欒儭娌熸潙灏瑰瑗挎矡灏瑰缓鐕曞灞嬪悗",
-    longitude: 116.5803889,
-    monitor: "",
-    monitorAdvice: "",
-    name: "灏瑰瑗挎矡灏瑰缓鐕曞灞嬪悗宕╁闅愭偅鐐�",
-    number:
-      "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
-    preventionDes: "",
-    preventionLevel: "",
-    preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉伙紝绔嬭绀虹墝",
-    preventionUnit: "涔¢晣",
-    principal: "",
-    province: "鍖椾含甯�",
-    qp: "",
-    reason: "",
-    responsibleUnit: "",
-    riskLevel: "",
-    scale: "灏忓瀷",
-    stableLevel: "",
-    status: "",
-    thickness: 0,
-    threatenFamily: 2,
-    threatenMoney: 0,
-    threatenPopulation: "3",
-    threatenType: "",
-    town: "鐞夌拑搴欓晣",
-    trigger: "",
-    type: "宕╁",
-    village: "瀛欒儭娌熸潙",
-    volume: "",
-    volumePotential: "",
-    width: 0,
-  },
-  {
-    activeStatus: "",
-    areaCode: "",
-    areaName: "",
-    brookLength: 0,
-    checkId: "",
-    city: "鍖椾含甯�",
-    codeProvince: "110116",
-    county: "鎬�鏌�",
-    dangerLevel: "",
-    disasterStatus: "",
-    drainageArea: "",
-    elevation: 0,
-    featureDes: "",
-    groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
-    hasPlan: "",
-    id: "110116020078",
-    latitude: 40.56497222,
-    length: 0,
-    district: "鐞夌拑搴欓晣瀛欒儭娌熸潙娌宠タ浜庡嚖鑻卞灞嬪悗",
-    longitude: 116.5955278,
-    monitor: "",
-    monitorAdvice: "",
-    name: "娌宠タ浜庡嚖鑻卞灞嬪悗宕╁闅愭偅鐐�",
-    number:
-      "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
-    preventionDes: "",
-    preventionLevel: "",
-    preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉伙紝绔嬭绀虹墝",
-    preventionUnit: "涔¢晣",
-    principal: "",
-    province: "鍖椾含甯�",
-    qp: "",
-    reason: "",
-    responsibleUnit: "",
-    riskLevel: "",
-    scale: "灏忓瀷",
-    stableLevel: "",
-    status: "",
-    thickness: 0,
-    threatenFamily: 4,
-    threatenMoney: 0,
-    threatenPopulation: "6",
-    threatenType: "",
-    town: "鐞夌拑搴欓晣",
-    trigger: "",
-    type: "宕╁",
-    village: "瀛欒儭娌熸潙",
-    volume: "",
-    volumePotential: "",
-    width: 0,
-  },
-  {
-    activeStatus: "",
-    areaCode: "",
-    areaName: "",
-    brookLength: 0,
-    checkId: "",
-    city: "鍖椾含甯�",
-    codeProvince: "110116",
-    county: "鎬�鏌�",
-    dangerLevel: "",
-    disasterStatus: "",
-    drainageArea: "",
-    elevation: 0,
-    featureDes: "",
-    groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
-    hasPlan: "",
-    id: "110116030041",
-    latitude: 40.55369444,
-    length: 0,
-    district: "鐞夌拑搴欓晣瀛欒儭娌熷叕璺�",
-    longitude: 116.6002778,
-    monitor: "",
-    monitorAdvice: "",
-    name: "鍗楁灏忎笢娌熸偿鐭虫祦闅愭偅鐐�",
-    number:
-      "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
-    preventionDes: "",
-    preventionLevel: "",
-    preventionPlan: "瀹氭湡宸℃煡,绔嬭绀虹墝",
-    preventionUnit: "涔¢晣",
-    principal: "",
-    province: "鍖椾含甯�",
-    qp: "",
-    reason: "",
-    responsibleUnit: "",
-    riskLevel: "",
-    scale: "灏忓瀷",
-    stableLevel: "",
-    status: "",
-    thickness: 0,
-    threatenFamily: 0,
-    threatenMoney: 0,
-    threatenPopulation: "",
-    threatenType: "",
-    town: "鐞夌拑搴欓晣",
-    trigger: "",
-    type: "娉ョ煶娴�",
-    village: "瀛欒儭娌熸潙",
-    volume: "",
-    volumePotential: "",
-    width: 0,
-  },
-  {
-    activeStatus: "",
-    areaCode: "",
-    areaName: "",
-    brookLength: 0,
-    checkId: "",
-    city: "鍖椾含甯�",
-    codeProvince: "110116",
-    county: "鎬�鏌�",
-    dangerLevel: "",
-    disasterStatus: "",
-    drainageArea: "",
-    elevation: 0,
-    featureDes: "",
-    groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
-    hasPlan: "",
-    id: "110116030015",
-    latitude: 40.55277778,
-    length: 0,
-    district: "鐞夌拑搴欓晣瀛欒儭娌熸潙鍗楁鏉戝ぇ绐戞矡",
-    longitude: 116.5994722,
-    monitor: "",
-    monitorAdvice: "",
-    name: "澶х獞娌熸偿鐭虫祦闅愭偅鐐�",
-    number:
-      "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
-    preventionDes: "宸茬洃娴嬨�佸凡娌荤悊",
-    preventionLevel: "",
-    preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉伙紝绔嬭绀虹墝",
-    preventionUnit: "涔¢晣",
-    principal: "",
-    province: "鍖椾含甯�",
-    qp: "",
-    reason: "",
-    responsibleUnit: "",
-    riskLevel: "",
-    scale: "涓瀷",
-    stableLevel: "",
-    status: "",
-    thickness: 0,
-    threatenFamily: 5,
-    threatenMoney: 0,
-    threatenPopulation: "11",
-    threatenType: "",
-    town: "鐞夌拑搴欓晣",
-    trigger: "",
-    type: "娉ョ煶娴�",
-    village: "瀛欒儭娌熸潙",
-    volume: "",
-    volumePotential: "",
-    width: 0,
-  },
-  {
-    activeStatus: "",
-    areaCode: "",
-    areaName: "",
-    brookLength: 0,
-    checkId: "",
-    city: "鍖椾含甯�",
-    codeProvince: "110116",
-    county: "鎬�鏌�",
-    dangerLevel: "",
-    disasterStatus: "",
-    drainageArea: "",
-    elevation: 0,
-    featureDes: "",
-    groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
-    hasPlan: "",
-    id: "110116030076",
-    latitude: 40.55972222,
-    length: 0,
-    district: "鐞夌拑搴欓晣瀛欒儭娌熸潙涓滃潕澶т笢娌�",
-    longitude: 116.5916667,
-    monitor: "",
-    monitorAdvice: "",
-    name: "澶т笢娌熸偿鐭虫祦闅愭偅鐐�",
-    number:
-      "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
-    preventionDes: "宸叉不鐞�",
-    preventionLevel: "",
-    preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉�",
-    preventionUnit: "涔¢晣",
-    principal: "",
-    province: "鍖椾含甯�",
-    qp: "",
-    reason: "",
-    responsibleUnit: "",
-    riskLevel: "",
-    scale: "灏忓瀷",
-    stableLevel: "",
-    status: "",
-    thickness: 0,
-    threatenFamily: 1,
-    threatenMoney: 0,
-    threatenPopulation: "2",
-    threatenType: "",
-    town: "鐞夌拑搴欓晣",
-    trigger: "",
-    type: "娉ョ煶娴�",
-    village: "瀛欒儭娌熸潙",
-    volume: "",
-    volumePotential: "",
-    width: 0,
-  },
-  {
-    activeStatus: "",
-    areaCode: "",
-    areaName: "",
-    brookLength: 0,
-    checkId: "",
-    city: "鍖椾含甯�",
-    codeProvince: "110116",
-    county: "鎬�鏌�",
-    dangerLevel: "",
-    disasterStatus: "",
-    drainageArea: "",
-    elevation: 0,
-    featureDes: "",
-    groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
-    hasPlan: "",
-    id: "110116030074",
-    latitude: 40.56580556,
-    length: 0,
-    district: "鐞夌拑搴欓晣瀛欒儭娌熸潙灏瑰瑗挎矡",
-    longitude: 116.59,
-    monitor: "",
-    monitorAdvice: "",
-    name: "灏瑰瑗挎矡娉ョ煶娴侀殣鎮g偣",
-    number:
-      "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
-    preventionDes:
-      "宸茬洃娴嬶紱鐏惧浣撳彉鍖栵細4澶勫潯绉墿鍨锛屽爢绉嚦鍧¤剼锛屾柟閲忕害20m鲁銆�",
-    preventionLevel: "",
-    preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉�",
-    preventionUnit: "涔¢晣",
-    principal: "",
-    province: "鍖椾含甯�",
-    qp: "",
-    reason: "",
-    responsibleUnit: "",
-    riskLevel: "",
-    scale: "涓瀷",
-    stableLevel: "",
-    status: "",
-    thickness: 0,
-    threatenFamily: 7,
-    threatenMoney: 0,
-    threatenPopulation: "12",
-    threatenType: "",
-    town: "鐞夌拑搴欓晣",
-    trigger: "",
-    type: "娉ョ煶娴�",
-    village: "瀛欒儭娌熸潙",
-    volume: "",
-    volumePotential: "",
-    width: 0,
-  },
-  {
-    activeStatus: "",
-    areaCode: "",
-    areaName: "",
-    brookLength: 0,
-    checkId: "",
-    city: "鍖椾含甯�",
-    codeProvince: "110116",
-    county: "鎬�鏌�",
-    dangerLevel: "",
-    disasterStatus: "",
-    drainageArea: "",
-    elevation: 0,
-    featureDes: "",
-    groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
-    hasPlan: "",
-    id: "110116030053",
-    latitude: 40.57361111,
-    length: 0,
-    district: "鐞夌拑搴欓晣瀛欒儭娌熸潙鍖楀ぇ鍦拌タ娲煎瓙娌�",
-    longitude: 116.5897222,
-    monitor: "",
-    monitorAdvice: "",
-    name: "鍖楀ぇ鍦拌タ娲煎瓙娌熸偿鐭虫祦闅愭偅鐐�",
-    number:
-      "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
-    preventionDes: "娌熷彛姝e鎴垮眿锛岄檷闆ㄦ椂鍑烘按閲忓ぇ锛屽缓璁不鐞嗭紝姹涙湡鍔犲己宸℃煡",
-    preventionLevel: "",
-    preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉伙紝绔嬭绀虹墝",
-    preventionUnit: "涔¢晣",
-    principal: "",
-    province: "鍖椾含甯�",
-    qp: "",
-    reason: "",
-    responsibleUnit: "",
-    riskLevel: "",
-    scale: "涓瀷",
-    stableLevel: "",
-    status: "",
-    thickness: 0,
-    threatenFamily: 6,
-    threatenMoney: 0,
-    threatenPopulation: "10",
-    threatenType: "",
-    town: "鐞夌拑搴欓晣",
-    trigger: "",
-    type: "娉ョ煶娴�",
-    village: "瀛欒儭娌熸潙",
-    volume: "",
-    volumePotential: "",
-    width: 0,
-  },
-  {
-    activeStatus: "",
-    areaCode: "",
-    areaName: "",
-    brookLength: 0,
-    checkId: "",
-    city: "鍖椾含甯�",
-    codeProvince: "110116",
-    county: "鎬�鏌�",
-    dangerLevel: "",
-    disasterStatus: "",
-    drainageArea: "",
-    elevation: 0,
-    featureDes: "",
-    groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
-    hasPlan: "",
-    id: "110116020102",
-    latitude: 40.55972222,
-    length: 0,
-    district: "鐞夌拑搴欓晣瀛欒儭娌熸潙鑼冨搴勭帇绉�鑾插灞嬪悗",
-    longitude: 116.5922222,
-    monitor: "",
-    monitorAdvice: "",
-    name: "鑼冨搴勭帇绉�鑾插灞嬪悗宕╁闅愭偅鐐�",
-    number:
-      "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
-    preventionDes: "杈瑰潯杈冮櫋锛岄『鍚戝博灞傦紝鎴垮眿闈犺繎鍧¤剼锛屽缓璁敖蹇不鐞�",
-    preventionLevel: "",
-    preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉伙紝绔嬭绀虹墝",
-    preventionUnit: "涔¢晣",
-    principal: "",
-    province: "鍖椾含甯�",
-    qp: "",
-    reason: "",
-    responsibleUnit: "",
-    riskLevel: "",
-    scale: "灏忓瀷",
-    stableLevel: "",
-    status: "",
-    thickness: 0,
-    threatenFamily: 1,
-    threatenMoney: 0,
-    threatenPopulation: "3",
-    threatenType: "",
-    town: "鐞夌拑搴欓晣",
-    trigger: "",
-    type: "宕╁",
-    village: "瀛欒儭娌熸潙",
-    volume: "",
-    volumePotential: "",
-    width: 0,
-  },
-  {
-    activeStatus: "",
-    areaCode: "",
-    areaName: "",
-    brookLength: 0,
-    checkId: "",
-    city: "鍖椾含甯�",
-    codeProvince: "110116",
-    county: "鎬�鏌�",
-    dangerLevel: "",
-    disasterStatus: "",
-    drainageArea: "",
-    elevation: 0,
-    featureDes: "",
-    groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
-    hasPlan: "",
-    id: "110116020742",
-    latitude: 40.57680556,
-    length: 0,
-    district: "鐞夌拑搴欓晣瀛欒儭娌熸潙涓変憨鍦拌寖蹇犵敯瀹跺眿鍚�",
-    longitude: 116.5887222,
-    monitor: "",
-    monitorAdvice: "",
-    name: "涓変憨鍦拌寖蹇犵敯瀹跺眿鍚庡穿濉岄殣鎮g偣",
-    number:
-      "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
-    preventionDes: "",
-    preventionLevel: "",
-    preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉伙紝鏇存崲璀︾ず鐗�",
-    preventionUnit: "涔¢晣",
-    principal: "",
-    province: "鍖椾含甯�",
-    qp: "",
-    reason: "",
-    responsibleUnit: "",
-    riskLevel: "",
-    scale: "涓瀷",
-    stableLevel: "",
-    status: "",
-    thickness: 0,
-    threatenFamily: 8,
-    threatenMoney: 0,
-    threatenPopulation: "23",
-    threatenType: "",
-    town: "鐞夌拑搴欓晣",
-    trigger: "",
-    type: "宕╁",
-    village: "瀛欒儭娌熸潙",
-    volume: "",
-    volumePotential: "",
-    width: 0,
-  },
-  {
-    activeStatus: "",
-    areaCode: "",
-    areaName: "",
-    brookLength: 0,
-    checkId: "",
-    city: "鍖椾含甯�",
-    codeProvince: "110116",
-    county: "鎬�鏌�",
-    dangerLevel: "",
-    disasterStatus: "",
-    drainageArea: "",
-    elevation: 0,
-    featureDes: "",
-    groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
-    hasPlan: "",
-    id: "110116030040",
-    latitude: 40.56344444,
-    length: 0,
-    district: "鐞夌拑搴欓晣瀛欒儭娌熸潙娌宠タ浜庡瑗挎矡",
-    longitude: 116.5953889,
-    monitor: "",
-    monitorAdvice: "",
-    name: "浜庡瑗挎矡娉ョ煶娴侀殣鎮g偣",
-    number:
-      "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
-    preventionDes:
-      "宸茬洃娴嬶紝2018鏉戝凡娌荤悊锛涙矡鍙e爢绉墖鏄庢樉锛屾瀵规埧灞嬶紝寤鸿姹涙湡鍔犲己宸℃煡",
-    preventionLevel: "",
-    preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉�",
-    preventionUnit: "涔¢晣",
-    principal: "",
-    province: "鍖椾含甯�",
-    qp: "",
-    reason: "",
-    responsibleUnit: "",
-    riskLevel: "",
-    scale: "涓瀷",
-    stableLevel: "",
-    status: "",
-    thickness: 0,
-    threatenFamily: 18,
-    threatenMoney: 0,
-    threatenPopulation: "59",
-    threatenType: "",
-    town: "鐞夌拑搴欓晣",
-    trigger: "",
-    type: "娉ョ煶娴�",
-    village: "瀛欒儭娌熸潙",
-    volume: "",
-    volumePotential: "",
-    width: 0,
-  },
-  {
-    activeStatus: "",
-    areaCode: "",
-    areaName: "",
-    brookLength: 0,
-    checkId: "",
-    city: "鍖椾含甯�",
-    codeProvince: "110116",
-    county: "鎬�鏌�",
-    dangerLevel: "",
-    disasterStatus: "",
-    drainageArea: "",
-    elevation: 0,
-    featureDes: "",
-    groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
-    hasPlan: "",
-    id: "110116030055",
-    latitude: 40.55283333,
-    length: 0,
-    district: "鐞夌拑搴欓晣瀛欒儭娌熸潙妞存爲搴曚笅涓滄矡",
-    longitude: 116.5999444,
-    monitor: "",
-    monitorAdvice: "",
-    name: "妞存爲搴曚笅涓滄矡娉ョ煶娴侀殣鎮g偣",
-    number:
-      "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
-    preventionDes: "宸叉不鐞嗭細濞佽儊瀵硅薄閲嶅锛氫笌110116030015閲嶅5鎴�11浜�",
-    preventionLevel: "",
-    preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉伙紝绔嬭绀虹墝",
-    preventionUnit: "涔¢晣",
-    principal: "",
-    province: "鍖椾含甯�",
-    qp: "",
-    reason: "",
-    responsibleUnit: "",
-    riskLevel: "",
-    scale: "涓瀷",
-    stableLevel: "",
-    status: "",
-    thickness: 0,
-    threatenFamily: 5,
-    threatenMoney: 0,
-    threatenPopulation: "11",
-    threatenType: "",
-    town: "鐞夌拑搴欓晣",
-    trigger: "",
-    type: "娉ョ煶娴�",
-    village: "瀛欒儭娌熸潙",
-    volume: "",
-    volumePotential: "",
-    width: 0,
-  },
-  {
-    activeStatus: "",
-    areaCode: "",
-    areaName: "",
-    brookLength: 0,
-    checkId: "",
-    city: "鍖椾含甯�",
-    codeProvince: "110116",
-    county: "鎬�鏌�",
-    dangerLevel: "",
-    disasterStatus: "",
-    drainageArea: "",
-    elevation: 0,
-    featureDes: "",
-    groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
-    hasPlan: "",
-    id: "110116030054",
-    latitude: 40.56166667,
-    length: 0,
-    district: "鐞夌拑搴欓晣瀛欒儭娌熸潙涓婂彴瀛愭渤涓滃崡娌�",
-    longitude: 116.5997222,
-    monitor: "",
-    monitorAdvice: "",
-    name: "娌充笢鍗楁矡娉ョ煶娴侀殣鎮g偣",
-    number:
-      "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
-    preventionDes: "宸茬洃娴�",
-    preventionLevel: "",
-    preventionPlan: "瀹氭湡宸℃煡,绔嬭绀虹墝",
-    preventionUnit: "涔¢晣",
-    principal: "",
-    province: "鍖椾含甯�",
-    qp: "",
-    reason: "",
-    responsibleUnit: "",
-    riskLevel: "",
-    scale: "灏忓瀷",
-    stableLevel: "",
-    status: "",
-    thickness: 0,
-    threatenFamily: 0,
-    threatenMoney: 0,
-    threatenPopulation: "",
-    threatenType: "",
-    town: "鐞夌拑搴欓晣",
-    trigger: "",
-    type: "娉ョ煶娴�",
-    village: "瀛欒儭娌熸潙",
-    volume: "",
-    volumePotential: "",
-    width: 0,
-  },
-]);
-function getData() {
-  getDistrictData().then((res) => {
-    districtList.value = res.data;
-  });
-}
+const districtList = ref([]);
+
+// const districtList = ref([
+//   {
+//     activeStatus: "",
+//     areaCode: "",
+//     areaName: "",
+//     brookLength: 0,
+//     checkId: "",
+//     city: "鍖椾含甯�",
+//     codeProvince: "110116",
+//     county: "鎬�鏌�",
+//     dangerLevel: "",
+//     disasterStatus: "",
+//     drainageArea: "",
+//     elevation: 0,
+//     featureDes: "",
+//     groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
+//     hasPlan: "",
+//     id: "110116020058",
+//     latitude: 40.56652778,
+//     length: 0,
+//     district: "鐞夌拑搴欓晣瀛欒儭娌熸潙灏瑰瑗挎矡灏瑰缓鐕曞灞嬪悗",
+//     longitude: 116.5803889,
+//     monitor: "",
+//     monitorAdvice: "",
+//     name: "灏瑰瑗挎矡灏瑰缓鐕曞灞嬪悗宕╁闅愭偅鐐�",
+//     number:
+//       "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
+//     preventionDes: "",
+//     preventionLevel: "",
+//     preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉伙紝绔嬭绀虹墝",
+//     preventionUnit: "涔¢晣",
+//     principal: "",
+//     province: "鍖椾含甯�",
+//     qp: "",
+//     reason: "",
+//     responsibleUnit: "",
+//     riskLevel: "",
+//     scale: "灏忓瀷",
+//     stableLevel: "",
+//     status: "",
+//     thickness: 0,
+//     threatenFamily: 2,
+//     threatenMoney: 0,
+//     threatenPopulation: "3",
+//     threatenType: "",
+//     town: "鐞夌拑搴欓晣",
+//     trigger: "",
+//     type: "宕╁",
+//     village: "瀛欒儭娌熸潙",
+//     volume: "",
+//     volumePotential: "",
+//     width: 0,
+//   },
+//   {
+//     activeStatus: "",
+//     areaCode: "",
+//     areaName: "",
+//     brookLength: 0,
+//     checkId: "",
+//     city: "鍖椾含甯�",
+//     codeProvince: "110116",
+//     county: "鎬�鏌�",
+//     dangerLevel: "",
+//     disasterStatus: "",
+//     drainageArea: "",
+//     elevation: 0,
+//     featureDes: "",
+//     groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
+//     hasPlan: "",
+//     id: "110116020078",
+//     latitude: 40.56497222,
+//     length: 0,
+//     district: "鐞夌拑搴欓晣瀛欒儭娌熸潙娌宠タ浜庡嚖鑻卞灞嬪悗",
+//     longitude: 116.5955278,
+//     monitor: "",
+//     monitorAdvice: "",
+//     name: "娌宠タ浜庡嚖鑻卞灞嬪悗宕╁闅愭偅鐐�",
+//     number:
+//       "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
+//     preventionDes: "",
+//     preventionLevel: "",
+//     preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉伙紝绔嬭绀虹墝",
+//     preventionUnit: "涔¢晣",
+//     principal: "",
+//     province: "鍖椾含甯�",
+//     qp: "",
+//     reason: "",
+//     responsibleUnit: "",
+//     riskLevel: "",
+//     scale: "灏忓瀷",
+//     stableLevel: "",
+//     status: "",
+//     thickness: 0,
+//     threatenFamily: 4,
+//     threatenMoney: 0,
+//     threatenPopulation: "6",
+//     threatenType: "",
+//     town: "鐞夌拑搴欓晣",
+//     trigger: "",
+//     type: "宕╁",
+//     village: "瀛欒儭娌熸潙",
+//     volume: "",
+//     volumePotential: "",
+//     width: 0,
+//   },
+//   {
+//     activeStatus: "",
+//     areaCode: "",
+//     areaName: "",
+//     brookLength: 0,
+//     checkId: "",
+//     city: "鍖椾含甯�",
+//     codeProvince: "110116",
+//     county: "鎬�鏌�",
+//     dangerLevel: "",
+//     disasterStatus: "",
+//     drainageArea: "",
+//     elevation: 0,
+//     featureDes: "",
+//     groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
+//     hasPlan: "",
+//     id: "110116030041",
+//     latitude: 40.55369444,
+//     length: 0,
+//     district: "鐞夌拑搴欓晣瀛欒儭娌熷叕璺�",
+//     longitude: 116.6002778,
+//     monitor: "",
+//     monitorAdvice: "",
+//     name: "鍗楁灏忎笢娌熸偿鐭虫祦闅愭偅鐐�",
+//     number:
+//       "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
+//     preventionDes: "",
+//     preventionLevel: "",
+//     preventionPlan: "瀹氭湡宸℃煡,绔嬭绀虹墝",
+//     preventionUnit: "涔¢晣",
+//     principal: "",
+//     province: "鍖椾含甯�",
+//     qp: "",
+//     reason: "",
+//     responsibleUnit: "",
+//     riskLevel: "",
+//     scale: "灏忓瀷",
+//     stableLevel: "",
+//     status: "",
+//     thickness: 0,
+//     threatenFamily: 0,
+//     threatenMoney: 0,
+//     threatenPopulation: "",
+//     threatenType: "",
+//     town: "鐞夌拑搴欓晣",
+//     trigger: "",
+//     type: "娉ョ煶娴�",
+//     village: "瀛欒儭娌熸潙",
+//     volume: "",
+//     volumePotential: "",
+//     width: 0,
+//   },
+//   {
+//     activeStatus: "",
+//     areaCode: "",
+//     areaName: "",
+//     brookLength: 0,
+//     checkId: "",
+//     city: "鍖椾含甯�",
+//     codeProvince: "110116",
+//     county: "鎬�鏌�",
+//     dangerLevel: "",
+//     disasterStatus: "",
+//     drainageArea: "",
+//     elevation: 0,
+//     featureDes: "",
+//     groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
+//     hasPlan: "",
+//     id: "110116030015",
+//     latitude: 40.55277778,
+//     length: 0,
+//     district: "鐞夌拑搴欓晣瀛欒儭娌熸潙鍗楁鏉戝ぇ绐戞矡",
+//     longitude: 116.5994722,
+//     monitor: "",
+//     monitorAdvice: "",
+//     name: "澶х獞娌熸偿鐭虫祦闅愭偅鐐�",
+//     number:
+//       "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
+//     preventionDes: "宸茬洃娴嬨�佸凡娌荤悊",
+//     preventionLevel: "",
+//     preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉伙紝绔嬭绀虹墝",
+//     preventionUnit: "涔¢晣",
+//     principal: "",
+//     province: "鍖椾含甯�",
+//     qp: "",
+//     reason: "",
+//     responsibleUnit: "",
+//     riskLevel: "",
+//     scale: "涓瀷",
+//     stableLevel: "",
+//     status: "",
+//     thickness: 0,
+//     threatenFamily: 5,
+//     threatenMoney: 0,
+//     threatenPopulation: "11",
+//     threatenType: "",
+//     town: "鐞夌拑搴欓晣",
+//     trigger: "",
+//     type: "娉ョ煶娴�",
+//     village: "瀛欒儭娌熸潙",
+//     volume: "",
+//     volumePotential: "",
+//     width: 0,
+//   },
+//   {
+//     activeStatus: "",
+//     areaCode: "",
+//     areaName: "",
+//     brookLength: 0,
+//     checkId: "",
+//     city: "鍖椾含甯�",
+//     codeProvince: "110116",
+//     county: "鎬�鏌�",
+//     dangerLevel: "",
+//     disasterStatus: "",
+//     drainageArea: "",
+//     elevation: 0,
+//     featureDes: "",
+//     groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
+//     hasPlan: "",
+//     id: "110116030076",
+//     latitude: 40.55972222,
+//     length: 0,
+//     district: "鐞夌拑搴欓晣瀛欒儭娌熸潙涓滃潕澶т笢娌�",
+//     longitude: 116.5916667,
+//     monitor: "",
+//     monitorAdvice: "",
+//     name: "澶т笢娌熸偿鐭虫祦闅愭偅鐐�",
+//     number:
+//       "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
+//     preventionDes: "宸叉不鐞�",
+//     preventionLevel: "",
+//     preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉�",
+//     preventionUnit: "涔¢晣",
+//     principal: "",
+//     province: "鍖椾含甯�",
+//     qp: "",
+//     reason: "",
+//     responsibleUnit: "",
+//     riskLevel: "",
+//     scale: "灏忓瀷",
+//     stableLevel: "",
+//     status: "",
+//     thickness: 0,
+//     threatenFamily: 1,
+//     threatenMoney: 0,
+//     threatenPopulation: "2",
+//     threatenType: "",
+//     town: "鐞夌拑搴欓晣",
+//     trigger: "",
+//     type: "娉ョ煶娴�",
+//     village: "瀛欒儭娌熸潙",
+//     volume: "",
+//     volumePotential: "",
+//     width: 0,
+//   },
+//   {
+//     activeStatus: "",
+//     areaCode: "",
+//     areaName: "",
+//     brookLength: 0,
+//     checkId: "",
+//     city: "鍖椾含甯�",
+//     codeProvince: "110116",
+//     county: "鎬�鏌�",
+//     dangerLevel: "",
+//     disasterStatus: "",
+//     drainageArea: "",
+//     elevation: 0,
+//     featureDes: "",
+//     groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
+//     hasPlan: "",
+//     id: "110116030074",
+//     latitude: 40.56580556,
+//     length: 0,
+//     district: "鐞夌拑搴欓晣瀛欒儭娌熸潙灏瑰瑗挎矡",
+//     longitude: 116.59,
+//     monitor: "",
+//     monitorAdvice: "",
+//     name: "灏瑰瑗挎矡娉ョ煶娴侀殣鎮g偣",
+//     number:
+//       "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
+//     preventionDes:
+//       "宸茬洃娴嬶紱鐏惧浣撳彉鍖栵細4澶勫潯绉墿鍨锛屽爢绉嚦鍧¤剼锛屾柟閲忕害20m鲁銆�",
+//     preventionLevel: "",
+//     preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉�",
+//     preventionUnit: "涔¢晣",
+//     principal: "",
+//     province: "鍖椾含甯�",
+//     qp: "",
+//     reason: "",
+//     responsibleUnit: "",
+//     riskLevel: "",
+//     scale: "涓瀷",
+//     stableLevel: "",
+//     status: "",
+//     thickness: 0,
+//     threatenFamily: 7,
+//     threatenMoney: 0,
+//     threatenPopulation: "12",
+//     threatenType: "",
+//     town: "鐞夌拑搴欓晣",
+//     trigger: "",
+//     type: "娉ョ煶娴�",
+//     village: "瀛欒儭娌熸潙",
+//     volume: "",
+//     volumePotential: "",
+//     width: 0,
+//   },
+//   {
+//     activeStatus: "",
+//     areaCode: "",
+//     areaName: "",
+//     brookLength: 0,
+//     checkId: "",
+//     city: "鍖椾含甯�",
+//     codeProvince: "110116",
+//     county: "鎬�鏌�",
+//     dangerLevel: "",
+//     disasterStatus: "",
+//     drainageArea: "",
+//     elevation: 0,
+//     featureDes: "",
+//     groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
+//     hasPlan: "",
+//     id: "110116030053",
+//     latitude: 40.57361111,
+//     length: 0,
+//     district: "鐞夌拑搴欓晣瀛欒儭娌熸潙鍖楀ぇ鍦拌タ娲煎瓙娌�",
+//     longitude: 116.5897222,
+//     monitor: "",
+//     monitorAdvice: "",
+//     name: "鍖楀ぇ鍦拌タ娲煎瓙娌熸偿鐭虫祦闅愭偅鐐�",
+//     number:
+//       "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
+//     preventionDes: "娌熷彛姝e鎴垮眿锛岄檷闆ㄦ椂鍑烘按閲忓ぇ锛屽缓璁不鐞嗭紝姹涙湡鍔犲己宸℃煡",
+//     preventionLevel: "",
+//     preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉伙紝绔嬭绀虹墝",
+//     preventionUnit: "涔¢晣",
+//     principal: "",
+//     province: "鍖椾含甯�",
+//     qp: "",
+//     reason: "",
+//     responsibleUnit: "",
+//     riskLevel: "",
+//     scale: "涓瀷",
+//     stableLevel: "",
+//     status: "",
+//     thickness: 0,
+//     threatenFamily: 6,
+//     threatenMoney: 0,
+//     threatenPopulation: "10",
+//     threatenType: "",
+//     town: "鐞夌拑搴欓晣",
+//     trigger: "",
+//     type: "娉ョ煶娴�",
+//     village: "瀛欒儭娌熸潙",
+//     volume: "",
+//     volumePotential: "",
+//     width: 0,
+//   },
+//   {
+//     activeStatus: "",
+//     areaCode: "",
+//     areaName: "",
+//     brookLength: 0,
+//     checkId: "",
+//     city: "鍖椾含甯�",
+//     codeProvince: "110116",
+//     county: "鎬�鏌�",
+//     dangerLevel: "",
+//     disasterStatus: "",
+//     drainageArea: "",
+//     elevation: 0,
+//     featureDes: "",
+//     groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
+//     hasPlan: "",
+//     id: "110116020102",
+//     latitude: 40.55972222,
+//     length: 0,
+//     district: "鐞夌拑搴欓晣瀛欒儭娌熸潙鑼冨搴勭帇绉�鑾插灞嬪悗",
+//     longitude: 116.5922222,
+//     monitor: "",
+//     monitorAdvice: "",
+//     name: "鑼冨搴勭帇绉�鑾插灞嬪悗宕╁闅愭偅鐐�",
+//     number:
+//       "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
+//     preventionDes: "杈瑰潯杈冮櫋锛岄『鍚戝博灞傦紝鎴垮眿闈犺繎鍧¤剼锛屽缓璁敖蹇不鐞�",
+//     preventionLevel: "",
+//     preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉伙紝绔嬭绀虹墝",
+//     preventionUnit: "涔¢晣",
+//     principal: "",
+//     province: "鍖椾含甯�",
+//     qp: "",
+//     reason: "",
+//     responsibleUnit: "",
+//     riskLevel: "",
+//     scale: "灏忓瀷",
+//     stableLevel: "",
+//     status: "",
+//     thickness: 0,
+//     threatenFamily: 1,
+//     threatenMoney: 0,
+//     threatenPopulation: "3",
+//     threatenType: "",
+//     town: "鐞夌拑搴欓晣",
+//     trigger: "",
+//     type: "宕╁",
+//     village: "瀛欒儭娌熸潙",
+//     volume: "",
+//     volumePotential: "",
+//     width: 0,
+//   },
+//   {
+//     activeStatus: "",
+//     areaCode: "",
+//     areaName: "",
+//     brookLength: 0,
+//     checkId: "",
+//     city: "鍖椾含甯�",
+//     codeProvince: "110116",
+//     county: "鎬�鏌�",
+//     dangerLevel: "",
+//     disasterStatus: "",
+//     drainageArea: "",
+//     elevation: 0,
+//     featureDes: "",
+//     groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
+//     hasPlan: "",
+//     id: "110116020742",
+//     latitude: 40.57680556,
+//     length: 0,
+//     district: "鐞夌拑搴欓晣瀛欒儭娌熸潙涓変憨鍦拌寖蹇犵敯瀹跺眿鍚�",
+//     longitude: 116.5887222,
+//     monitor: "",
+//     monitorAdvice: "",
+//     name: "涓変憨鍦拌寖蹇犵敯瀹跺眿鍚庡穿濉岄殣鎮g偣",
+//     number:
+//       "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
+//     preventionDes: "",
+//     preventionLevel: "",
+//     preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉伙紝鏇存崲璀︾ず鐗�",
+//     preventionUnit: "涔¢晣",
+//     principal: "",
+//     province: "鍖椾含甯�",
+//     qp: "",
+//     reason: "",
+//     responsibleUnit: "",
+//     riskLevel: "",
+//     scale: "涓瀷",
+//     stableLevel: "",
+//     status: "",
+//     thickness: 0,
+//     threatenFamily: 8,
+//     threatenMoney: 0,
+//     threatenPopulation: "23",
+//     threatenType: "",
+//     town: "鐞夌拑搴欓晣",
+//     trigger: "",
+//     type: "宕╁",
+//     village: "瀛欒儭娌熸潙",
+//     volume: "",
+//     volumePotential: "",
+//     width: 0,
+//   },
+//   {
+//     activeStatus: "",
+//     areaCode: "",
+//     areaName: "",
+//     brookLength: 0,
+//     checkId: "",
+//     city: "鍖椾含甯�",
+//     codeProvince: "110116",
+//     county: "鎬�鏌�",
+//     dangerLevel: "",
+//     disasterStatus: "",
+//     drainageArea: "",
+//     elevation: 0,
+//     featureDes: "",
+//     groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
+//     hasPlan: "",
+//     id: "110116030040",
+//     latitude: 40.56344444,
+//     length: 0,
+//     district: "鐞夌拑搴欓晣瀛欒儭娌熸潙娌宠タ浜庡瑗挎矡",
+//     longitude: 116.5953889,
+//     monitor: "",
+//     monitorAdvice: "",
+//     name: "浜庡瑗挎矡娉ョ煶娴侀殣鎮g偣",
+//     number:
+//       "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
+//     preventionDes:
+//       "宸茬洃娴嬶紝2018鏉戝凡娌荤悊锛涙矡鍙e爢绉墖鏄庢樉锛屾瀵规埧灞嬶紝寤鸿姹涙湡鍔犲己宸℃煡",
+//     preventionLevel: "",
+//     preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉�",
+//     preventionUnit: "涔¢晣",
+//     principal: "",
+//     province: "鍖椾含甯�",
+//     qp: "",
+//     reason: "",
+//     responsibleUnit: "",
+//     riskLevel: "",
+//     scale: "涓瀷",
+//     stableLevel: "",
+//     status: "",
+//     thickness: 0,
+//     threatenFamily: 18,
+//     threatenMoney: 0,
+//     threatenPopulation: "59",
+//     threatenType: "",
+//     town: "鐞夌拑搴欓晣",
+//     trigger: "",
+//     type: "娉ョ煶娴�",
+//     village: "瀛欒儭娌熸潙",
+//     volume: "",
+//     volumePotential: "",
+//     width: 0,
+//   },
+//   {
+//     activeStatus: "",
+//     areaCode: "",
+//     areaName: "",
+//     brookLength: 0,
+//     checkId: "",
+//     city: "鍖椾含甯�",
+//     codeProvince: "110116",
+//     county: "鎬�鏌�",
+//     dangerLevel: "",
+//     disasterStatus: "",
+//     drainageArea: "",
+//     elevation: 0,
+//     featureDes: "",
+//     groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
+//     hasPlan: "",
+//     id: "110116030055",
+//     latitude: 40.55283333,
+//     length: 0,
+//     district: "鐞夌拑搴欓晣瀛欒儭娌熸潙妞存爲搴曚笅涓滄矡",
+//     longitude: 116.5999444,
+//     monitor: "",
+//     monitorAdvice: "",
+//     name: "妞存爲搴曚笅涓滄矡娉ョ煶娴侀殣鎮g偣",
+//     number:
+//       "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
+//     preventionDes: "宸叉不鐞嗭細濞佽儊瀵硅薄閲嶅锛氫笌110116030015閲嶅5鎴�11浜�",
+//     preventionLevel: "",
+//     preventionPlan: "瀹氭湡宸℃煡锛岄璀﹁浆绉伙紝绔嬭绀虹墝",
+//     preventionUnit: "涔¢晣",
+//     principal: "",
+//     province: "鍖椾含甯�",
+//     qp: "",
+//     reason: "",
+//     responsibleUnit: "",
+//     riskLevel: "",
+//     scale: "涓瀷",
+//     stableLevel: "",
+//     status: "",
+//     thickness: 0,
+//     threatenFamily: 5,
+//     threatenMoney: 0,
+//     threatenPopulation: "11",
+//     threatenType: "",
+//     town: "鐞夌拑搴欓晣",
+//     trigger: "",
+//     type: "娉ョ煶娴�",
+//     village: "瀛欒儭娌熸潙",
+//     volume: "",
+//     volumePotential: "",
+//     width: 0,
+//   },
+//   {
+//     activeStatus: "",
+//     areaCode: "",
+//     areaName: "",
+//     brookLength: 0,
+//     checkId: "",
+//     city: "鍖椾含甯�",
+//     codeProvince: "110116",
+//     county: "鎬�鏌�",
+//     dangerLevel: "",
+//     disasterStatus: "",
+//     drainageArea: "",
+//     elevation: 0,
+//     featureDes: "",
+//     groupMonitor: "鏉庢姊�,瀛欐鍜�,鑼冩弧鐢�,绉﹀缓鏉�,瀛欐姹�,瀛欐浼�",
+//     hasPlan: "",
+//     id: "110116030054",
+//     latitude: 40.56166667,
+//     length: 0,
+//     district: "鐞夌拑搴欓晣瀛欒儭娌熸潙涓婂彴瀛愭渤涓滃崡娌�",
+//     longitude: 116.5997222,
+//     monitor: "",
+//     monitorAdvice: "",
+//     name: "娌充笢鍗楁矡娉ョ煶娴侀殣鎮g偣",
+//     number:
+//       "13716108909,13716029391,13716291714,13716191943,13716427398,13124792612",
+//     preventionDes: "宸茬洃娴�",
+//     preventionLevel: "",
+//     preventionPlan: "瀹氭湡宸℃煡,绔嬭绀虹墝",
+//     preventionUnit: "涔¢晣",
+//     principal: "",
+//     province: "鍖椾含甯�",
+//     qp: "",
+//     reason: "",
+//     responsibleUnit: "",
+//     riskLevel: "",
+//     scale: "灏忓瀷",
+//     stableLevel: "",
+//     status: "",
+//     thickness: 0,
+//     threatenFamily: 0,
+//     threatenMoney: 0,
+//     threatenPopulation: "",
+//     threatenType: "",
+//     town: "鐞夌拑搴欓晣",
+//     trigger: "",
+//     type: "娉ョ煶娴�",
+//     village: "瀛欒儭娌熸潙",
+//     volume: "",
+//     volumePotential: "",
+//     width: 0,
+//   },
+// ]);
+
 function handleClick(district) {
-  const entity = viewer.entities.getById(district.id);
+  const entity = viewer.entities.getById(district.unifiedCode);
   if (entity) {
     viewer.flyTo(entity, {
       offset: {
@@ -713,18 +717,36 @@
   // }
 }
 
-function initDistrictPoint() {
-  districtList.value.forEach((item) => {
-    item.showBillboard = false;
-    item.className = "district";
+// 闅愭偅鐐瑰垪琛�
+const originalData = simStore.DangerPoint; // 瀛樺偍鍘熷鏁版嵁锛堜粎鍔犺浇涓�娆★級
 
-    createPoint(item);
-  });
-}
+// 鏍规嵁鍖哄煙鍚嶇О杩囨护鏁版嵁
+const filterDataByArea = (areaName) => {
+  if (!areaName) {
+    districtList.value = [];
+    return;
+  }
 
-onMounted(() => {
-  getData();
-  // initDistrictPoint()
+  districtList.value = originalData.filter((item) =>
+    item.position?.includes(areaName)
+  );
+};
+
+// 澶勭悊鍖哄煙鍙樺寲浜嬩欢
+const handleChange = (item) => {
+  const areaName = item;
+  if (!areaName) {
+    ElMessage.warning("璇烽�夋嫨涓�涓尯鍩�");
+    return;
+  }
+
+  filterDataByArea(areaName);
+};
+
+// 缁勪欢鎸傝浇鏃跺姞杞藉師濮嬫暟鎹紝骞堕粯璁よ繃婊や负 "瀛欒儭娌�"
+onMounted(async () => {
+  // await loadAllData();
+  filterDataByArea("瀛欒儭娌�"); // 榛樿鏄剧ず瀛欒儭娌熺殑鏁版嵁
 });
 onBeforeUnmount(() => {
   // removeEntities()
@@ -760,6 +782,9 @@
 .district-item-text {
   color: white;
   line-height: 30px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 /deep/ .el-select__placeholder {
   color: white;

--
Gitblit v1.9.3