历史预测数据查询样式修改

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

@@ -1,32 +1,34 @@
 <template>
   <div class="app-container">
-    <el-form ref="queryForm" size="small" :inline="true">
-      <el-form-item label="时间">
-        <el-date-picker
-          :clearable="false"
-          v-model="dateTime"
-          type="datetimerange"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :default-time="['00:00:00', '23:45:00']"
-        />
-      </el-form-item>
-      <el-form-item label="场站名称">
-        <el-select v-model="stationCode" placeholder="请选择">
-          <el-option
-            v-for="item in stationList"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" style="margin-left: 5px" icon="el-icon-search" @click="dataQuery">查询
-        </el-button>
-      </el-form-item>
-    </el-form>
+    <div class="dark-el-input dark-el-button">
+      <el-form ref="queryForm" size="small" :inline="true" popper-class="cpp-popper">
+        <el-form-item label="时间">
+          <el-date-picker
+            :clearable="false"
+            v-model="dateTime"
+            type="datetimerange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            :default-time="['00:00:00', '23:45:00']"
+          />
+        </el-form-item>
+        <el-form-item label="场站名称">
+          <el-select v-model="stationCode" placeholder="请选择" popper-class="cpp-popper">
+            <el-option
+              v-for="item in stationList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" style="margin-left: 5px" icon="el-icon-search" @click="dataQuery">查询
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </div>
     <div style="padding-top: 10px">
       <el-tabs type="card" v-model="activeName" @tab-click="tabClick">
         <el-tab-pane label="列表" name="first">
@@ -52,16 +54,6 @@
               :title="item.label"
               :field="item.field"
             ></vxe-table-column>
-
-<!--            <vxe-table-column field="czmc" title="场站名称"></vxe-table-column>-->
-<!--            <vxe-table-column field="time" title="时间"></vxe-table-column>-->
-<!--            <vxe-table-column field="sjgl" title="实际功率(MW)"></vxe-table-column>-->
-<!--            <vxe-table-column field="kygl" title="可用功率(MW)"></vxe-table-column>-->
-<!--            <vxe-table-column field="llgl" title="理论功率(MW)"></vxe-table-column>-->
-<!--            <vxe-table-column field="dqys" title="短期原始(MW)"></vxe-table-column>-->
-<!--            <vxe-table-column field="dqzx" title="短期中心调控(MW)"></vxe-table-column>-->
-<!--            <vxe-table-column field="dqsb" title="短期上报(MW)"></vxe-table-column>-->
-<!--            <vxe-table-column field="cz" title="下发减上报差值(MW)"></vxe-table-column>-->
           </vxe-table>
           <vxe-pager
             perfect