feat: 视频配置萤石云配置新增通道编号

@@ -6,6 +6,7 @@
     :title="getTitle"
     width="30%"
     @ok="handleSubmit"
+    wrapClassName="camera-configration-drawer"
   >
     <BasicForm @register="registerForm">
       <template #videoPlatformIdSlot="{ model, field }">
@@ -125,7 +126,11 @@
             });
           }
 
-          setFieldsValue({ ...record, videoType: record.videoPlatformDTO?.type });
+          setFieldsValue({
+            ...record,
+            videoType: record.videoPlatformDTO?.type,
+            ...(record?.params || {}),
+          });
         } else {
           editId.value = '';
         }
@@ -157,6 +162,7 @@
           ) {
             values.streamType = values.articulation;
             values.playProtocol = values.videoFormat;
+            values.params = values.channelNo ? { channelNo: values.channelNo } : null;
           }
 
           await createOrEditCameraManage(values);
@@ -190,3 +196,11 @@
     },
   });
 </script>
+
+<style lang="less">
+  .camera-configration-drawer {
+    .ant-input-number {
+      width: 100% !important;
+    }
+  }
+</style>

@@ -250,16 +250,27 @@ export const formSchema: QFormSchema[] = [
     required: true,
     defaultValue: VideoPlatformEnum.SCI,
     ifShow: ({ values }) => values.accessMode === AccessMode.Streaming,
-    componentProps: {
-      api: async (params) => {
-        const values = await findDictItemByCode(params);
-        return values.map((item) => ({ label: item.itemText, value: Number(item.itemValue) }));
-      },
-      params: {
-        dictCode: DictEnum.STREAMING_MEDIA_TYPE,
-      },
-      getPopupContainer: () => document.body,
-      placeholder: `请选择平台类型`,
+    componentProps: ({ formActionType }) => {
+      return {
+        api: async (params) => {
+          const values = await findDictItemByCode(params);
+          return values.map((item) => ({ label: item.itemText, value: Number(item.itemValue) }));
+        },
+        params: {
+          dictCode: DictEnum.STREAMING_MEDIA_TYPE,
+        },
+        getPopupContainer: () => document.body,
+        placeholder: `请选择平台类型`,
+        onChange() {
+          const { setFieldsValue } = formActionType;
+          setFieldsValue({
+            articulation: ArticulationEnumType.HIGH_DEFINITION,
+            playProtocol: PlayProtocol.HTTP,
+            sn: null,
+            channelNo: null,
+          });
+        },
+      };
     },
   },
   {
@@ -384,4 +395,22 @@ export const formSchema: QFormSchema[] = [
       placeholder: '请输入监控点编号',
     },
   },
+  {
+    field: 'channelNo',
+    label: '通道号',
+    component: 'InputNumber',
+    ifShow({ values }) {
+      return (
+        values.accessMode === AccessMode.Streaming &&
+        values.videoType === VideoPlatformEnum.FLUORITE
+      );
+    },
+    componentProps: {
+      min: 1,
+      max: 10000,
+      step: 1,
+      placeholder: '请输入通道号',
+      precision: 0,
+    },
+  },
 ];