视频监控

src/components/TimeAxis/index.vue

@@ -40,7 +40,7 @@
         </div>
       </div>
     </div>
-    <Dialog v-model="timeAxisState.showDialog" title="气象图" @close="dialogClose">
+    <Dialog v-model="timeAxisState.showDialog" title="气象图" hide-footer @close="dialogClose">
       <img v-show="timeAxisState.activeIndex > -1" :src="timeAxisState.data[timeAxisState.activeIndex]?.img" style="width: 100%" />
     </Dialog>
   </div>

src/views/emergencyCommandMap/LeftSection/VideoMonitor.vue

@@ -79,6 +79,7 @@
         @pagination="getList"
       />
     </div>
+    <div id="container" style="display: none"></div>
   </Dialog>
   <div v-if="showTip" class="danger-tip">首页视频数量已达6个上限，如需继续操作请先取消已选择视频。</div>
 </template>
@@ -86,24 +87,37 @@
 <script lang="ts" setup name="VideoMonitor">
 import { getEmergencyVideoCata, getUserVideoPoints, getVideoListByUser, updateUserVideoPoints } from '@/api/videoMonitor';
 import { deepClone } from '@/utils';
+import AMapLoader from '@amap/amap-jsapi-loader';
 
+const props = defineProps({
+  longitude: String,
+  latitude: String
+});
 const proxy = getCurrentInstance()?.proxy;
 const { realistic_video } = toRefs<any>(proxy?.useDict('realistic_video'));
 
 let listData = ref([]);
+let map;
 const initData = () => {
+  const longitude = props.longitude ? props.longitude : 110.925176;
+  const latitude = props.latitude ? props.latitude : 21.678993;
+  queryParams.longitude = longitude;
+  queryParams.latitude = latitude;
   getVideoListByUser({
+    longitude: longitude,
+    latitude: latitude,
     page: 1,
     pageSize: 6
   }).then((res) => {
     listData.value = res.rows;
   });
 };
-initData();
 
 //查看更多数据
 const queryFormRef = ref();
 const queryParams = reactive({
+  latitude: '',
+  longitude: '',
   current: 1,
   size: 8,
   realisticVideoType: '',
@@ -193,6 +207,8 @@ const handleSave = () => {
     handleCancel();
   });
 };
+
+initData()
 </script>
 
 <style lang="scss" scoped>

src/views/emergencyCommandMap/LeftSection/index.vue

@@ -92,7 +92,7 @@
         </div>
       </div>
     </div>
-    <VideoMonitor />
+    <VideoMonitor :longitude="eventData.longitude" :latitude="eventData.latitude" />
     <CloseCommand
       v-if="closeCommandState.show"
       v-model="closeCommandState.show"
@@ -119,8 +119,8 @@ import Communication from './Communication.vue';
 import CloseCommand from './CloseCommand.vue';
 import AssociatedEvent from './AssociatedEvent.vue';
 const proxy = getCurrentInstance()?.proxy;
-const { mm_event_type, mm_event_level, mm_event_state, region } = toRefs<any>(
-  proxy?.useDict('mm_event_type', 'mm_event_level', 'mm_event_state', 'region')
+const { mm_event_level } = toRefs<any>(
+  proxy?.useDict( 'mm_event_level')
 );
 const route = useRoute();
 const router = useRouter();
@@ -145,7 +145,9 @@ const eventData = ref({
   event_source: '',
   event_time: '',
   report_time: '',
-  del_flag: ''
+  del_flag: '',
+  longitude: '',
+  latitude: ''
 });
 
 // 灾害信息卡片中的持续时间