perf: adjust history trend modal style

@@ -90,15 +90,17 @@
     rowProps: {
       gutter: 10,
     },
+    labelWidth: 120,
     fieldMapToTime: [[SchemaFiled.DATE_RANGE, [SchemaFiled.START_TS, SchemaFiled.END_TS]]],
+    submitButtonOptions: {
+      loading: loading as unknown as boolean,
+    },
     async submitFunc() {
       // 表单验证
       await method.validate();
       const value = method.getFieldsValue();
       const searchParams = getSearchParams(value);
 
-      console.log(value);
-
       if (!hasDeviceAttr()) return;
       // 发送请求
       loading.value = true;
@@ -204,16 +206,19 @@
 </script>
 
 <template>
-  <BasicModal @register="registerModal" :destroy-on-close="true" width="70%">
-    <section class="flex flex-col p-4 h-full w-full min-w-7/10" style="color: #f0f2f5">
-      <section class="bg-white p-3">
+  <BasicModal @register="registerModal" :destroy-on-close="true" width="70%" title="历史趋势">
+    <section
+      class="flex flex-col p-4 h-full w-full min-w-7/10"
+      style="color: #f0f2f5; background-color: #f0f2f5"
+    >
+      <section class="bg-white my-3 p-2">
         <BasicForm @register="register" />
       </section>
-      <section class="bg-white p-3">
-        <div v-show="isNull" ref="chartRef" :style="{ height: '400px', width: '100%' }">
+      <section class="bg-white p-3" style="min-hight: 350px">
+        <div v-show="isNull" ref="chartRef" :style="{ height: '350px', width: '100%' }">
           <Loading :loading="loading" :absolute="true" />
         </div>
-        <Empty v-show="!isNull" />
+        <Empty description="暂无数据，请选择设备查询" v-show="!isNull" />
       </section>
     </section>
   </BasicModal>