perf: history trend form layout

@@ -292,5 +292,6 @@
 <style>
   .history-modal .ant-input-number {
     min-width: 0 !important;
+    width: 100% !important;
   }
 </style>

@@ -2,14 +2,14 @@
   import { BasicForm, useForm } from '/@/components/Form';
   import { defaultSchemas, SchemaFiled } from './config';
   import { onMounted } from 'vue';
+  import { useGridLayout } from '/@/hooks/component/useGridLayout';
+  import { ColEx } from '/@/components/Form/src/types';
 
   const emit = defineEmits(['register']);
   const [register, method] = useForm({
     schemas: defaultSchemas,
     labelWidth: 120,
-    baseColProps: {
-      span: 5,
-    },
+    baseColProps: useGridLayout(2, 3, 4) as unknown as ColEx,
     fieldMapToTime: [
       [SchemaFiled.DATE_RANGE, [SchemaFiled.START_TS, SchemaFiled.END_TS], 'YYYY-MM-DD HH:mm:ss'],
     ],

@@ -43,6 +43,7 @@
       width="70%"
       :minHeight="400"
       :footer="null"
+      wrap-class-name="history-trend-model"
       :canFullscreen="false"
       @cancel="handleCancelModal"
     >
@@ -487,6 +488,11 @@
   }
 </style>
 <style>
+  .history-trend-model .ant-input-number {
+    min-width: 0 !important;
+    width: 100% !important;
+  }
+
   .device-status__alarm {
     transform-origin: 10px 15px;
     animation: 0.5s linear 0s infinite alternate Scale;