fix：修复分屏模式下国标视频没有请求接口

@@ -100,4 +100,10 @@ export interface CameraRecord {
   status: boolean;
   accessMode: number;
   playProtocol: number;
+  deviceId?: string;
+  channelId?: string;
+  params?: {
+    channelNo: string;
+    deviceId: string;
+  };
 }

@@ -20,6 +20,7 @@
   import { isRtspProtocol } from '/@/components/Video/src/utils';
   import { useFingerprint } from '/@/utils/useFingerprint';
   import { GetResult } from '@fingerprintjs/fingerprintjs';
+  import { getVideoControlStart } from '/@/api/device/videoChannel';
 
   const props = defineProps({
     mode: {
@@ -76,13 +77,6 @@
 
       const result = await getResult();
       fingerprintResult.value = result;
-      for (const item of items) {
-        (item as CameraRecordItem).isTransform = false;
-        (item as CameraRecordItem).videoPlayerOptions = {
-          ...basicVideoPlayOptions,
-        };
-        beforeVideoPlay(item, result);
-      }
       if (items.length < pagination.pageSize) {
         const fillArr: any = Array.from({ length: pagination.pageSize - items.length }).map(() => ({
           id: buildUUID(),
@@ -91,6 +85,14 @@
         items = [...items, ...fillArr];
       }
       cameraList.value = items;
+
+      for (const item of unref(cameraList)) {
+        (item as CameraRecordItem).isTransform = false;
+        (item as CameraRecordItem).videoPlayerOptions = {
+          ...basicVideoPlayOptions,
+        };
+        beforeVideoPlay(item as CameraRecordItem, result);
+      }
     } catch (error) {
     } finally {
       loading.value = false;
@@ -122,6 +124,24 @@
         record.isTransform = true;
       }
     }
+    if (record.accessMode === AccessMode.GBT28181) {
+      try {
+        const { params } = record;
+        if (params?.channelNo && params.deviceId) {
+          const result = await getVideoControlStart({
+            deviceId: params.deviceId,
+            channelId: params.channelNo,
+          });
+
+          (record as CameraRecordItem).videoPlayerOptions = {
+            ...basicVideoPlayOptions,
+            sources: [{ src: result.data.flv, type: getVideoTypeByUrl(result.data.flv) }],
+          };
+        }
+      } finally {
+        record.isTransform = true;
+      }
+    }
     if (record.accessMode === AccessMode.Streaming) {
       try {
         const { data: { url } = { url: '' } } = await getStreamingPlayUrl(record.id!);