diff --git a/.vscode/settings.json b/.vscode/settings.json index c112660..950b1d3 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -43,7 +43,7 @@ "vite" ], "editor.codeActionsOnSave": { - "source.fixAll.eslint": true + "source.fixAll.eslint": "explicit" }, "volar.tsPlugin": true, "typescript.tsdk": "node_modules/typescript/lib", diff --git a/src/api/map.ts b/src/api/map.ts index a949486..cb36a9b 100644 --- a/src/api/map.ts +++ b/src/api/map.ts @@ -7,7 +7,7 @@ export function emerShelterList(params) { return request({ url: `/screen/index/emerShelterList`, method: "GET", - params:params + params: params }); } /** @@ -26,7 +26,7 @@ export function emerRiskPoolList(params) { return request({ url: `/screen/index/emerRiskPoolList`, method: "GET", - params:params + params: params }); } /** @@ -45,7 +45,7 @@ export function emerWareHouseList(params) { return request({ url: `/screen/index/emerWareHouseList`, method: "GET", - params:params + params: params }); } /** @@ -57,11 +57,34 @@ export function emerWareHouseDetail(params) { method: "GET", }); } + + +/** + *地图信息:应急上报事件列表 + */ +export function emerEventList(params) { + return request({ + url: `/screen/index/emerEventList`, + method: "GET", + params: params + }); +} + +/** + *地图信息:户籍列表 + */ +export function domicileList(params) { + return request({ + url: `/screen/index/domicileList`, + method: "GET", + params: params + }); +} // 地图信息:整体信息 export function emerMapInfo(params) { return request({ url: `/screen/index/emerMapInfo`, method: "GET", - params:params + params: params }); } \ No newline at end of file diff --git a/src/assets/images/marks/icon-fj.png b/src/assets/images/marks/icon-fj.png new file mode 100644 index 0000000..395637f Binary files /dev/null and b/src/assets/images/marks/icon-fj.png differ diff --git a/src/assets/images/marks/icon-sb.png b/src/assets/images/marks/icon-sb.png new file mode 100644 index 0000000..b91817d Binary files /dev/null and b/src/assets/images/marks/icon-sb.png differ diff --git a/src/components/global-register/map/Mars3D.vue b/src/components/global-register/map/Mars3D.vue index b8dd731..170f39c 100644 --- a/src/components/global-register/map/Mars3D.vue +++ b/src/components/global-register/map/Mars3D.vue @@ -14,6 +14,8 @@ import { emerShelterList, emerRiskPoolList, emerWareHouseList, + emerEventList, + domicileList, emerShelterDetail, emerWareHouseDetail, emerRiskPoolDetail, @@ -138,7 +140,7 @@ const getEmerShelterList = () => { emerShelterList({}).then((res: any) => { res.data.forEach((item) => { // console.log(item, "item===>"); - addMark(item.lng, item.lat, "icon-bncs", 1, item.othrefugeid); + addMark(item.lng, item.lat, "icon-bncs", 1, item.othrefugeid, item); }); }); }; @@ -147,7 +149,7 @@ const getEmerRiskPoolList = () => { emerRiskPoolList({}).then((res: any) => { res.data.forEach((item) => { // console.log(item, "item===>"); - addMark(item.lon, item.lat, "icon-wl", 2, item.poolId); + addMark(item.lon, item.lat, "icon-wl", 2, item.poolId, item); }); }); }; @@ -156,7 +158,26 @@ const getEmerWareHouseList = () => { emerWareHouseList({}).then((res: any) => { res.data.forEach((item) => { // console.log(item, "item===>"); - addMark(item.lon, item.lat, "icon-hj", 3, item.houseId); + addMark(item.lon, item.lat, "icon-hj", 3, item.houseId, item); + }); + }); +}; +//地图信息:应急上报事件列表 +const getemerEventList = () => { + emerEventList({}).then((res: any) => { + res.data.forEach((item) => { + // console.log(item, "item===>"); + addMark(item.lon, item.lat, "icon-sb", 4, item.emerEventId, item); + }); + }); +}; + +//地图信息:户籍列表 +const getdomicileList = () => { + domicileList({}).then((res: any) => { + res.data.forEach((item) => { + // console.log(item, "item===>"); + addMark(item.lon, item.lat, "icon-fj", 5, item.emerEventId, item); }); }); }; @@ -179,6 +200,10 @@ const loadLayer = (insideJson: string, outJson: string) => { getEmerRiskPoolList(); // 应急仓库列表 getEmerWareHouseList(); + //应急上报事件列表 + getemerEventList(); + //户籍列表 + getdomicileList(); }; /** @@ -371,63 +396,54 @@ const datatext4 = ref("xxxxxxx地址"); * 加载点击区域 */ const loadAreaChild = (attrTemp: any) => { - // graphicLayer.value = new mars3d.layer.GraphicLayer(); - // map.addLayer(graphicLayer.value); graphicLayer.value.bindPopup((event: any) => { - // console.log(event, "event====>"); - + console.log(event.graphic, "event====>"); let attr = event.graphic.attr || {}; - // console.log(attr, "attr==>"); - console.log( - event.graphic.objectsToExclude?.id, - "event.graphic.objectsToExclude?.id===>" - ); let title = "点位"; + let item = event.graphic.objectsToExclude?.item switch (event.graphic.objectsToExclude?.type || -1) { case 1: title = "避难场所"; - emerShelterDetail({ - id: event.graphic.objectsToExclude?.id, - }).then((res: any) => { - attr["场所名称:"] = res.data.name; - attr["占地面积:"] = res.data.space; - attr["地址:"] = res.data.address; + attr["场所名称:"] = item.name; + attr["占地面积:"] = item.space; + attr["地址:"] = item.address; attr["跳转:"] = ``; - }); - // getemerShelterDetail(id); break; case 2: - title = "风险池"; - emerRiskPoolDetail({ id: event.graphic.objectsToExclude?.id }).then( - (res: any) => { - attr["风险地址:"] = res.data.address; - attr["风险类型:"] = res.data.typeName; - attr["跳转:"] = ``; - } - ); break; case 3: title = "应急仓库"; - emerWareHouseDetail({ id: event.graphic.objectsToExclude?.id }).then( - (res: any) => { - attr["地址:"] = res.data.address; - attr["管理员:"] = res.data.nameId; - attr["联系电话:"] = res.data.telephone; - attr["跳转:"] = ``; - } - ); + break; + case 4: + title = "应急上报事件"; + attr["上报标题:"] = item.title; + attr["所属地区:"] = item.areaName; + attr["上报地址:"] = item.address; + break; + case 5: + title = "户籍信息"; + attr["上报标题:"] = item.name; + attr["所属地区:"] = item.areaName; break; default: @@ -438,11 +454,6 @@ const loadAreaChild = (attrTemp: any) => { attr["应急仓库:"] = wholeNumber.value.emerWareHouseNum; break; } - // return mars3d.Util.getTemplateHtml({ - // title, - // template: "all", - // attr, - // }); return mars3d.Util.getTemplateHtml({ title, template: "all", @@ -489,10 +500,11 @@ const addMark = ( lat: number, imgName: string, type: number, - id: string + id: string, + item:object ) => { const graphic = new mars3d.graphic.BillboardEntity({ - objectsToExclude: { type, id }, + objectsToExclude: { type, id, item }, position: new mars3d.LngLatPoint(lng, lat), style: { image: getImageUrl(imgName), diff --git a/src/views/home-page/right-side/components/command.vue b/src/views/home-page/right-side/components/command.vue index d690640..bbe49e5 100644 --- a/src/views/home-page/right-side/components/command.vue +++ b/src/views/home-page/right-side/components/command.vue @@ -164,7 +164,7 @@ width="100" />