手机工作台MovilePlatform功能页面

src/api/globalMap/MobilePlatform.ts

@@ -0,0 +1,9 @@
+import request from '@/utils/request';
+
+export const getWaterloggedRoadsList = (data) => {
+  return request({
+    url: '/api/gateway/v1/get_waterlogged_roads_list',
+    method: 'post',
+    data: data
+  });
+};

src/api/globalMap/layerAnalysis.ts

@@ -204,3 +204,12 @@ export const getEmergencyDisasterInfoOfficerType = (data) => {
     data: data
   });
 };
+
+// 地质灾害隐患点分类统计
+export const getMidmapDzzhType = (data) => {
+  return request({
+    url: '/api/gateway/v2/get_count_point_info_type_midmap_dzzh',
+    method: 'post',
+    data: data
+  });
+};

src/api/globalMap/spatialAnalysis.ts

@@ -303,3 +303,16 @@ export const getEmergencyDisasterInfoOfficerDetails = (id: string) => {
   });
 };
 
+// 地质灾害隐患点详情
+export const getMidmapDzzhDetails = (id: string) => {
+  return request({
+    url: '/api/gateway/v2/get_point_info_midmap_dzzh',
+    method: 'post',
+    data: {
+      query: {
+        id: id
+      }
+    }
+  });
+};
+

src/components/Map/index.vue

@@ -42,8 +42,8 @@ import {
   getBuildingProjectDetails,
   getChemicalWarehouseDetails,
   getMiningOperationsDetails,
-  getEmergencyTransportResourcesDetails, getEmergencyDisasterInfoOfficerDetails
-} from '@/api/globalMap/spatialAnalysis';
+  getEmergencyTransportResourcesDetails, getEmergencyDisasterInfoOfficerDetails, getMidmapDzzhDetails
+} from "@/api/globalMap/spatialAnalysis";
 import { pointDetailTemplate } from '@/views/globalMap/data/mapData';
 import ElementResizeDetectorMaker from 'element-resize-detector';
 import useAppStore from '@/store/modules/app';
@@ -174,6 +174,7 @@ const handlePointDetails = (data) => {
     '14': getChemicalcompanyDetails,
     '15': getUAVDetails,
     '16': getRainbowDetails,
+    '17': getMidmapDzzhDetails,
     '18': getMiningOperationsDetails,
     '21': getBuildingProjectDetails,
     '22': getChemicalWarehouseDetails,
@@ -207,7 +208,7 @@ const handlePointDetails = (data) => {
     '19': '工矿商贸',
     '20': '气象灾害防御重点单位',
     '21': '建筑工程',
-    '22': '储罐',
+    '22': '储罐信息',
     '23': '重大危险源',
     '24': '客运站',
     '25': '堆场',
@@ -290,7 +291,6 @@ const handlePointDetails = (data) => {
       closeBtn.className = 'close';
       closeBtn.onclick = hideInfo;
       div.appendChild(closeBtn);
-      debugger
       showInfo(div, [data.longitude, data.latitude], true);
     }
   });

src/views/globalMap/RightMenu/LayerAnalysis.vue

@@ -35,7 +35,7 @@ import {
   getEmergencyExpertType,
   getEmergencyShelterType, getEmergencyTransportResourcesType,
   getGasolineType,
-  getHospitalType, getMajorHazardSourceType, getMiningOperationsType,
+  getHospitalType, getMajorHazardSourceType, getMidmapDzzhType, getMiningOperationsType,
   getMiningType,
   getRescueMateriaType,
   getSchoolType,
@@ -179,6 +179,7 @@ watch(
         '13': getChemicalType,
         '14': getChemicalType,
         '15': getDroneType,
+        '17': getMidmapDzzhType,
         '18': getMiningOperationsType,
         '21': getBuildingProjectType,
         '22': getChemicalWarehouseType,

src/views/globalMap/RightMenu/MobilePlatform.vue

@@ -0,0 +1,50 @@
+<template>
+  <div>手机工作台</div>
+  <el-input v-model="queryParams.keyword" class="custom-input" placeholder="搜索" style="width: 600px" @input="initData">
+    <template #prefix>
+      <el-icon class="el-input__icon"><search /></el-icon>
+    </template>
+  </el-input>
+  <el-button type="primary" @click="handleCancel">取消</el-button>
+  <div>移动指挥车</div>
+  <el-table :data="tableData" border style="width: 100%; margin-top: 20px;">
+    <el-table-column prop="name" label="姓名" width="180"></el-table-column>
+    <el-table-column prop="workUnit" label="工作单位" width="180"></el-table-column>
+    <el-table-column prop="position" label="职务" width="180"></el-table-column>
+    <el-table-column label="操作" width="300">
+      <template #default="scope">
+        <!-- 操作按钮 -->
+        <el-button type="text" size="small" @click="handleConnect(scope.$index, scope.row)">连线</el-button>
+        <el-button type="text" size="small" @click="handleCollaborate(scope.$index, scope.row)">协同</el-button>
+        <el-button type="text" size="small" @click="handleTrack(scope.$index, scope.row)">轨迹</el-button>
+      </template>
+    </el-table-column>
+  </el-table>
+</template>
+
+<script setup lang="ts">
+import { Search } from '@element-plus/icons-vue';
+import { getWaterloggedRoadsList } from "@/api/globalMap/MobilePlatform";
+//调接口
+const initData = () => {
+  getWaterloggedRoadsList(queryParams).then((res) => {
+    dataList.value = res.data.list;
+  });
+};
+const dataList = ref([]);
+//入参
+const queryParams = reactive({
+  area: '',
+  keyword: ''
+});
+// 取消按钮的逻辑 搜索框清空
+const handleCancel = () => {
+  queryParams.keyword = '';
+  initData();
+};
+//调用函数
+onMounted(() => {
+  initData();
+});
+
+</script>

src/views/globalMap/RightMenu/PotentialFloodHazard.vue

@@ -2,7 +2,7 @@
   <div class="menu-content">
     <div class="gradient-text title">易涝隐患点</div>
     <div class="box1">
-<!--      <div class="title-box">列表</div>-->
+      <div class="title-box">列表</div>
       <div class="date-box">
         <div class="text1">更新</div>
         <div class="text-box">

src/views/globalMap/RightMenu/index.vue

@@ -59,6 +59,8 @@
         />
         <!--通讯保障-->
         <CommunicationSupport v-if="menuState.showMenu && menuState.menuData[menuState.activeIndex]?.name === '通讯保障'" @handle-menu="handleMenu" />
+        <!--手机工作平台-->
+        <MobilePlatform v-if="menuState.showMenu && menuState.menuData[menuState.activeIndex]?.name === '手机工作台'" @handle-menu="handleMenu" />
       </div>
     </div>
   </div>
@@ -82,6 +84,7 @@ import Mitigation from './Mitigation.vue';
 import PotentialFloodHazard from './PotentialFloodHazard.vue';
 import TowerStatus from './TowerStatus.vue';
 import CommunicationSupport from './CommunicationSupport.vue';
+import MobilePlatform from './MobilePlatform.vue';
 
 interface Props {
   pointType: PointType[];

src/views/globalMap/data/mapData.ts

@@ -4619,12 +4619,19 @@ export const pointDetailTemplate = {
     latitude: '纬度'
   },
   '17': {
-    id: '编号',
-    name: '名称',
-    location: '位置',
-    district: '所属区县',
+    address: '隐患点位置',
+    type: '灾害类型',
+    area: '区县',
     longitude: '经度',
-    latitude: '纬度'
+    latitude: '纬度',
+    model: '灾害体规模',
+    stable: '稳定性',
+    damage: '危害性',
+    person: '威胁人数',
+    economic: '潜在经济损失万元',
+    name: '监测人姓名',
+    phone: '监测人电话',
+    remark: '备注'
   },
   '18': {
     excavation_sid: '采掘施工',

src/views/globalMap/index.vue

@@ -119,7 +119,7 @@ const clickMenu = (item, dataList) => {
     if (item.checked || (!item.checked && index === 0)) {
       rightMenuRef.value.updateMenu(
         checked,
-        ['易涝隐患点', '无人机', '铁塔运行监测', '物资与装备', '通讯保障'].includes(item.name) ? item : { name: '图层分析', meta: { icon: 'icon1' } }
+        ['易涝隐患点', '无人机', '铁塔运行监测', '物资与装备', '通讯保障', '手机工作台'].includes(item.name) ? item : { name: '图层分析', meta: { icon: 'icon1' } }
       );
     }
   }