feat: add streaming media config page

 import { defHttp } from '/@/utils/http/axios';
-import { CameraModel, CameraQueryParam } from './model/cameraModel';
+import {
+  CameraModel,
+  CameraQueryParam,
+  StreamingMediaDeleteParam,
+  StreamingQueryParam,
+  StreamingSubmitParam,
+} from './model/cameraModel';
 
 enum CameraManagerApi {
   CAMERA_POST_URL = '/video',
   CAMERA_GET_URL = '/video',
   CAMERA_DELETE_URL = '/video',
   CAMERA_GET_DETAIL_URL = '/video',
+  STERAMING_GET_URL = '/video/platform',
+  STERAMING_POST_URL = '/video/platform',
+  STERAMING_DELETE_URL = '/video/platform',
 }
 
 export const cameraPage = (params: CameraQueryParam) => {
@@ -42,3 +51,39 @@ export const getCameraManageDetail = (id: string) => {
     url: CameraManagerApi.CAMERA_GET_DETAIL_URL + `/${id}`,
   });
 };
+
+/**
+ * @description 获取流媒体列表
+ * @param params
+ * @returns
+ */
+export const getStreamingMediaList = (params: StreamingQueryParam) => {
+  return defHttp.get({
+    url: CameraManagerApi.STERAMING_GET_URL,
+    params,
+  });
+};
+
+/**
+ * @description 更新/新增流媒体记录
+ * @param params
+ * @returns
+ */
+export const createOrUpdateStreamingMediaRecord = (params: StreamingSubmitParam) => {
+  return defHttp.post({
+    url: CameraManagerApi.STERAMING_POST_URL,
+    params,
+  });
+};
+
+/**
+ * @description 删除流媒体记录
+ * @param params
+ * @returns
+ */
+export const deleteStreamingMediaRecord = (params: StreamingMediaDeleteParam) => {
+  return defHttp.delete({
+    url: CameraManagerApi.STERAMING_POST_URL,
+    params,
+  });
+};

@@ -35,3 +35,34 @@ export interface CameraModel {
   updater?: string;
   videoUrl: string;
 }
+
+export interface StreamingMediaModel {
+  id: string;
+  creator: string;
+  createTime: string;
+  enabled: boolean;
+  tenantId: string;
+  type: number;
+  host: string;
+  appKey: string;
+  appSecret: string;
+  ssl: number;
+}
+
+export interface StreamingQueryParam {
+  host?: string;
+}
+
+export interface StreamingSubmitParam {
+  type: number;
+  ssl: number;
+  host: string;
+  appKey: string;
+  appSecret: string;
+  id?: string;
+}
+
+export interface StreamingMediaDeleteParam {
+  tenantId?: string;
+  ids: string[];
+}

+<script lang="ts" setup>
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicForm, useForm } from '/@/components/Form';
+  import { formDetailSchema } from './config.data';
+  import type { DrawerParams } from './config.data';
+  import { ref, computed, unref } from 'vue';
+  import { createOrUpdateStreamingMediaRecord } from '/@/api/camera/cameraManager';
+  import { StreamingMediaModel } from '/@/api/camera/model/cameraModel';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const emit = defineEmits({
+    success: null,
+  });
+
+  const createFlag = ref(false);
+
+  const getDrawerTitle = computed(() => `${unref(createFlag) ? '新增' : '编辑'}流媒体配置`);
+
+  let id: Nullable<string> = null;
+
+  const [register, { getFieldsValue, setFieldsValue, resetFields, validate }] = useForm({
+    schemas: formDetailSchema,
+    labelWidth: 90,
+    showActionButtonGroup: false,
+  });
+
+  const [registerDrawer, { setDrawerProps }] = useDrawerInner((data: DrawerParams) => {
+    createFlag.value = data.createFlag;
+    if (!unref(createFlag)) {
+      id = data.record!.id;
+      setFieldsValue(data.record);
+    } else {
+      resetFields();
+    }
+  });
+
+  const handleSubmit = async () => {
+    await validate();
+    let value = getFieldsValue() as StreamingMediaModel;
+    let message = '修改成功';
+    if (unref(createFlag)) message = '添加成功';
+    else value = { ...value, id: id! };
+    try {
+      setDrawerProps({
+        confirmLoading: true,
+      });
+      await createOrUpdateStreamingMediaRecord(value);
+      const { createMessage } = useMessage();
+      createMessage.success(message);
+      emit('success');
+    } catch (e) {
+    } finally {
+      setDrawerProps({
+        confirmLoading: false,
+      });
+    }
+  };
+</script>
+
+<template>
+  <BasicDrawer
+    @register="registerDrawer"
+    v-bind="$attrs"
+    showFooter
+    :title="getDrawerTitle"
+    width="30%"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="register" />
+  </BasicDrawer>
+</template>

+import type { StreamingMediaModel } from '/@/api/camera/model/cameraModel';
+import { BasicColumn, FormSchema } from '/@/components/Table';
+
+export interface DrawerParams {
+  createFlag: boolean;
+  record?: StreamingMediaModel;
+}
+
+export const streamingMediaTypeMapping = {
+  0: '海康ISC平台',
+};
+
+export const streamingMediaSSLMapping = {
+  0: 'http',
+  1: 'https',
+};
+
+export const columnSchema: BasicColumn[] = [
+  {
+    title: '平台类型',
+    dataIndex: 'type',
+    width: 80,
+    slots: { customRender: 'type' },
+  },
+  {
+    title: '部署环境',
+    dataIndex: 'ssl',
+    width: 80,
+    slots: { customRender: 'ssl' },
+  },
+  {
+    title: '平台地址',
+    dataIndex: 'host',
+    width: 80,
+  },
+  {
+    title: '用户Key',
+    dataIndex: 'appKey',
+    width: 80,
+  },
+  {
+    title: '用户密钥',
+    dataIndex: 'appSecret',
+    width: 80,
+  },
+];
+
+export const formSchema: FormSchema[] = [
+  {
+    field: 'host',
+    label: '平台地址',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+];
+
+export const formDetailSchema: FormSchema[] = [
+  {
+    label: '平台类型',
+    field: 'type',
+    component: 'Select',
+    rules: [{ required: true, message: '平台类型为必填项', type: 'number' }],
+    componentProps: {
+      options: [{ label: '海康ISC平台', value: 0 }],
+    },
+  },
+  {
+    label: '部署环境',
+    field: 'ssl',
+    component: 'RadioGroup',
+    rules: [{ required: true, message: '流媒体部署环境为必填项', type: 'number' }],
+    componentProps: {
+      options: [
+        { label: 'http', value: 0 },
+        { label: 'https', value: 1 },
+      ],
+    },
+  },
+  {
+    label: '平台地址',
+    field: 'host',
+    component: 'Input',
+    helpMessage: ['平台IP + 端口'],
+    rules: [{ required: true, message: '平台地址为必填项' }],
+  },
+  {
+    label: '用户Key',
+    field: 'appKey',
+    component: 'Input',
+    rules: [{ required: true, message: '用户Key为必填项' }],
+  },
+  {
+    label: '用户密钥',
+    field: 'appSecret',
+    component: 'Input',
+    rules: [{ required: true, message: '用户密钥为必填项' }],
+  },
+];

+<script lang="ts" setup>
+  import { PageWrapper } from '/@/components/Page';
+  import { useDrawer } from '/@/components/Drawer';
+  import type { DrawerParams } from './config.data';
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import {
+    columnSchema,
+    formSchema,
+    streamingMediaTypeMapping,
+    streamingMediaSSLMapping,
+  } from './config.data';
+  import SteramingDrawer from './SteramingDrawer.vue';
+  import { getStreamingMediaList, deleteStreamingMediaRecord } from '/@/api/camera/cameraManager';
+  import { StreamingMediaModel } from '/@/api/camera/model/cameraModel';
+  import { ref } from 'vue';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const enabledBatchDelete = ref(true);
+  const [register, { reload, getSelectRowKeys }] = useTable({
+    title: '流媒体列表',
+    api: getStreamingMediaList,
+    columns: columnSchema,
+    showIndexColumn: false,
+    clickToRowSelect: false,
+    formConfig: {
+      labelWidth: 120,
+      schemas: formSchema,
+    },
+    useSearchForm: true,
+    showTableSetting: true,
+    bordered: true,
+    rowKey: 'id',
+    actionColumn: {
+      width: 100,
+      title: '操作',
+      dataIndex: 'action',
+      slots: { customRender: 'action' },
+      fixed: 'right',
+    },
+
+    rowSelection: {
+      type: 'checkbox',
+      onChange(rowKeys: string[]) {
+        enabledBatchDelete.value = rowKeys.length <= 0;
+      },
+    },
+  });
+
+  const [registerDrawer, { openDrawer }] = useDrawer();
+
+  const handleCreateStreamingMedia = () => {
+    openDrawer<DrawerParams>(true, {
+      createFlag: true,
+    });
+  };
+
+  const handleUpdateStreamingMedia = (record: StreamingMediaModel) => {
+    openDrawer<DrawerParams>(true, {
+      createFlag: false,
+      record,
+    });
+  };
+
+  const handleDeleteRecord = async (record?: StreamingMediaModel) => {
+    let ids = record ? [record.id] : getSelectRowKeys();
+    try {
+      await deleteStreamingMediaRecord({ ids });
+      enabledBatchDelete.value = true;
+      const { createMessage } = useMessage();
+      createMessage.success('删除成功');
+    } catch (e) {
+    } finally {
+      reload();
+    }
+  };
+
+  const handleDrawerSubmitSuccess = () => {
+    openDrawer(false);
+    reload();
+  };
+</script>
+
+<template>
+  <PageWrapper dense contentFullHeight>
+    <BasicTable @register="register">
+      <template #type="{ record }">
+        <span>{{ streamingMediaTypeMapping[record.type] }}</span>
+      </template>
+      <template #ssl="{ record }">
+        <span>{{ streamingMediaSSLMapping[record.ssl] }}</span>
+      </template>
+      <template #action="{ record }">
+        <TableAction
+          :actions="[
+            {
+              label: '编辑',
+              auth: 'api:yt:streaming:update',
+              icon: 'clarity:note-edit-line',
+              onClick: handleUpdateStreamingMedia.bind(null, record),
+            },
+            {
+              label: '删除',
+              auth: 'api:yt:streaming:delete',
+              icon: 'ant-design:delete-outlined',
+              color: 'error',
+              popConfirm: {
+                title: '是否确认删除',
+                confirm: handleDeleteRecord.bind(null, record),
+              },
+            },
+          ]"
+        />
+      </template>
+      <template #toolbar>
+        <Authority value="api:yt:streaming:post">
+          <a-button type="primary" @click="handleCreateStreamingMedia">新增流媒体</a-button>
+        </Authority>
+        <Authority value="api:yt:streaming:delete">
+          <a-button
+            color="error"
+            type="primary"
+            :disabled="enabledBatchDelete"
+            @click="handleDeleteRecord()"
+          >
+            批量删除
+          </a-button>
+        </Authority>
+      </template>
+    </BasicTable>
+    <SteramingDrawer @register="registerDrawer" @success="handleDrawerSubmitSuccess" />
+  </PageWrapper>
+</template>
+
+<style></style>