调试台风视频样式和新增台风视频弹窗

src/types/components.d.ts

@@ -55,15 +55,12 @@ declare module 'vue' {
     ElSlider: typeof import('element-plus/es')['ElSlider']
     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']
     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

@@ -57,6 +57,11 @@
         </div>
       </div>
     </div>
+    <Dialog v-if="showDialog" v-model="showDialog" draggable type="md" title="台风视频" hide-footer>
+      <div style="width: 100%; height: 100%; display: flex; justify-content: center; align-items: center">
+        <HKVideo :dot_data="videoMonitorData" />
+      </div>
+    </Dialog>
   </div>
 </template>
 
@@ -78,7 +83,12 @@ const queryParams = reactive({
 onMounted(() => {
   initData();
 });
-
+let showDialog = ref(false);
+let videoMonitorData = ref({});
+const handleConnect = (index: number, item: any) => {
+  videoMonitorData.value = item; // 将当前行数据赋值给videoMonitorData
+  showDialog.value = true; // 显示弹窗
+};
 const handleYearChange = async () => {
   if (selectedYear.value) {
     try {
@@ -251,5 +261,11 @@ const handleCancel = () => {
 
 .text {
   cursor: pointer;
+  font-size: 14px;
+  color: #00e8ff;
+  margin-right: 20px;
+  &:last-child {
+    margin-right: 0;
+  }
 }
 </style>