针对element日期范围选择框，更改样式，历史预测数据查询为例

cpp-ui/src/assets/styles/dark.scss

@@ -99,7 +99,13 @@ $table-header-background-color: #284266;
 .el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
   color: $white;
 }
-
+// 按钮背景
+.cpp-btu-background {
+  background-image: url('../images/topRightBtuBg.png');
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
 /*vxe表格*/
 .vxe-table--render-default.border--default .vxe-table--header-wrapper, .vxe-table--render-default.border--full .vxe-table--header-wrapper, .vxe-table--render-default.border--outer .vxe-table--header-wrapper {
   background-color: $table-header-background-color !important;
@@ -246,6 +252,25 @@ $table-header-background-color: #284266;
 }
 
 /*element select*/
+// 日期选择范围
+.el-date-editor .el-range-input {
+  color: white !important;
+  background: transparent;
+}
+.el-date-editor .el-range-separator {
+  color: $white !important;
+}
+.el-picker-panel__body-wrapper{
+  .el-input__inner {
+    background-color: rgba(15, 28, 49, 0.8);
+    border: 1px solid $default-border-color;
+    color: #cddef1;
+  }
+}
+.el-picker-panel__footer {
+  border-top: 1px solid rgba(29, 128, 218, 1) !important;
+  background: rgba(30, 84, 128, 0.8) !important;
+}
 .cpp-popper {
   background: rgba(30, 84, 128, 0.8);
   border: 1px solid rgba(29, 128, 218, 1);

cpp-ui/src/views/stationDataQuery/historyforecastdata/index.vue

@@ -10,7 +10,7 @@
             range-separator="至"
             start-placeholder="开始日期"
             end-placeholder="结束日期"
-            :default-time="['00:00:00', '23:45:00']"
+            :default-time="['00:00:00', '23:45:00']" popper-class="cpp-popper"
           />
         </el-form-item>
         <el-form-item label="场站名称">