中控功能（只有基础功能，无样式）

src/views/centercontrol/camera/centerControl.api.ts

@@ -0,0 +1,293 @@
+import { defHttp } from '/@/utils/http/axios';
+
+enum Api {
+  queryProjectTreeSync = '/iot/tplink/projectInfo/queryRegionTreeSync',
+  queryRegionTreeSync = '/iot/tplink/regionInfo/queryRegionTreeSync',
+  syncProject = '/iot/tplink/projectInfo/sync',
+  syncRegion = '/iot/tplink/regionInfo/sync',
+  list = '/iot/tplink/cameraInfo/list',
+  syncProjectIpcDevice = '/iot/tplink/cameraInfo/syncProjectIpcDevice',
+  ipcCapability = '/iot/tplink/cameraInfo/getIpcCapability',
+  nuList = '/iot/tplink/cameraInfo/nuList',
+  edit = '/iot/tplink/cameraInfo/edit',
+  rebootDevice = '/iot/tplink/cameraInfo/rebootDevice',
+  previewUrl = '/iot/tplink/cameraInfo/getPreviewUrl',
+  getImageCommon = '/iot/tplink/cameraInfo/getImageCommon',
+  setImageCommon = '/iot/tplink/cameraInfo/setImageCommon',
+  getOsdCapability = '/iot/tplink/cameraInfo/getOsdCapability',
+  getOsd = '/iot/tplink/cameraInfo/getOsd',
+  setOsd = '/iot/tplink/cameraInfo/setOsd',
+  getTamperDet = '/iot/tplink/cameraInfo/getTamperDet',
+  setTamperDet = '/iot/tplink/cameraInfo/setTamperDet',
+  getTamperNotif = '/iot/tplink/cameraInfo/getTamperNotif',
+  setTamperNotif = '/iot/tplink/cameraInfo/setTamperNotif',
+  testAudio = '/iot/tplink/cameraInfo/testAudio',
+  getAlarmInfo = '/iot/tplink/cameraInfo/getAlarmInfo',
+  setAlarmInfo = '/iot/tplink/cameraInfo/setAlarmInfo',
+  getAlarmPlan = '/iot/tplink/cameraInfo/getAlarmPlan',
+  setAlarmPlan = '/iot/tplink/cameraInfo/setAlarmPlan',
+  getVideoParams = '/iot/tplink/cameraInfo/getVideoParams',
+  setVideoParams = '/iot/tplink/cameraInfo/setVideoParams',
+  configRecovery = '/iot/tplink/cameraInfo/configRecovery',
+  searchVideo = '/iot/tplink/cameraInfo/searchVideo',
+  getPlaybackUrlList = '/iot/tplink/cameraInfo/getPlaybackUrlList',
+  deletePlaybackChn = '/iot/tplink/cameraInfo/deletePlaybackChn',
+  getMultitransUrl = '/iot/tplink/cameraInfo/getMultitransUrl',
+  getRecordCfgs = '/iot/tplink/cameraInfo/getRecordCfgs',
+  setRecordCfgs = '/iot/tplink/cameraInfo/setRecordCfgs',
+  getBatchProgress = '/iot/tplink/cameraInfo/getBatchProgress',
+  uploadToServer = '/iot/tplink/cameraInfo/uploadToServer',
+  stopUploadToServer = '/iot/tplink/cameraInfo/stopUploadToServer',
+  getUploadToServerProcess = '/iot/tplink/cameraInfo/getUploadToServerProcess',
+  motionCtrl = '/iot/tplink/cameraInfo/motionCtrl',
+  nuAndCameraList = '/centercontrol/centercontrol/nuList',
+  nuDirectiveOrderList = '/centercontrol/centercontrol/list',
+}
+
+/**
+ * 获取项目树列表
+ * @param params
+ */
+export const queryProjectTreeSync = (params?) => defHttp.get({ url: Api.queryProjectTreeSync, params });
+
+/**
+ * 获取区域树列表
+ * @param params
+ */
+export const queryRegionTreeSync = (params?) => defHttp.get({ url: Api.queryRegionTreeSync, params });
+
+/**
+ * 同步项目
+ * @param params
+ */
+export const syncProject = (params?) => defHttp.get({ url: Api.syncProject, params });
+
+/**
+ * 同步区域
+ * @param params
+ */
+export const syncRegion = (params?) => defHttp.get({ url: Api.syncRegion, params });
+
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+/**
+ * 同步此项目下的IPC设备
+ * @param params
+ */
+export const syncProjectIpcDevice = (params) => defHttp.get({ url: Api.syncProjectIpcDevice, params });
+
+/**
+ * 获取IPC能力集
+ * @param params
+ */
+export const getIpcCapability = (params) => defHttp.get({ url: Api.ipcCapability, params });
+
+/**
+ * 获取获取预览通道的url
+ * @param params
+ */
+export const getPreviewUrl = (params) => defHttp.get({ url: Api.previewUrl, params });
+
+/**
+ * 列表接口
+ * @param params
+ */
+export const nuList = (params) => defHttp.get({ url: Api.nuList, params });
+/**
+ * 更新
+ * @param params
+ */
+export const update = (params) => {
+  return defHttp.post({ url: Api.edit, params });
+};
+/**
+ * 重启
+ * @param params
+ */
+export const rebootDevice = (params) => {
+  return defHttp.post({ url: Api.rebootDevice, params });
+};
+
+/**
+ * 获取画面基本信息
+ * @param params
+ */
+export const getImageCommon = (params) => defHttp.post({ url: Api.getImageCommon, params });
+
+/**
+ * 设置画面基本信息
+ * @param params
+ */
+export const setImageCommon = (params) => defHttp.post({ url: Api.setImageCommon, params });
+
+/**
+ * 获取OSD能力集参数
+ * @param params
+ */
+export const getOsdCapability = (params) => defHttp.post({ url: Api.getOsdCapability, params });
+
+/**
+ * 获取OSD参数
+ * @param params
+ */
+export const getOsd = (params) => defHttp.post({ url: Api.getOsd, params });
+
+/**
+ * 设置OSD参数
+ * @param params
+ */
+export const setOsd = (params) => defHttp.post({ url: Api.setOsd, params });
+
+/**
+ * 获取镜头遮挡参数
+ * @param params
+ */
+export const getTamperDet = (params) => defHttp.post({ url: Api.getTamperDet, params });
+
+/**
+ * 设置镜头遮挡参数
+ * @param params
+ */
+export const setTamperDet = (params) => defHttp.post({ url: Api.setTamperDet, params });
+
+/**
+ * 获取镜头遮挡处理方式
+ * @param params
+ */
+export const getTamperNotif = (params) => defHttp.post({ url: Api.getTamperNotif, params });
+
+/**
+ * 设置镜头遮挡处理方式
+ * @param params
+ */
+export const setTamperNotif = (params) => defHttp.post({ url: Api.setTamperNotif, params });
+
+/**
+ * 报警声音试听
+ * @param params
+ */
+export const testAudio = (params) => defHttp.post({ url: Api.testAudio, params });
+
+/**
+ * 获取白光/声音告警参数
+ * @param params
+ */
+export const getAlarmInfo = (params) => defHttp.post({ url: Api.getAlarmInfo, params });
+
+/**
+ * 设置白光/声音告警参数
+ * @param params
+ */
+export const setAlarmInfo = (params) => defHttp.post({ url: Api.setAlarmInfo, params });
+
+/**
+ * 获取白光/声音告警布防时间
+ * @param params
+ */
+export const getAlarmPlan = (params) => defHttp.post({ url: Api.getAlarmPlan, params });
+
+/**
+ * 设置白光/声音告警布防时间
+ * @param params
+ */
+export const setAlarmPlan = (params) => defHttp.post({ url: Api.setAlarmPlan, params });
+
+/**
+ * 获取码率参数
+ * @param params
+ */
+export const getVideoParams = (params) => defHttp.post({ url: Api.getVideoParams, params });
+
+/**
+ * 设置码率参数
+ * @param params
+ */
+export const setVideoParams = (params) => defHttp.post({ url: Api.setVideoParams, params });
+
+/**
+ * 恢复画面默认值
+ * @param params
+ */
+export const configRecovery = (params) => defHttp.post({ url: Api.configRecovery, params });
+
+/**
+ * 列表接口
+ * @param params
+ */
+export const searchVideo = (params) => defHttp.get({ url: Api.searchVideo, params });
+
+/**
+ * 获取获取预览通道的url
+ * @param params
+ */
+export const getPlaybackUrlList = (params) => defHttp.get({ url: Api.getPlaybackUrlList, params });
+
+/**
+ * 获取获取预览通道的url
+ * @param params
+ */
+export const deletePlaybackChn = (params) => defHttp.get({ url: Api.deletePlaybackChn, params });
+
+/**
+ * 获取摄像头录像回放地址--通过功能集具备的Multitrans能力
+ * @param params
+ */
+export const getMultitransUrl = (params) => defHttp.get({ url: Api.getMultitransUrl, params });
+
+/**
+ * 获取录像配置--暂无用
+ * @param params
+ */
+export const getRecordCfgs = (params) => defHttp.get({ url: Api.getRecordCfgs, params });
+
+/**
+ * 设置录像计划--暂无用
+ * @param params
+ */
+export const setRecordCfgs = (params) => defHttp.get({ url: Api.setRecordCfgs, params });
+
+/**
+ * 获取批量操作录像计划进度--暂无用
+ * @param params
+ */
+export const getBatchProgress = (params) => defHttp.get({ url: Api.getBatchProgress, params });
+
+/**
+ * 回放上传
+ * @param params
+ */
+export const uploadToServer = (params) => defHttp.get({ url: Api.uploadToServer, params });
+
+/**
+ * 停止回放上传
+ * @param params
+ */
+export const stopUploadToServer = (params) => defHttp.get({ url: Api.stopUploadToServer, params });
+
+/**
+ * 获取回放上传进度
+ * @param params
+ */
+export const getUploadToServerProcess = (params) => defHttp.get({ url: Api.getUploadToServerProcess, params });
+
+/**
+ * 控制球机转动
+ * @param params
+ */
+export const motionCtrl = (params) => defHttp.get({ url: Api.motionCtrl, params }, { isTransformResponse: false });
+
+/**
+ * 护理单元及摄像头信息
+ * @param params
+ */
+export const nuAndCameraList = (params) => defHttp.get({ url: Api.nuAndCameraList, params });
+
+/**
+ * 护理单元服务指令
+ * @param params
+ */
+export const nuDirectiveOrderList = (params) => defHttp.get({ url: Api.nuDirectiveOrderList, params });

src/views/iot/tplink/camera/components/CameraPreviewModal.vue

@@ -225,6 +225,7 @@ async function createPreview() {
     }); // 销毁
     player.value = null;
   }
+  console.log("🌊 ~ createPreview ~ a:", formData)
   const TumsPlayer = window['tums-player'].default;
   player.value = new TumsPlayer('video-container-preview', {
     type: "rtsp", // 协议类型，rtsp

src/views/services/serviceDirective/ConfigServiceDirectiveList.vue

@@ -383,10 +383,10 @@
     <a-spin :spinning="!syncCode" style="display: flex; flex-direction: column; height: 100%;">
       <div style="padding: 14px; background-color: white; display: flex; align-items: center; flex-shrink: 0;">
         <a-row style="width: 100%;">
-          <a-col :span="6" style="display: flex; align-items: center;">
+          <a-col :span="3" style="display: flex; align-items: center;">
             <span style="font-weight: bold;font-size: 16px;">镜像码：<span style="color: #1890FF;">{{ syncCode }}</span></span>
           </a-col>
-          <a-col :span="3" :push="15" style="display: flex; align-items: center; justify-content: flex-end;">
+          <a-col :span="3" style="display: flex; align-items: center; justify-content: flex-end;">
             <a-button @click="copySyncCodeFunc()" type="primary" style="margin-right: 8px;">复制</a-button>
             <a-button @click="updateSyncCodeFunc()" type="primary">更新</a-button>
           </a-col>