统计分析模块储能设备开发

web/src/components/SearchBox.vue

@@ -30,6 +30,7 @@
                 :show-time="{ format: 'HH:mm:ss' }"
                 value-format="YYYY-MM-DD HH:mm:ss"
                 v-model:value="formData[item.key]"
+                @change="$emit('onSearch', formData)"
               />
             </div>
             <!-- 输入框 -->
@@ -51,7 +52,7 @@
 
       <!-- <div :class="[searchOptions.length > 4 ? 'top-right-column' : 'top-right']"> -->
       <div class="top-right">
-        <a-button class="ant-btn-search" @click="changeData">
+        <!-- <a-button class="ant-btn-search" @click="changeData">
           <template #icon>
             <i class="iconfont icon-sousu btn-close" />
           </template>
@@ -62,7 +63,7 @@
             <i class="iconfont icon-chongzhi btn-close" />
           </template>
           重置
-        </a-button>
+        </a-button> -->
       </div>
     </div>
     <div class="bottom">
@@ -187,6 +188,7 @@ input:-internal-autofill-selected {
   color: var(--theme-text-default) !important;
 }
 .search {
+  color:#fff;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -229,6 +231,14 @@ input:-internal-autofill-selected {
 
     .date-picker {
       width: 360px;
+
+      .ant-picker{
+            background: transparent;
+    border: 1px solid #00B9D0;
+    .ant-picker-input >input{
+      color: #fff!important;
+    }
+      }
     }
 
     .ant-select,
@@ -243,8 +253,7 @@ input:-internal-autofill-selected {
     }
 
     .label {
-      width: 80px;
-      // margin-right: 20px;
+      width: 40px;
       color: var(--theme-text-default);
     }
     .top-right,