Merge branch 'local_dev_latest' into 'main_dev'

feat: 新增视频通道同步功能，联调通道同步接口完成和加上相关权限标识key

See merge request yunteng/thingskit-front!1219

@@ -21,6 +21,7 @@ enum CameraManagerApi {
   STREAMING_PLAY_GET_URL = '/video/url',
   VIDEO_CONTROL_STOP = '/video/control/stop/',
   CAMERA_ADDGPT_API_URL = '/video/add/gbt28181',
+  VIDEO_CONTROL_SYNC = '/video/control/sync/',
 }
 
 export const cameraPage = (params: CameraQueryParam) => {
@@ -144,3 +145,10 @@ export const createGPTPostApi = (data: Recordable) => {
     data,
   });
 };
+
+//云台控制 通道同步
+export const syncVideoApiGet = (deviceId: string) => {
+  return defHttp.get({
+    url: `${CameraManagerApi.VIDEO_CONTROL_SYNC}${deviceId}`,
+  });
+};

@@ -6,6 +6,13 @@ import { withInstall } from '/@/utils/index';
 import VideoPlay from './video.vue';
 export const Video = withInstall(VideoPlay);
 
+//视频通道权限标识枚举
+export enum GBT28181_DEVICE_PERMISSION_ENUM {
+  PLAY_SYNC = 'api:yt:video:control:play', //视频点播/预览和摄像头通道同步
+  STOP = 'api:yt:video:control:stop', //停止点播
+  CONTROL = 'api:yt:video:control:control', //云台控制
+}
+
 enum ChannelStatusEnum {
   ONLINE = 'ONLINE',
 }

@@ -3,6 +3,11 @@
     class="bg-neutral-100 dark:text-gray-300 dark:bg-dark-700 p-4"
     @register="registerTable"
   >
+    <template #toolbar>
+      <Authority :value="GBT28181_DEVICE_PERMISSION_ENUM.PLAY_SYNC">
+        <a-button type="primary" @click="handleSyncPlay">通道同步</a-button>
+      </Authority>
+    </template>
     <template #hasAudio="{ record }">
       <Switch
         :checked="record.status === 1"
@@ -17,25 +22,26 @@
         :actions="[
           {
             label: '播放',
-            auth: 'api:yt:sceneLinkage:get',
+            auth: GBT28181_DEVICE_PERMISSION_ENUM.PLAY_SYNC,
             icon: 'ant-design:play-circle-outlined',
             onClick: handlePlay.bind(null, record),
           },
           {
-            label: '停止点播',
-            auth: 'api:yt:sceneLinkage:get',
+            label: '停止',
+            auth: GBT28181_DEVICE_PERMISSION_ENUM.STOP,
             icon: 'ant-design:pause-outlined',
             onClick: handleStopPlay.bind(null, record),
+            ifShow: !!record?.streamId, //通道号存在则显示停止点播按钮
           },
         ]"
       />
     </template>
   </BasicTable>
-  <VideoModal @register="registerModal" />
+  <VideoModal @register="registerModal" @reloadTable="reload()" />
 </template>
 
 <script lang="ts" setup>
-  import { configColumns, searchFormSchema } from './config';
+  import { configColumns, searchFormSchema, GBT28181_DEVICE_PERMISSION_ENUM } from './config';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { Switch } from 'ant-design-vue';
   import { DeviceRecord } from '/@/api/device/model/deviceModel';
@@ -43,7 +49,8 @@
   import { useModal } from '/@/components/Modal';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { getVideoChannelList } from '/@/api/device/videoChannel';
-  import { stopOnDemandVideoApiGet } from '/@/api/camera/cameraManager';
+  import { stopOnDemandVideoApiGet, syncVideoApiGet } from '/@/api/camera/cameraManager';
+  import { Authority } from '/@/components/Authority';
 
   const props = defineProps<{ deviceDetail: DeviceRecord }>();
 
@@ -96,7 +103,15 @@
     if (!record) return;
     const { deviceId, channelId } = record;
     if (await stopOnDemandVideoApiGet(deviceId, channelId)) {
-      createMessage.success('已停止点播');
+      createMessage.success('已停止');
+    }
+  };
+
+  //通道同步
+  const handleSyncPlay = async () => {
+    if (await syncVideoApiGet(props.deviceDetail.tbDeviceId)) {
+      createMessage.success('已同步');
+      reload();
     }
   };
 </script>

@@ -36,6 +36,8 @@
   import { AccessMode } from '/@/views/camera/manage/config.data';
   import { getStreamingPlayUrl } from '/@/api/camera/cameraManager';
 
+  const emit = defineEmits(['reloadTable', 'register']);
+
   const heightNum = ref(800);
   const showVideo = ref(false);
 
@@ -91,6 +93,7 @@
   const handleCancel = () => {
     showVideo.value = false;
     withToken.value = false;
+    emit('reloadTable');
   };
 </script>