|
@@ -194,6 +194,8 @@ import searchImg from "@/assets/images/search.png";
|
|
|
import { ElTable, ElTableColumn } from "element-plus";
|
|
|
import {getRainfallDzzhList} from "@/api/disasterRiskMonitor/geologicalDisaster";
|
|
|
import {getDicts} from "@/api/system/dict/data";
|
|
|
+import {getPointInfo2} from "@/api/globalMap/layerAnalysis";
|
|
|
+import {getPointInfo} from "@/api/globalMap";
|
|
|
const getImageUrl = name => {
|
|
|
return new URL(
|
|
|
`../../assets/images/disasterRiskMonitor/geologicalDisaster/${name}`,
|
|
@@ -260,7 +262,7 @@ function onSearchKeyword(keyword) {
|
|
|
const onSearchCancel = () => {
|
|
|
// 清空搜索关键字
|
|
|
queryParams.keyword = "";
|
|
|
- queryParams.page = 0;
|
|
|
+ queryParams.page = 1;
|
|
|
// 刷新列表数据
|
|
|
getList();
|
|
|
};
|
|
@@ -308,155 +310,156 @@ let iconList = reactive({
|
|
|
});
|
|
|
const initData = () => {
|
|
|
const dom = mapRef.value;
|
|
|
- let data = [
|
|
|
- {
|
|
|
- area: "电白",
|
|
|
- type: "滨海新区",
|
|
|
- name: "海滨街道办",
|
|
|
- speed: "滑坡",
|
|
|
- longitude: "110.909224",
|
|
|
- latitude: "21.668767",
|
|
|
- dataType: "7"
|
|
|
- },
|
|
|
- {
|
|
|
- area: "电白",
|
|
|
- type: "林头镇",
|
|
|
- name: "林头村",
|
|
|
- speed: "崩塌",
|
|
|
- longitude: "111.060786",
|
|
|
- latitude: "21.662923",
|
|
|
- dataType: "6"
|
|
|
- },
|
|
|
- {
|
|
|
- area: "电白",
|
|
|
- type: "观珠镇",
|
|
|
- name: "观珠市场",
|
|
|
- speed: "地面沉降",
|
|
|
- longitude: "111.180764",
|
|
|
- latitude: "21.693005",
|
|
|
- dataType: "1"
|
|
|
- },
|
|
|
- {
|
|
|
- area: "高州",
|
|
|
- type: "石鼓镇",
|
|
|
- name: "石鼓村",
|
|
|
- speed: "不稳定斜坡",
|
|
|
- longitude: "110.784333",
|
|
|
- latitude: "21.817914",
|
|
|
- dataType: "2"
|
|
|
- },
|
|
|
- {
|
|
|
- area: "高州",
|
|
|
- type: "沙田镇",
|
|
|
- name: "沙田中学",
|
|
|
- speed: "地裂缝",
|
|
|
- longitude: "110.716255",
|
|
|
- latitude: "21.903135",
|
|
|
- dataType: "3"
|
|
|
- },
|
|
|
- {
|
|
|
- area: "化州",
|
|
|
- type: "鉴江街道",
|
|
|
- name: "鉴江社区",
|
|
|
- speed: "地面塌陷",
|
|
|
- longitude: "110.643747",
|
|
|
- latitude: "21.662584",
|
|
|
- dataType: "1"
|
|
|
- },
|
|
|
- {
|
|
|
- area: "化州",
|
|
|
- type: "平定镇",
|
|
|
- name: "平定村",
|
|
|
- speed: "泥石流",
|
|
|
- longitude: "110.48873",
|
|
|
- latitude: "21.995832",
|
|
|
- dataType: "4"
|
|
|
- },
|
|
|
- {
|
|
|
- area: "茂南",
|
|
|
- type: "袂花镇",
|
|
|
- name: "袂花新村",
|
|
|
- speed: "滑坡",
|
|
|
- longitude: "110.934297",
|
|
|
- latitude: "21.584798",
|
|
|
- dataType: "7"
|
|
|
- },
|
|
|
- {
|
|
|
- area: "信宜",
|
|
|
- type: "镇隆镇",
|
|
|
- name: "镇隆村",
|
|
|
- speed: "地面沉降",
|
|
|
- longitude: "110.813548",
|
|
|
- latitude: "22.258782",
|
|
|
- dataType: "5"
|
|
|
- },
|
|
|
- {
|
|
|
- area: "信宜",
|
|
|
- type: "池洞镇",
|
|
|
- name: "池洞小学",
|
|
|
- speed: "不稳定斜坡",
|
|
|
- longitude: "110.947427",
|
|
|
- latitude: "22.430677",
|
|
|
- dataType: "4"
|
|
|
- },
|
|
|
- {
|
|
|
- area: "电白",
|
|
|
- type: "树仔镇",
|
|
|
- name: "树仔村",
|
|
|
- speed: "地裂缝",
|
|
|
- longitude: "111.23051",
|
|
|
- latitude: "21.534052",
|
|
|
- dataType: "3"
|
|
|
- },
|
|
|
- {
|
|
|
- area: "高州",
|
|
|
- type: "荷塘镇",
|
|
|
- name: "荷塘市场",
|
|
|
- speed: "地面塌陷",
|
|
|
- longitude: "110.715249",
|
|
|
- latitude: "22.000191",
|
|
|
- dataType: "2"
|
|
|
- },
|
|
|
- {
|
|
|
- area: "化州",
|
|
|
- type: "官桥镇",
|
|
|
- name: "官桥村",
|
|
|
- speed: "泥石流",
|
|
|
- longitude: "110.501246",
|
|
|
- latitude: "21.73678",
|
|
|
- dataType: "1"
|
|
|
- },
|
|
|
- {
|
|
|
- area: "茂南",
|
|
|
- type: "金塘镇",
|
|
|
- name: "金塘社区",
|
|
|
- speed: "滑坡",
|
|
|
- longitude: "110.84123",
|
|
|
- latitude: "21.747705",
|
|
|
- dataType: "5"
|
|
|
- },
|
|
|
- {
|
|
|
- area: "信宜",
|
|
|
- type: "丁堡镇",
|
|
|
- name: "丁堡村",
|
|
|
- speed: "崩塌",
|
|
|
- longitude: "110.982427",
|
|
|
- latitude: "22.306876",
|
|
|
- dataType: "3"
|
|
|
- }
|
|
|
- ];
|
|
|
- data.forEach(item => {
|
|
|
- const icon =
|
|
|
- item.dataType && !!iconList[item.dataType].image
|
|
|
- ? iconList[item.dataType].image
|
|
|
- : "";
|
|
|
- item.icon = icon;
|
|
|
- item.image = icon;
|
|
|
- item.imageHover = icon;
|
|
|
- item.size = iconList[item.dataType].size;
|
|
|
- item.lnglat = [item.longitude, item.latitude];
|
|
|
+ getPointInfo('17').then((res) => {
|
|
|
+ const data = res.data.list;
|
|
|
+ data.forEach(item => {
|
|
|
+ const icon = item.dataType && !!iconList[item.dataType] ? iconList[item.dataType] : iconList[7];
|
|
|
+ item.icon = icon.image;
|
|
|
+ item.image = icon.image;
|
|
|
+ item.imageHover = icon.image;
|
|
|
+ item.size = icon.size;
|
|
|
+ item.lnglat = [item.longitude, item.latitude];
|
|
|
+ });
|
|
|
+ dom.addMarker(data);
|
|
|
});
|
|
|
- dom.addMarker(data);
|
|
|
+ // let data = [
|
|
|
+ // {
|
|
|
+ // area: "电白",
|
|
|
+ // type: "滨海新区",
|
|
|
+ // name: "海滨街道办",
|
|
|
+ // speed: "滑坡",
|
|
|
+ // longitude: "110.909224",
|
|
|
+ // latitude: "21.668767",
|
|
|
+ // dataType: "7"
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // area: "电白",
|
|
|
+ // type: "林头镇",
|
|
|
+ // name: "林头村",
|
|
|
+ // speed: "崩塌",
|
|
|
+ // longitude: "111.060786",
|
|
|
+ // latitude: "21.662923",
|
|
|
+ // dataType: "6"
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // area: "电白",
|
|
|
+ // type: "观珠镇",
|
|
|
+ // name: "观珠市场",
|
|
|
+ // speed: "地面沉降",
|
|
|
+ // longitude: "111.180764",
|
|
|
+ // latitude: "21.693005",
|
|
|
+ // dataType: "1"
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // area: "高州",
|
|
|
+ // type: "石鼓镇",
|
|
|
+ // name: "石鼓村",
|
|
|
+ // speed: "不稳定斜坡",
|
|
|
+ // longitude: "110.784333",
|
|
|
+ // latitude: "21.817914",
|
|
|
+ // dataType: "2"
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // area: "高州",
|
|
|
+ // type: "沙田镇",
|
|
|
+ // name: "沙田中学",
|
|
|
+ // speed: "地裂缝",
|
|
|
+ // longitude: "110.716255",
|
|
|
+ // latitude: "21.903135",
|
|
|
+ // dataType: "3"
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // area: "化州",
|
|
|
+ // type: "鉴江街道",
|
|
|
+ // name: "鉴江社区",
|
|
|
+ // speed: "地面塌陷",
|
|
|
+ // longitude: "110.643747",
|
|
|
+ // latitude: "21.662584",
|
|
|
+ // dataType: "1"
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // area: "化州",
|
|
|
+ // type: "平定镇",
|
|
|
+ // name: "平定村",
|
|
|
+ // speed: "泥石流",
|
|
|
+ // longitude: "110.48873",
|
|
|
+ // latitude: "21.995832",
|
|
|
+ // dataType: "4"
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // area: "茂南",
|
|
|
+ // type: "袂花镇",
|
|
|
+ // name: "袂花新村",
|
|
|
+ // speed: "滑坡",
|
|
|
+ // longitude: "110.934297",
|
|
|
+ // latitude: "21.584798",
|
|
|
+ // dataType: "7"
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // area: "信宜",
|
|
|
+ // type: "镇隆镇",
|
|
|
+ // name: "镇隆村",
|
|
|
+ // speed: "地面沉降",
|
|
|
+ // longitude: "110.813548",
|
|
|
+ // latitude: "22.258782",
|
|
|
+ // dataType: "5"
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // area: "信宜",
|
|
|
+ // type: "池洞镇",
|
|
|
+ // name: "池洞小学",
|
|
|
+ // speed: "不稳定斜坡",
|
|
|
+ // longitude: "110.947427",
|
|
|
+ // latitude: "22.430677",
|
|
|
+ // dataType: "4"
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // area: "电白",
|
|
|
+ // type: "树仔镇",
|
|
|
+ // name: "树仔村",
|
|
|
+ // speed: "地裂缝",
|
|
|
+ // longitude: "111.23051",
|
|
|
+ // latitude: "21.534052",
|
|
|
+ // dataType: "3"
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // area: "高州",
|
|
|
+ // type: "荷塘镇",
|
|
|
+ // name: "荷塘市场",
|
|
|
+ // speed: "地面塌陷",
|
|
|
+ // longitude: "110.715249",
|
|
|
+ // latitude: "22.000191",
|
|
|
+ // dataType: "2"
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // area: "化州",
|
|
|
+ // type: "官桥镇",
|
|
|
+ // name: "官桥村",
|
|
|
+ // speed: "泥石流",
|
|
|
+ // longitude: "110.501246",
|
|
|
+ // latitude: "21.73678",
|
|
|
+ // dataType: "1"
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // area: "茂南",
|
|
|
+ // type: "金塘镇",
|
|
|
+ // name: "金塘社区",
|
|
|
+ // speed: "滑坡",
|
|
|
+ // longitude: "110.84123",
|
|
|
+ // latitude: "21.747705",
|
|
|
+ // dataType: "5"
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // area: "信宜",
|
|
|
+ // type: "丁堡镇",
|
|
|
+ // name: "丁堡村",
|
|
|
+ // speed: "崩塌",
|
|
|
+ // longitude: "110.982427",
|
|
|
+ // latitude: "22.306876",
|
|
|
+ // dataType: "3"
|
|
|
+ // }
|
|
|
+ // ];
|
|
|
+
|
|
|
};
|
|
|
// table样式
|
|
|
const getTableRowClass = ({ rowIndex }) => {
|