交通局视频调整

src/api/globalMap/rescueTeam.ts

@@ -30,3 +30,16 @@ export const getRescueTeamsPersonnelList = (data) => {
     data: data
   });
 };
+
+// 交通局视频
+export const getPointInfoTransportationVideo = (id: string) => {
+  return request({
+    url: '/api/gateway/v2/get_point_info_transportation_video',
+    method: 'post',
+    data: {
+      query: {
+        id: id
+      }
+    }
+  });
+};

src/components/Map/data.ts

@@ -29,7 +29,7 @@ import {
   getVideoForestFire,
   getVideoDisasterPrevention
 } from '@/api/globalMap/spatialAnalysis';
-import { getRescueTeamsInfo } from '@/api/globalMap/rescueTeam';
+import { getPointInfoTransportationVideo, getRescueTeamsInfo } from '@/api/globalMap/rescueTeam';
 
 export const methodList = {
   '1': getEmergencyExpertDetails,
@@ -65,7 +65,8 @@ export const methodList = {
   '32': getVideoDrowning,
   '33': getVideoForestFire,
   '34': getVideoDisasterPrevention,
-  '41': getRescueTeamsInfo
+  '41': getRescueTeamsInfo,
+  '42': getPointInfoTransportationVideo
 };
 export const titleList = {
   '1': '专家信息',
@@ -102,5 +103,6 @@ export const titleList = {
   '32': '防溺水',
   '33': '森林防火',
   '34': '防灾救援',
-  '41': '救援队伍'
+  '41': '救援队伍',
+  '42': '交通局视频'
 };

src/types/components.d.ts

@@ -27,9 +27,6 @@ declare module 'vue' {
     ElAutocomplete: typeof import('element-plus/es')['ElAutocomplete']
     ElBadge: typeof import('element-plus/es')['ElBadge']
     ElButton: typeof import('element-plus/es')['ElButton']
-    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
-    ElCheckboxButton: typeof import('element-plus/es')['ElCheckboxButton']
-    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
     ElCol: typeof import('element-plus/es')['ElCol']
     ElColorPicker: typeof import('element-plus/es')['ElColorPicker']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
@@ -44,7 +41,6 @@ declare module 'vue' {
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElIcon: typeof import('element-plus/es')['ElIcon']
-    ElImage: typeof import('element-plus/es')['ElImage']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
@@ -54,24 +50,12 @@ declare module 'vue' {
     ElRow: typeof import('element-plus/es')['ElRow']
     ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
     ElSelect: typeof import('element-plus/es')['ElSelect']
-    ElSkeleton: typeof import('element-plus/es')['ElSkeleton']
-    ElSkeletonItem: typeof import('element-plus/es')['ElSkeletonItem']
-    ElSlider: typeof import('element-plus/es')['ElSlider']
-    ElStep: typeof import('element-plus/es')['ElStep']
-    ElSteps: typeof import('element-plus/es')['ElSteps']
     ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
     ElSwitch: typeof import('element-plus/es')['ElSwitch']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
-    ElTabPane: typeof import('element-plus/es')['ElTabPane']
-    ElTabs: typeof import('element-plus/es')['ElTabs']
-    ElTag: typeof import('element-plus/es')['ElTag']
     ElText: typeof import('element-plus/es')['ElText']
-    ElTimeline: typeof import('element-plus/es')['ElTimeline']
-    ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
-    ElTree: typeof import('element-plus/es')['ElTree']
-    ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
     ElUpload: typeof import('element-plus/es')['ElUpload']
     ExcelEditor: typeof import('./../components/ExcelEditor/index.vue')['default']
     FileUpload: typeof import('./../components/FileUpload/index.vue')['default']

src/views/globalMap/RightMenu/TyphoonVideo.vue

@@ -40,7 +40,7 @@
       </div>
       <div class="table-content">
         <div v-for="(item, index) in dataList" :key="item.id" class="tr">
-          <div class="td">{{ item.record_time }}</div>
+          <div class="td">{{ parseTime(item.record_time) }}</div>
           <div class="td">{{ item.longitude }},{{ item.latitude }}</div>
           <div class="td">{{ item.record_address }}</div>
           <div class="td">

src/views/globalMap/RightMenu/tranBureauVideo.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="menu-content">
     <div class="container">
-      <div class="gradient-text title">交通局视频</div>
+      <div class="gradient-text common-dialog-title2">交通局视频</div>
       <div class="box-left">
-        <el-input v-model="queryParams.keyword" class="custom-input" placeholder="搜索" @input="initData2">
+        <el-input v-model="queryParams.name" class="custom-input" placeholder="搜索" @input="initData2">
           <template #prefix>
             <el-icon class="el-input__icon"><search /></el-icon>
           </template>
@@ -66,7 +66,7 @@
           </div>
         </div>
       </div>
-      <Dialog v-if="showDialog" v-model="showDialog" type="md" title="交通局视频" hide-footer>
+      <Dialog v-if="showDialog" v-model="showDialog" type="md" draggable title="交通局视频" height="720px" hide-footer>
         <div style="width: 100%; height: 100%; display: flex; justify-content: center; align-items: center">
           <HKVideo :dot_data="videoMonitorData" />
         </div>
@@ -86,7 +86,7 @@ const { district_type, danger_type } = toRefs<any>(proxy?.useDict('district_type
 const queryParams = reactive({
   page: 1,
   pageSize: 10,
-  keyword: '',
+  name: '',
   area: '',
   video_type: ''
 });
@@ -117,7 +117,7 @@ const initData2 = () => {
   });
 };
 const handleCancel = () => {
-  queryParams.keyword = '';
+  queryParams.name = '';
   initData2();
 };
 initData2();

src/views/globalMap/data/mapData.ts

@@ -4314,6 +4314,11 @@ export const iconList = {
     image: getImageUrl('41_rescue_team.png'),
     imageHover: getImageUrl('41_rescue_team_hover.png'),
     size: [55, 60]
+  },
+  '42': {
+    image: getImageUrl('31_lakes_video.png'),
+    imageHover: getImageUrl('31_lakes_video_hover.png'),
+    size: [40, 40]
   }
 };
 
@@ -4967,5 +4972,13 @@ export const pointDetailTemplate = {
     description: '描述',
     longitude: '经度',
     latitude: '纬度'
+  },
+  '42': {
+    name: '名称',
+    area: '所属区县',
+    video_type_label: '类型',
+    status: '状态',
+    longitude: '经度',
+    latitude: '纬度'
   }
 };

src/views/globalMap/index.vue

@@ -169,7 +169,8 @@ const clickMenu = (item, dataList) => {
         '防溺水',
         '森林防火',
         '防灾救援',
-        '救援队伍'
+        '救援队伍',
+        '交通局视频'
       ].includes(item.name)
     ) {
       rightMenuRef.value.updateMenu(checked, item);