解决 海康页面 ts 爆红

解决 海康页面 ts 爆红

src/global.d.ts

@@ -1,5 +1,7 @@
 declare const __APP_ENV: ImportMetaEnv;
-
+interface Window {
+    JSPlugin: any; // 根据实际情况定义类型，比如 `JSPlugin: MyPluginType`
+}
 declare interface AppInfo {
     name: string;
     appName: string,

src/views/page/hkplay.vue

@@ -3,8 +3,9 @@
 </template>
 <script lang="ts" setup>
 import api from '@/axios'
-import { Ref, ref, watch, onMounted, onBeforeMount, onBeforeUnmount, reactive, getCurrentInstance } from 'vue'
-import { useRouter } from 'vue-router'
+import {Ref, ref, watch, onMounted, onBeforeMount, onBeforeUnmount, reactive, getCurrentInstance} from 'vue'
+import {useRouter} from 'vue-router'
+import {JsonResult} from '@/axios'
 const router = useRouter()
 const infoData = ref()
 var curIndex = 0 // 当前窗口下标
@@ -16,13 +17,13 @@ onMounted(() => {
   }
   let date = {
     pointId: router.currentRoute.value.query.pointId,
-    useTLS: 0,
+    useTLS: 0
   }
   if (process.env.NODE_ENV === 'production') {
     date.useTLS = 1
   }
 
-  api.post('/multialarm/video/preview', { ...date }).then((res) => {
+  api.post('/multialarm/video/preview', {...date}).then((res: JsonResult<any>) => {
     // console.log('router222', res)
     console.log('播放地址', res.data.videoUrl)
     var code = res['code']
@@ -41,9 +42,9 @@ onMounted(() => {
         iCurrentSplit: IS_MOVE_DEVICE ? 1 : 2,
         openDebug: true,
         oStyle: {
-          borderSelect: IS_MOVE_DEVICE ? '#000' : '#FFCC00',
+          borderSelect: IS_MOVE_DEVICE ? '#000' : '#FFCC00'
         },
-        bSupporDoubleClickFull: true, //是否支持双击全屏，默认true
+        bSupporDoubleClickFull: true //是否支持双击全屏，默认true
       })
 
       var controlIndex = 2
@@ -53,7 +54,7 @@ onMounted(() => {
             playURL,
             {
               playURL: playURL, // 流媒体播放时必传
-              mode: 1, // 解码类型：0=普通模式; 1=高级模式 默认为0
+              mode: 1 // 解码类型：0=普通模式; 1=高级模式 默认为0
             },
             curIndex //当前窗口下标
           )