Merge branch 'feat/video-component-support-gbt' into 'main_dev'

feat: 视频组件支持gbt

See merge request yunteng/thingskit-front!1232

@@ -13,7 +13,6 @@ export interface CameraModel {
   accessMode: number;
   accessMode: number;
   avatar?: string;
   avatar?: string;
   brand: string;
   brand: string;
-  createTime?: '2022-04-19T11:33:13.113Z';
   creator?: string;
   creator?: string;
   defaultConfig?: string;
   defaultConfig?: string;
   description?: string;
   description?: string;
@@ -25,16 +24,17 @@ export interface CameraModel {
   name: string;
   name: string;
   organizationId: string;
   organizationId: string;
   organizationName?: string;
   organizationName?: string;
-  roleIds?: ['string'];
   sn: string;
   sn: string;
   status?: false;
   status?: false;
-  tenantExpireTime?: '2022-04-19T11:33:13.113Z';
   tenantId?: string;
   tenantId?: string;
   tenantProfileId?: string;
   tenantProfileId?: string;
-  tenantStatus?: 'DISABLED';
-  updateTime?: '2022-04-19T11:33:13.113Z';
   updater?: string;
   updater?: string;
   videoUrl: string;
   videoUrl: string;
+  params?: {
+    channelNo: string;
+    deviceId: string;
+    deviceName: string;
+  };
 }
 }
 
 
 export interface StreamingManageRecord {
 export interface StreamingManageRecord {

 import { getCameraList } from '/@/api/camera/cameraManager';
 import { getCameraList } from '/@/api/camera/cameraManager';
 import { CameraModel } from '/@/api/camera/model/cameraModel';
 import { CameraModel } from '/@/api/camera/model/cameraModel';
 import { FormSchema } from '/@/components/Form';
 import { FormSchema } from '/@/components/Form';
+import { AccessMode } from '/@/views/camera/manage/config.data';
 
 
 export enum FormFieldEnum {
 export enum FormFieldEnum {
   VIDEO_TYPE = 'type',
   VIDEO_TYPE = 'type',
@@ -9,6 +10,9 @@ export enum FormFieldEnum {
   ACCESS_MODE = 'accessMode',
   ACCESS_MODE = 'accessMode',
   VIDEO_ID = 'id',
   VIDEO_ID = 'id',
   ORGANIZATION_ID = 'organizationId',
   ORGANIZATION_ID = 'organizationId',
+
+  DEVICE_ID = 'deviceId',
+  CHANNEL_ID = 'channelId',
 }
 }
 
 
 export interface DataSourceValueType {
 export interface DataSourceValueType {
@@ -40,16 +44,10 @@ export const formSchemas: FormSchema[] = [
       const { setFieldsValue } = formActionType;
       const { setFieldsValue } = formActionType;
       return {
       return {
         placeholder: '请选择视频来源',
         placeholder: '请选择视频来源',
-        options: [
-          {
-            label: VideoOriginalNameEnum[VideoOriginalEnum.CUSTOM],
-            value: VideoOriginalEnum.CUSTOM,
-          },
-          {
-            label: VideoOriginalNameEnum[VideoOriginalEnum.VIDEO_MANAGE],
-            value: VideoOriginalEnum.VIDEO_MANAGE,
-          },
-        ],
+        options: Object.keys(VideoOriginalEnum).map((value) => ({
+          label: VideoOriginalNameEnum[value],
+          value,
+        })),
         onChange() {
         onChange() {
           setFieldsValue({
           setFieldsValue({
             [FormFieldEnum.ACCESS_MODE]: null,
             [FormFieldEnum.ACCESS_MODE]: null,
@@ -96,6 +94,8 @@ export const formSchemas: FormSchema[] = [
             [FormFieldEnum.ACCESS_MODE]: null,
             [FormFieldEnum.ACCESS_MODE]: null,
             [FormFieldEnum.VIDEO_PLAY_URL]: null,
             [FormFieldEnum.VIDEO_PLAY_URL]: null,
             [FormFieldEnum.VIDEO_ID]: null,
             [FormFieldEnum.VIDEO_ID]: null,
+            [FormFieldEnum.DEVICE_ID]: null,
+            [FormFieldEnum.CHANNEL_ID]: null,
           });
           });
         },
         },
       };
       };
@@ -117,13 +117,30 @@ export const formSchemas: FormSchema[] = [
         labelField: 'name',
         labelField: 'name',
         valueField: 'id',
         valueField: 'id',
         resultField: 'data',
         resultField: 'data',
-        onChange(value: string, options: CameraModel) {
+        onChange(_: string, options: CameraModel) {
+          const accessMode = options?.accessMode;
           setFieldsValue({
           setFieldsValue({
-            [FormFieldEnum.ACCESS_MODE]: value ? (options || {}).accessMode : null,
-            [FormFieldEnum.VIDEO_PLAY_URL]: value ? (options || {}).videoUrl : null,
+            [FormFieldEnum.ACCESS_MODE]: accessMode,
+            [FormFieldEnum.VIDEO_PLAY_URL]: options?.videoUrl,
+            [FormFieldEnum.CHANNEL_ID]:
+              accessMode === AccessMode.GBT28181 ? options.params?.channelNo : null,
+            [FormFieldEnum.DEVICE_ID]:
+              accessMode === AccessMode.GBT28181 ? options.params?.deviceId : null,
           });
           });
         },
         },
       };
       };
     },
     },
   },
   },
+  {
+    field: FormFieldEnum.DEVICE_ID,
+    label: '设备Id',
+    component: 'Input',
+    ifShow: false,
+  },
+  {
+    field: FormFieldEnum.CHANNEL_ID,
+    label: '通道号',
+    component: 'Input',
+    ifShow: false,
+  },
 ];
 ];

@@ -10,9 +10,10 @@
   import { ref } from 'vue';
   import { ref } from 'vue';
   import { Spin } from 'ant-design-vue';
   import { Spin } from 'ant-design-vue';
   import { useFingerprint } from '/@/utils/useFingerprint';
   import { useFingerprint } from '/@/utils/useFingerprint';
-  import { isRtspProtocol } from '/@/components/Video/src/utils';
+  import { isRtspProtocol, VideoPlayerType } from '/@/components/Video/src/utils';
   import { isShareMode } from '/@/views/sys/share/hook';
   import { isShareMode } from '/@/views/sys/share/hook';
   import { getJwtToken, getShareJwtToken } from '/@/utils/auth';
   import { getJwtToken, getShareJwtToken } from '/@/utils/auth';
+  import { getVideoControlStart } from '/@/api/device/videoChannel';
 
 
   const props = defineProps<{
   const props = defineProps<{
     config: ComponentPropsConfigType<typeof option>;
     config: ComponentPropsConfigType<typeof option>;
@@ -46,13 +47,20 @@
       const { option } = config;
       const { option } = config;
       const { videoConfig, uuid } = option || {};
       const { videoConfig, uuid } = option || {};
       if (!uuid) return;
       if (!uuid) return;
-      const { url, id, accessMode } = videoConfig || {};
+      const { url, id, accessMode, deviceId, channelId } = videoConfig || {};
       let type = getVideoTypeByUrl(url!);
       let type = getVideoTypeByUrl(url!);
       let playUrl = url;
       let playUrl = url;
       if (accessMode === AccessMode.Streaming && id) {
       if (accessMode === AccessMode.Streaming && id) {
         const { data: { url } = { url: '' } } = await getStreamingPlayUrl(id!);
         const { data: { url } = { url: '' } } = await getStreamingPlayUrl(id!);
         playUrl = url;
         playUrl = url;
         playUrl && (type = getVideoTypeByUrl(playUrl!));
         playUrl && (type = getVideoTypeByUrl(playUrl!));
+      } else if (accessMode === AccessMode.GBT28181 && deviceId && channelId) {
+        const {
+          data: { flv },
+        } = await getVideoControlStart({ channelId, deviceId });
+
+        playUrl = flv;
+        type = VideoPlayerType.flv;
       }
       }
 
 
       if (isRtspProtocol(url!)) {
       if (isRtspProtocol(url!)) {

@@ -112,4 +112,6 @@ export interface VideoConfigType {
   accessMode?: number;
   accessMode?: number;
   type?: string;
   type?: string;
   url?: string;
   url?: string;
+  deviceId?: string;
+  channelId?: string;
 }
 }