视频资源打点

src/api/globalMap/layerAnalysis.ts

@@ -222,3 +222,4 @@ export const getRainPitsType = (data) => {
     data: data
   });
 };
+

src/api/globalMap/spatialAnalysis.ts

@@ -341,3 +341,65 @@ export const getMDPUnitDetails = (id: string) => {
     }
   });
 };
+
+// 路网视频
+export const getRoadVideoList = (id: string) => {
+  return request({
+    url: '/api/gateway/v2/get_road_video_list',
+    method: 'post',
+    data: {
+      query: {
+        id: id
+      }
+    }
+  });
+};
+// 江河湖库
+export const getWaterList = (id: string) => {
+  return request({
+    url: '/api/gateway/v2/get_water_list',
+    method: 'post',
+    data: {
+      query: {
+        id: id
+      }
+    }
+  });
+};
+
+// 防溺水
+export const getVideoDrowning = (id: string) => {
+  return request({
+    url: '/api/gateway/v2/get_video_drowning_prevention_list',
+    method: 'post',
+    data: {
+      query: {
+        id: id
+      }
+    }
+  });
+};
+// 森林防火
+export const getVideoForestFire = (id: string) => {
+  return request({
+    url: '/api/gateway/v2/get_video_forest_fire_list',
+    method: 'post',
+    data: {
+      query: {
+        id: id
+      }
+    }
+  });
+};
+// 防灾救援
+export const getVideoDisasterPrevention = (id: string) => {
+  return request({
+    url: '/api/gateway/v2/get_video_disaster_prevention_and_rescue_list',
+    method: 'post',
+    data: {
+      query: {
+        id: id
+      }
+    }
+  });
+};

src/components/Map/index.vue

@@ -46,11 +46,12 @@ import {
   getEmergencyDisasterInfoOfficerDetails,
   getMidmapDzzhDetails,
   getVehicleDetails,
-  getMDPUnitDetails
-} from '@/api/globalMap/spatialAnalysis';
+  getMDPUnitDetails, getWaterList, getVideoDrowning, getVideoForestFire, getVideoDisasterPrevention
+} from "@/api/globalMap/spatialAnalysis";
 import { pointDetailTemplate } from '@/views/globalMap/data/mapData';
 import ElementResizeDetectorMaker from 'element-resize-detector';
 import useAppStore from '@/store/modules/app';
+import { getRoadVideoList } from "@/api/globalMap/layerAnalysis";
 
 interface Props {
   activeMap: string;
@@ -217,7 +218,11 @@ const handlePointDetails = (data) => {
     '27': getConstructionSitesDetails,
     '28': getEmergencyTransportResourcesDetails,
     '29': getEmergencyDisasterInfoOfficerDetails,
-    '30': getVehicleDetails
+    '30': getVehicleDetails,
+    '31': getWaterList,
+    '32': getVideoDrowning,
+    '33': getVideoForestFire,
+    '34': getVideoDisasterPrevention
   };
   let titleList = {
     '1': '专家信息',
@@ -249,7 +254,11 @@ const handlePointDetails = (data) => {
     '27': '在建工地',
     '28': '运输资源',
     '29': '灾害信息员',
-    '30': '重点车辆信息'
+    '30': '重点车辆信息',
+    '31': '江湖河库',
+    '32': '防溺水',
+    '33': '森林防火',
+    '34': '防灾救援'
   };
   let method = methodList[data.dataType];
   let title = !!titleList[data.dataType] ? titleList[data.dataType] : '信息';

src/views/globalMap/RightMenu/LayerAnalysis.vue

@@ -193,6 +193,7 @@ watch(
         '27': getConstructionSitesType,
         '28': getEmergencyTransportResourcesType,
         '29': getEmergencyDisasterInfoOfficerType,
+
       };
       let method = methodList[dataList.value[0].dataType];
       if (!method) return;

src/views/globalMap/data/mapData.ts

@@ -4272,6 +4272,31 @@ export const iconList = {
     imageHover: getImageUrl('29_emergencyofficer_hover.png'),
     size: [40, 40]
   },
+  '30': {
+    image: getImageUrl('29_emergencyofficer.png'),
+    imageHover: getImageUrl('29_emergencyofficer_hover.png'),
+    size: [40, 40]
+  },
+  '31': {
+    image: getImageUrl('31_lakes_video.png'),
+    imageHover: getImageUrl('31_lakes_video_hover.png'),
+    size: [40, 40]
+  },
+  '32': {
+    image: getImageUrl('31_lakes_video.png'),
+    imageHover: getImageUrl('31_lakes_video_hover.png'),
+    size: [40, 40]
+  },
+  '33': {
+    image: getImageUrl('31_lakes_video.png'),
+    imageHover: getImageUrl('31_lakes_video_hover.png'),
+    size: [40, 40]
+  },
+  '34': {
+    image: getImageUrl('31_lakes_video.png'),
+    imageHover: getImageUrl('31_lakes_video_hover.png'),
+    size: [40, 40]
+  },
 };
 
 export const pointDetailTemplate = {

src/views/globalMap/index.vue

@@ -132,6 +132,7 @@ let showDrawTools = ref(false);
 
 // 点击菜单
 const clickMenu = (item, dataList) => {
+  // debugger
   if (item.path === '1') {
     // 空间分析
     if (item.component === 'spatial') {
@@ -142,7 +143,10 @@ const clickMenu = (item, dataList) => {
     let checked = item.checked ? '1' : '2';
     // 打点信息
     addMarkers(item);
-    if (['易涝隐患点', '无人机', '铁塔运行监测', '物资与装备', '通讯保障'].includes(item.name)) {
+
+    if (
+      ['易涝隐患点', '无人机', '铁塔运行监测', '物资与装备', '通讯保障', '路网视频', '江湖河库', '防溺水', '森林防火', '防灾救援'].includes(item.name)
+    ) {
       rightMenuRef.value.updateMenu(checked, item);
     } else {
       let index = findChecked(dataList, item.name);