fix: data dashboard history trend form impact

@@ -15,7 +15,7 @@
   const emit = defineEmits(['register', 'ok']);
 
   const [registerForm, { updateSchema, setFieldsValue, validate, getFieldsValue }] = useForm({
-    schemas: formSchema,
+    schemas: formSchema(),
     showActionButtonGroup: false,
     fieldMapToTime: [
       [SchemaFiled.DATE_RANGE, [SchemaFiled.START_TS, SchemaFiled.END_TS], 'YYYY-MM-DD HH:ss'],

@@ -267,12 +267,7 @@
     <h3 class="w-24 flex-shrink-0 text-right pr-2 my-4">选择数据源</h3>
     <section ref="formListEl">
       <div v-for="item in dataSource" :data-id="item.id" :key="item.id" class="flex bg-light-50">
-        <div
-          class="w-24 text-right leading-30px pr-8px flex right"
-          style="flex: 0 0 96px; justify-content: right"
-        >
-          选择设备
-        </div>
+        <div class="w-24 text-right flex right justify-end"> 选择设备 </div>
         <div class="pl-2 flex-auto">
           <component
             :frontId="$props.frontId"

@@ -90,7 +90,7 @@
   }
 
   const [register, method] = useForm({
-    schemas: formSchema,
+    schemas: formSchema(),
     baseColProps: useGridLayout(2, 3, 4) as unknown as ColEx,
     rowProps: {
       gutter: 10,

@@ -35,171 +35,173 @@ export enum AggregateDataEnum {
   COUNT = 'COUNT',
   NONE = 'NONE',
 }
-export const formSchema: FormSchema[] = [
-  {
-    field: SchemaFiled.DEVICE_ID,
-    label: '设备名称',
-    component: 'Select',
-    rules: [{ required: true, message: '设备名称为必选项', type: 'string' }],
-    componentProps({ formActionType }) {
-      const { setFieldsValue } = formActionType;
-      return {
-        placeholder: '请选择设备',
-        onChange() {
-          setFieldsValue({ [SchemaFiled.KEYS]: null });
-        },
-      };
+export const formSchema = (): FormSchema[] => {
+  return [
+    {
+      field: SchemaFiled.DEVICE_ID,
+      label: '设备名称',
+      component: 'Select',
+      rules: [{ required: true, message: '设备名称为必选项', type: 'string' }],
+      componentProps({ formActionType }) {
+        const { setFieldsValue } = formActionType;
+        return {
+          placeholder: '请选择设备',
+          onChange() {
+            setFieldsValue({ [SchemaFiled.KEYS]: null });
+          },
+        };
+      },
     },
-  },
-  {
-    field: SchemaFiled.WAY,
-    label: '查询方式',
-    component: 'RadioGroup',
-    defaultValue: QueryWay.LATEST,
-    componentProps({ formActionType }) {
-      const { setFieldsValue } = formActionType;
-      return {
-        options: [
-          { label: '最后', value: QueryWay.LATEST },
-          { label: '时间段', value: QueryWay.TIME_PERIOD },
-        ],
-        onChange(event: ChangeEvent) {
-          (event.target as HTMLInputElement).value === QueryWay.LATEST
-            ? setFieldsValue({
-                [SchemaFiled.DATE_RANGE]: [],
-                [SchemaFiled.START_TS]: null,
-                [SchemaFiled.END_TS]: null,
-              })
-            : setFieldsValue({ [SchemaFiled.START_TS]: null });
-        },
-        getPopupContainer: () => document.body,
-      };
+    {
+      field: SchemaFiled.WAY,
+      label: '查询方式',
+      component: 'RadioGroup',
+      defaultValue: QueryWay.LATEST,
+      componentProps({ formActionType }) {
+        const { setFieldsValue } = formActionType;
+        return {
+          options: [
+            { label: '最后', value: QueryWay.LATEST },
+            { label: '时间段', value: QueryWay.TIME_PERIOD },
+          ],
+          onChange(event: ChangeEvent) {
+            (event.target as HTMLInputElement).value === QueryWay.LATEST
+              ? setFieldsValue({
+                  [SchemaFiled.DATE_RANGE]: [],
+                  [SchemaFiled.START_TS]: null,
+                  [SchemaFiled.END_TS]: null,
+                })
+              : setFieldsValue({ [SchemaFiled.START_TS]: null });
+          },
+          getPopupContainer: () => document.body,
+        };
+      },
     },
-  },
-  {
-    field: SchemaFiled.START_TS,
-    label: '最后数据',
-    component: 'Select',
-    ifShow({ values }) {
-      return values[SchemaFiled.WAY] === QueryWay.LATEST;
+    {
+      field: SchemaFiled.START_TS,
+      label: '最后数据',
+      component: 'Select',
+      ifShow({ values }) {
+        return values[SchemaFiled.WAY] === QueryWay.LATEST;
+      },
+      componentProps({ formActionType }) {
+        const { setFieldsValue } = formActionType;
+        return {
+          options: intervalOption,
+          onChange() {
+            setFieldsValue({ [SchemaFiled.INTERVAL]: null });
+          },
+          getPopupContainer: () => document.body,
+        };
+      },
+      rules: [{ required: true, message: '最后数据为必选项', type: 'number' }],
     },
-    componentProps({ formActionType }) {
-      const { setFieldsValue } = formActionType;
-      return {
-        options: intervalOption,
-        onChange() {
-          setFieldsValue({ [SchemaFiled.INTERVAL]: null });
-        },
-        getPopupContainer: () => document.body,
-      };
-    },
-    rules: [{ required: true, message: '最后数据为必选项', type: 'number' }],
-  },
-  {
-    field: SchemaFiled.DATE_RANGE,
-    label: '时间段',
-    component: 'RangePicker',
-    ifShow({ values }) {
-      return values[SchemaFiled.WAY] === QueryWay.TIME_PERIOD;
+    {
+      field: SchemaFiled.DATE_RANGE,
+      label: '时间段',
+      component: 'RangePicker',
+      ifShow({ values }) {
+        return values[SchemaFiled.WAY] === QueryWay.TIME_PERIOD;
+      },
+      rules: [{ required: true, message: '时间段为必选项' }],
+      componentProps({ formActionType }) {
+        const { setFieldsValue } = formActionType;
+        let dates: Moment[] = [];
+        return {
+          showTime: {
+            defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')],
+          },
+          onCalendarChange(value: Moment[]) {
+            dates = value;
+          },
+          disabledDate(current: Moment) {
+            if (!dates || dates.length === 0 || !current) {
+              return false;
+            }
+            const diffDate = current.diff(dates[0], 'years', true);
+            return Math.abs(diffDate) > 1;
+          },
+          onChange() {
+            dates = [];
+            setFieldsValue({ [SchemaFiled.INTERVAL]: null });
+          },
+          getPopupContainer: () => document.body,
+        };
+      },
+      colProps: useGridLayout(2, 2, 2, 2, 2, 2) as unknown as ColEx,
     },
-    rules: [{ required: true, message: '时间段为必选项' }],
-    componentProps({ formActionType }) {
-      const { setFieldsValue } = formActionType;
-      let dates: Moment[] = [];
-      return {
-        showTime: {
-          defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')],
-        },
-        onCalendarChange(value: Moment[]) {
-          dates = value;
-        },
-        disabledDate(current: Moment) {
-          if (!dates || dates.length === 0 || !current) {
-            return false;
-          }
-          const diffDate = current.diff(dates[0], 'years', true);
-          return Math.abs(diffDate) > 1;
-        },
-        onChange() {
-          dates = [];
-          setFieldsValue({ [SchemaFiled.INTERVAL]: null });
-        },
+    {
+      field: SchemaFiled.AGG,
+      label: '数据聚合功能',
+      component: 'Select',
+      componentProps: {
         getPopupContainer: () => document.body,
-      };
-    },
-    colProps: useGridLayout(2, 2, 2, 2, 2, 2) as unknown as ColEx,
-  },
-  {
-    field: SchemaFiled.AGG,
-    label: '数据聚合功能',
-    component: 'Select',
-    componentProps: {
-      getPopupContainer: () => document.body,
-      options: [
-        { label: '最小值', value: AggregateDataEnum.MIN },
-        { label: '最大值', value: AggregateDataEnum.MAX },
-        { label: '平均值', value: AggregateDataEnum.AVG },
-        { label: '求和', value: AggregateDataEnum.SUM },
-        { label: '计数', value: AggregateDataEnum.COUNT },
-        { label: '空', value: AggregateDataEnum.NONE },
-      ],
-    },
-  },
-  {
-    field: SchemaFiled.INTERVAL,
-    label: '分组间隔',
-    component: 'Select',
-    dynamicRules: ({ model }) => {
-      return [
-        {
-          required: model[SchemaFiled.AGG] !== AggregateDataEnum.NONE,
-          message: '分组间隔为必填项',
-          type: 'number',
-        },
-      ];
-    },
-    ifShow({ values }) {
-      return values[SchemaFiled.AGG] !== AggregateDataEnum.NONE;
+        options: [
+          { label: '最小值', value: AggregateDataEnum.MIN },
+          { label: '最大值', value: AggregateDataEnum.MAX },
+          { label: '平均值', value: AggregateDataEnum.AVG },
+          { label: '求和', value: AggregateDataEnum.SUM },
+          { label: '计数', value: AggregateDataEnum.COUNT },
+          { label: '空', value: AggregateDataEnum.NONE },
+        ],
+      },
     },
-    componentProps({ formModel, formActionType }) {
-      const options =
-        formModel[SchemaFiled.WAY] === QueryWay.LATEST
-          ? getPacketIntervalByValue(formModel[SchemaFiled.START_TS])
-          : getPacketIntervalByRange(formModel[SchemaFiled.DATE_RANGE]);
-      if (formModel[SchemaFiled.AGG] !== AggregateDataEnum.NONE) {
-        formActionType.setFieldsValue({ [SchemaFiled.LIMIT]: null });
-      }
-      return {
-        options,
-        getPopupContainer: () => document.body,
-      };
+    {
+      field: SchemaFiled.INTERVAL,
+      label: '分组间隔',
+      component: 'Select',
+      dynamicRules: ({ model }) => {
+        return [
+          {
+            required: model[SchemaFiled.AGG] !== AggregateDataEnum.NONE,
+            message: '分组间隔为必填项',
+            type: 'number',
+          },
+        ];
+      },
+      ifShow({ values }) {
+        return values[SchemaFiled.AGG] !== AggregateDataEnum.NONE;
+      },
+      componentProps({ formModel, formActionType }) {
+        const options =
+          formModel[SchemaFiled.WAY] === QueryWay.LATEST
+            ? getPacketIntervalByValue(formModel[SchemaFiled.START_TS])
+            : getPacketIntervalByRange(formModel[SchemaFiled.DATE_RANGE]);
+        if (formModel[SchemaFiled.AGG] !== AggregateDataEnum.NONE) {
+          formActionType.setFieldsValue({ [SchemaFiled.LIMIT]: null });
+        }
+        return {
+          options,
+          getPopupContainer: () => document.body,
+        };
+      },
     },
-  },
-  {
-    field: SchemaFiled.LIMIT,
-    label: '最大条数',
-    component: 'InputNumber',
-    ifShow({ values }) {
-      return values[SchemaFiled.AGG] === AggregateDataEnum.NONE;
+    {
+      field: SchemaFiled.LIMIT,
+      label: '最大条数',
+      component: 'InputNumber',
+      ifShow({ values }) {
+        return values[SchemaFiled.AGG] === AggregateDataEnum.NONE;
+      },
+      helpMessage: ['根据查询条件，查出的数据条数不超过这个值'],
+      componentProps() {
+        return {
+          max: 50000,
+          min: 7,
+          getPopupContainer: () => document.body,
+        };
+      },
     },
-    helpMessage: ['根据查询条件，查出的数据条数不超过这个值'],
-    componentProps() {
-      return {
-        max: 50000,
-        min: 7,
+    {
+      field: SchemaFiled.KEYS,
+      label: '设备属性',
+      component: 'Select',
+      componentProps: {
         getPopupContainer: () => document.body,
-      };
-    },
-  },
-  {
-    field: SchemaFiled.KEYS,
-    label: '设备属性',
-    component: 'Select',
-    componentProps: {
-      getPopupContainer: () => document.body,
+      },
     },
-  },
-];
+  ];
+};
 
 export function getHistorySearchParams(value: Recordable) {
   const { startTs, endTs, interval, agg, limit, way, keys, deviceId } = value;