fix/perf: :修复规则链相关bug，优化视频控制云台添加控制速度滑块

@@ -9,7 +9,7 @@ export default {
     ROUND: '小数',
     USE_CACHE: '使用缓存获取最新值',
     TELL_FAILURE_IF_DELTA_IS_NEGATIVE: '如果delta为负数，则告知Failure【失败】',
-    ADD_PERIOD_BETWEEN_MSGS: '在消息之间添加时间差值{单位:毫秒}',
+    ADD_PERIOD_BETWEEN_MSGS: '在消息之间添加时间差值(单位:毫秒)',
     PERIOD_VALUE_KEY: '期间值键',
   },
   CustomerAttributesFieldsNameEnum: {

@@ -18,7 +18,7 @@
     ZoomInOutlined,
     ZoomOutOutlined,
   } from '@ant-design/icons-vue';
-  import { Button } from 'ant-design-vue';
+  import { Button, Slider } from 'ant-design-vue';
   import { nextTick } from 'vue';
   import { controlling } from '/@/api/camera/cameraManager';
   import { setVideoControl } from '/@/api/device/videoChannel';
@@ -88,6 +88,9 @@
     return { width, height } as CSSProperties;
   });
 
+  // 控制云台控制速度
+  const sliderValue = ref<number>(123);
+
   const init = () => {
     if (unref(videoPlayInstance)) unref(videoPlayInstance)?.dispose();
     videoPlayInstance.value = videoJs(unref(videoPlayEl)!, unref(getOptions), () => {
@@ -151,7 +154,7 @@
   //长按开始
   const moveStart = (action) => {
     if (unref(getGBT)) {
-      handleGBTControl(action, '30');
+      handleGBTControl(action, unref(sliderValue));
       return;
     }
     handleControl(0, action);
@@ -160,7 +163,7 @@
   // 长按结束
   const moveStop = (action) => {
     if (unref(getGBT)) {
-      handleGBTControl('STOP', '30');
+      handleGBTControl('STOP', unref(sliderValue));
       return;
     }
     handleControl(1, action);
@@ -245,12 +248,15 @@
           <Button class="circle" @click="handleClick" />
         </div>
       </div>
+      <div class="mt-5" v-if="getGBT">
+        <Slider v-model:value="sliderValue" :min="0" :max="255" style="width: 130px" />
+      </div>
       <div class="flex justify-center mt-8">
         <Button
           class="button-icon"
           @mousedown="moveStart('ZOOM_IN')"
           @mouseup="moveStop('ZOOM_IN')"
-          style="border-radius: :50%;"
+          style="border-radius: 50%"
         >
           <ZoomInOutlined style="color: #315a9c; font-size: 1.5rem" />
         </Button>
@@ -258,7 +264,7 @@
           class="ml-10 button-icon"
           @mousedown="moveStart('ZOOM_OUT')"
           @mouseup="moveStop('ZOOM_OUT')"
-          style="border-radius: :50%;"
+          style="border-radius: 50%"
         >
           <ZoomOutOutlined style="color: #315a9c; font-size: 1.5rem" />
         </Button>
@@ -380,4 +386,8 @@
     border-radius: 0 0 5rem 0;
     background-color: #e2dede;
   }
+
+  :deep(.ant-slider-track) {
+    background: #5586d4;
+  }
 </style>

@@ -12,6 +12,7 @@ export const formSchemas: FormSchema[] = [
     field: ClearAlarmFieldsEnum.ALARM_DETAILS_BUILD_JS,
     component: 'JavascriptEditorWithTestModal',
     label: t(ClearAlarmFieldsNameEnum.ALARM_DETAILS_BUILD_JS),
+    changeEvent: 'update:value',
     componentProps: {
       javaScriptEditorProps: {
         functionName: 'Details',

-import { PerimeterTypeEnum, RangeUtilEnum, RangeUtilNameEnum } from '../../../enum/form';
+import {
+  PerimeterTypeEnum,
+  RangeUtilEnum,
+  RangeUtilNameEnum,
+  TimeIntervalUnitEnum,
+  TimeIntervalUnitNameEnum,
+} from '../../../enum/form';
 import {
   GpsGeofencingEventsFieldsEnum,
   GpsGeofencingEventsFieldsNameEnum,
@@ -183,8 +189,8 @@ export const formSchemas: FormSchema[] = [
       },
     ],
     componentProps: {
-      options: Object.keys(RangeUtilEnum).map((value) => ({
-        label: RangeUtilNameEnum[value],
+      options: Object.keys(TimeIntervalUnitEnum).map((value) => ({
+        label: TimeIntervalUnitNameEnum[value],
         value,
       })),
       getPopupContainer: () => document.body,
@@ -220,8 +226,8 @@ export const formSchemas: FormSchema[] = [
       },
     ],
     componentProps: {
-      options: Object.keys(RangeUtilEnum).map((value) => ({
-        label: RangeUtilNameEnum[value],
+      options: Object.keys(TimeIntervalUnitEnum).map((value) => ({
+        label: TimeIntervalUnitNameEnum[value],
         value,
       })),
       getPopupContainer: () => document.body,

@@ -13,7 +13,13 @@ export const formSchemas: FormSchema[] = [
     field: CustomerDetailsFieldsEnum.DETAILS_LIST,
     component: 'Select',
     label: t(CustomerDetailsFieldsNameEnum.DETAILS_LIST),
-    rules: [{ required: true, message: `请选择${t(CustomerDetailsFieldsNameEnum.DETAILS_LIST)}` }],
+    rules: [
+      {
+        required: true,
+        message: `请选择${t(CustomerDetailsFieldsNameEnum.DETAILS_LIST)}`,
+        type: 'array',
+      },
+    ],
     componentProps: {
       mode: 'multiple',
       options: Object.keys(DetailsListEnum).map((item) => ({

@@ -8,59 +8,59 @@ import { useI18n } from '/@/hooks/web/useI18n';
 const { t } = useI18n();
 
 export const formSchemas: FormSchema[] = [
-  // {
-  //   field: OriginatorAttributesEnum.TELL_FAILURE_IF_ABSENT,
-  //   component: 'Checkbox',
-  //   label: t(OriginatorAttributesNameEnum.TELL_FAILURE_IF_ABSENT),
-  //   renderComponentContent: () => ({
-  //     default: () =>
-  //       'If at least one selected key doesn\'t exist the outbound message will report "Failure".',
-  //   }),
-  // },
-  // {
-  //   field: OriginatorAttributesEnum.CLIENT_ATTRIBUTE_NAMES,
-  //   component: 'Select',
-  //   label: t(OriginatorAttributesNameEnum.CLIENT_ATTRIBUTE_NAMES),
-  //   helpMessage: [
-  //     `Hint: use \${metadataKey} for value from metadata, $[messageKey] for value from message body`,
-  //   ],
-  //   componentProps: {
-  //     mode: 'tags',
-  //     open: false,
-  //     placeholder: `请输入${t(OriginatorAttributesNameEnum.CLIENT_ATTRIBUTE_NAMES)}`,
-  //   },
-  // },
-  // {
-  //   field: OriginatorAttributesEnum.SHARED_ATTRIBUTE_NAMES,
-  //   component: 'Select',
-  //   label: t(OriginatorAttributesNameEnum.SHARED_ATTRIBUTE_NAMES),
-  //   helpMessage: [
-  //     `Hint: use \${metadataKey} for value from metadata, $[messageKey] for value from message body`,
-  //   ],
-  //   componentProps: {
-  //     mode: 'tags',
-  //     open: false,
-  //     placeholder: `请输入${t(OriginatorAttributesNameEnum.SHARED_ATTRIBUTE_NAMES)}`,
-  //   },
-  // },
-  // {
-  //   field: OriginatorAttributesEnum.SERVER_ATTRIBUTE_NAMES,
-  //   component: 'Select',
-  //   label: t(OriginatorAttributesNameEnum.SERVER_ATTRIBUTE_NAMES),
-  //   helpMessage: [
-  //     `Hint: use \${metadataKey} for value from metadata, $[messageKey] for value from message body`,
-  //   ],
-  //   componentProps: {
-  //     mode: 'tags',
-  //     open: false,
-  //     placeholder: `请输入${t(OriginatorAttributesNameEnum.SERVER_ATTRIBUTE_NAMES)}`,
-  //   },
-  // },
+  {
+    field: OriginatorAttributesEnum.TELL_FAILURE_IF_ABSENT,
+    component: 'Checkbox',
+    label: t(OriginatorAttributesNameEnum.TELL_FAILURE_IF_ABSENT),
+    renderComponentContent: () => ({
+      default: () =>
+        'If at least one selected key doesn\'t exist the outbound message will report "Failure".',
+    }),
+  },
+  {
+    field: OriginatorAttributesEnum.CLIENT_ATTRIBUTE_NAMES,
+    component: 'Select',
+    label: t(OriginatorAttributesNameEnum.CLIENT_ATTRIBUTE_NAMES),
+    helpMessage: [
+      `Hint: use \${metadataKey} for value from metadata, $[messageKey] for value from message body`,
+    ],
+    componentProps: {
+      mode: 'tags',
+      open: false,
+      placeholder: `请输入${t(OriginatorAttributesNameEnum.CLIENT_ATTRIBUTE_NAMES)}`,
+    },
+  },
+  {
+    field: OriginatorAttributesEnum.SHARED_ATTRIBUTE_NAMES,
+    component: 'Select',
+    label: t(OriginatorAttributesNameEnum.SHARED_ATTRIBUTE_NAMES),
+    helpMessage: [
+      `Hint: use \${metadataKey} for value from metadata, $[messageKey] for value from message body`,
+    ],
+    componentProps: {
+      mode: 'tags',
+      open: false,
+      placeholder: `请输入${t(OriginatorAttributesNameEnum.SHARED_ATTRIBUTE_NAMES)}`,
+    },
+  },
+  {
+    field: OriginatorAttributesEnum.SERVER_ATTRIBUTE_NAMES,
+    component: 'Select',
+    label: t(OriginatorAttributesNameEnum.SERVER_ATTRIBUTE_NAMES),
+    helpMessage: [
+      `Hint: use \${metadataKey} for value from metadata, $[messageKey] for value from message body`,
+    ],
+    componentProps: {
+      mode: 'tags',
+      open: false,
+      placeholder: `请输入${t(OriginatorAttributesNameEnum.SERVER_ATTRIBUTE_NAMES)}`,
+    },
+  },
   {
     field: OriginatorAttributesEnum.LATEST_TS_KEY_NAMES,
     component: 'Select',
     label: t(OriginatorAttributesNameEnum.LATEST_TS_KEY_NAMES),
-    required: true,
+    // required: true,
     helpMessage: [
       `Hint: use \${metadataKey} for value from metadata, $[messageKey] for value from message body`,
     ],

@@ -13,7 +13,13 @@ export const formSchemas: FormSchema[] = [
     field: TenantDetailsFieldsEnum.DETAILS_LIST,
     component: 'Select',
     label: t(TenantDetailsFieldsNameEnum.DETAILS_LIST),
-    rules: [{ required: true, message: `请选择${t(TenantDetailsFieldsNameEnum.DETAILS_LIST)}` }],
+    rules: [
+      {
+        required: true,
+        message: `请选择${t(TenantDetailsFieldsNameEnum.DETAILS_LIST)}`,
+        type: 'array',
+      },
+    ],
     componentProps: {
       mode: 'multiple',
       options: Object.keys(DetailsListEnum).map((value) => ({

@@ -19,6 +19,7 @@ export const formSchemas: FormSchema[] = [
       javaScriptEditorProps: {
         height: 230,
         functionName: 'Switch',
+        scriptType: 'switch',
         paramsName: ['msg', 'metadata', 'msgType'],
       },
     },