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