修改统计查询样式

cpp-ui/src/views/regulation/dqRegulation/index.vue

@@ -0,0 +1,97 @@
+<template>
+  <div class="app-container">
+    <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="date"
+            placeholder="选择生成日期">
+          </el-date-picker>
+        </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" size="small" style="margin-left: 5px" icon="el-icon-search" @click="dataQuery">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+            type="primary"
+            plain
+            icon="el-icon-plus"
+            size="mini"
+            @click="handleAdd"
+        >新增
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+            type="success"
+            plain
+            icon="el-icon-edit"
+            size="mini"
+            @click="handleUpdate"
+        >修改
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+            type="danger"
+            plain
+            icon="el-icon-delete"
+            size="mini"
+            @click="handleDelete"
+        >删除
+        </el-button>
+      </el-col>
+    </el-row>
+
+
+  </div>
+</template>
+
+
+<script>
+export default {
+  name: 'inverterinfo',
+  data() {
+    return {
+      dateTime: new Date(new Date().toLocaleDateString()).getTime() + (60 * 60 * 24 * 1000),
+      stationList: [],
+      stationCode: '',
+
+    }
+  },
+  created() {
+    this.getStationCode()
+  },
+  mounted() {
+
+  },
+  computed: {},
+  methods: {
+    getStationCode() {
+      this.$axios({url: '/electricfield/all', method: 'get'}).then(response => {
+        this.stationList = response.data
+        if (this.stationList.length > 0) {
+          this.stationCode = this.stationList[0].value
+          this.dataQuery()
+        }
+      })
+    },
+  }
+}
+</script>

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

@@ -42,7 +42,6 @@
             resizable
             highlight-current-row
             show-overflow
-            height="535"
             :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"
             :cell-class-name="cellClassName"
           >
@@ -932,6 +931,7 @@ export default {
    /* //然后给对应的单元格样式 */
  >>>.vxe-table .vxe-body--row .vxe-body--column.class-style-yellow{
    background-color:  #FFFF00;
+   color: #000000;
  }
    >>>.vxe-table .vxe-body--row .vxe-body--column.class-style-red{
      background-color: #FF0000;

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

@@ -1,42 +1,44 @@
 <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 label="逆变器设备">
-        <el-select v-model="equipmentId"  multiple filterable>
-          <el-option
-            v-for="item in equipmentOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" size="mini" style="margin-left: 5px" icon="el-icon-search" @click="beforeQuery">查询
-        </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']" popper-class="cpp-popper"
+          />
+        </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 label="逆变器设备">
+          <el-select v-model="equipmentId" multiple filterable popper-class="cpp-popper">
+            <el-option
+              v-for="item in equipmentOptions"
+              :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="beforeQuery">查询
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </div>
     <div style="padding-top: 10px">
       <vxe-table
         ref="xTable"
@@ -48,10 +50,8 @@
         export-config
         highlight-current-row
         show-overflow
-        height="528"
         :data="tableData"
         :radio-config="{trigger: 'row'}">
-        <vxe-column type="radio" width="60"/>
         <vxe-table-column field="stationCode" title="所属场站" :formatter="stationCodeFormat"></vxe-table-column>
         <vxe-table-column field="equipmentId" title="设备名称" :formatter="nameFormat"></vxe-table-column>
         <vxe-table-column field="status" title="状态" :formatter="statusFormat"></vxe-table-column>

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

@@ -1,28 +1,30 @@
 <template>
   <div class="app-container">
-    <el-form ref="queryForm" size="small" :inline="true">
-      <el-form-item label="生成日期">
-        <el-date-picker
-          v-model="dateTime"
-          type="date"
-          placeholder="选择生成日期">
-        </el-date-picker>
-      </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">
+        <el-form-item label="生成日期">
+          <el-date-picker
+            v-model="dateTime"
+            type="date"
+            placeholder="选择生成日期" popper-class="cpp-popper">
+          </el-date-picker>
+        </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">
@@ -38,8 +40,7 @@
             border
             resizable
             show-overflow
-            :data="tableData.slice((currentPage-1) * pageSize,currentPage * pageSize)"
-            height="535">
+            :data="tableData.slice((currentPage-1) * pageSize,currentPage * pageSize)">
             <vxe-table-column field="stationCode" title="场站名称" :formatter="stationCodeFormat" width="200px"
                               fixed="left"></vxe-table-column>
                           <vxe-table-column  field="time" title="预测时间" width="180" min-width="150" fixed="left"></vxe-table-column>
@@ -758,7 +759,7 @@ export default {
         }
       }
 
-      this.fsChart = echarts.init(document.getElementById('fscharts'))
+      this.fsChart = echarts.init(document.getElementById('fscharts'),'dark')
       this.fsChart.setOption({}, true)
 
       this.fsChart.setOption({
@@ -769,7 +770,7 @@ export default {
           textStyle: {
             fontWeight: 'normal',
             fontSize: 16,
-            color: this.lineColor
+            // color: this.lineColor
           },
           left: '1%'
         },
@@ -791,7 +792,7 @@ export default {
           right: '4%',
           textStyle: {
             fontSize: 12,
-            color: this.lineColor
+            // color: this.lineColor
           },
           selected: {
             '总辐射': true,
@@ -806,9 +807,9 @@ export default {
           end: 100,
           left: "15%",
           right: "15%",
-          textStyle: {
-            color: this.lineColor
-          }
+          // textStyle: {
+          //   color: this.lineColor
+          // }
         }, {
           type: 'inside'
         }],
@@ -822,11 +823,11 @@ export default {
         xAxis: [{
           type: 'category',
           boundaryGap: false,
-          axisLine: {
-            lineStyle: {
-              color: this.lineColor
-            }
-          },
+          // axisLine: {
+          //   lineStyle: {
+          //     color: this.lineColor
+          //   }
+          // },
           data: timeaxis
         }],
         yAxis: [{
@@ -835,11 +836,11 @@ export default {
           axisTick: {
             show: false
           },
-          axisLine: {
-            lineStyle: {
-              color: this.lineColor
-            }
-          },
+          // axisLine: {
+          //   lineStyle: {
+          //     color: this.lineColor
+          //   }
+          // },
           axisLabel: {
             margin: 10,
             textStyle: {
@@ -924,7 +925,7 @@ export default {
     },
     // 画风电场风速图
     drawFd(timeaxis, radiationData) {
-      this.fsChart = echarts.init(document.getElementById('fscharts'))
+      this.fsChart = echarts.init(document.getElementById('fscharts'),'dark')
       this.fsChart.setOption({}, true)
       let option = {
         backgroundColor: 'transparent',
@@ -934,7 +935,7 @@ export default {
           textStyle: {
             fontWeight: 'normal',
             fontSize: 16,
-            color: this.lineColor
+            // color: this.lineColor
           },
           left: '1%'
         },
@@ -957,7 +958,7 @@ export default {
           right: '4%',
           textStyle: {
             fontSize: 12,
-            color: this.lineColor
+            // color: this.lineColor
           },
           selected: {}
         },
@@ -968,9 +969,9 @@ export default {
           end: 100,
           left: "15%",
           right: "15%",
-          textStyle: {
-            color: this.lineColor
-          }
+          // textStyle: {
+          //   color: this.lineColor
+          // }
         }, {
           type: 'inside'
         }],
@@ -984,11 +985,11 @@ export default {
         xAxis: [{
           type: 'category',
           boundaryGap: false,
-          axisLine: {
-            lineStyle: {
-              color: this.lineColor
-            }
-          },
+          // axisLine: {
+          //   lineStyle: {
+          //     color: this.lineColor
+          //   }
+          // },
           data: timeaxis
         }],
         yAxis: [{
@@ -997,17 +998,17 @@ export default {
           axisTick: {
             show: false
           },
-          axisLine: {
-            lineStyle: {
-              color: this.lineColor
-            }
-          },
+          // axisLine: {
+          //   lineStyle: {
+          //     color: this.lineColor
+          //   }
+          // },
 
           axisLabel: {
             margin: 10,
             textStyle: {
               fontSize: 14,
-              color: this.lineColor
+              // color: this.lineColor
             },
             formatter: '{value}',
           },

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

@@ -1,33 +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">
+        <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']" popper-class="cpp-popper"
+          />
+        </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">
@@ -42,8 +43,7 @@
             border
             resizable
             show-overflow
-            :data="tableData.slice((currentPage-1) * pageSize,currentPage * pageSize)"
-            height="535">
+            :data="tableData.slice((currentPage-1) * pageSize,currentPage * pageSize)">
             <vxe-table-column field="stationCode" title="场站名称" :formatter="stationCodeFormat" width="200px"
                               fixed="left"></vxe-table-column>
             <vxe-table-column field="time" title="时间" width="180px" fixed="left"></vxe-table-column>
@@ -203,7 +203,7 @@ export default {
         }
       }
 
-      this.fsChart = echarts.init(document.getElementById('fscharts'))
+      this.fsChart = echarts.init(document.getElementById('fscharts'),'dark')
 
       this.fsChart.setOption({
         backgroundColor: 'transparent',
@@ -213,7 +213,7 @@ export default {
           textStyle: {
             fontWeight: 'normal',
             fontSize: 16,
-            color: this.lineColor
+            // color: this.lineColor
           },
           left: '1%'
         },
@@ -235,7 +235,7 @@ export default {
           right: '4%',
           textStyle: {
             fontSize: 12,
-            color: this.lineColor
+            // color: this.lineColor
           },
           selected: {
             '总辐射': true,
@@ -250,9 +250,9 @@ export default {
           end: 100,
           left: "15%",
           right: "15%",
-          textStyle: {
-            color: this.lineColor
-          }
+          // textStyle: {
+          //   color: this.lineColor
+          // }
         }, {
           type: 'inside'
         }],
@@ -266,11 +266,11 @@ export default {
         xAxis: [{
           type: 'category',
           boundaryGap: false,
-          axisLine: {
-            lineStyle: {
-              color: this.lineColor
-            }
-          },
+          // axisLine: {
+          //   lineStyle: {
+          //     color: this.lineColor
+          //   }
+          // },
           data: timeaxis
         }],
         yAxis: [{
@@ -279,11 +279,11 @@ export default {
           axisTick: {
             show: false
           },
-          axisLine: {
-            lineStyle: {
-              color: this.lineColor
-            }
-          },
+          // axisLine: {
+          //   lineStyle: {
+          //     color: this.lineColor
+          //   }
+          // },
           axisLabel: {
             margin: 10,
             textStyle: {
@@ -376,7 +376,7 @@ export default {
           rh = sdData.rhs
         }
       }
-      this.sdChart = echarts.init(document.getElementById('sdcharts'))
+      this.sdChart = echarts.init(document.getElementById('sdcharts'),'dark')
 
       this.sdChart.setOption({
         backgroundColor: 'transparent',
@@ -386,7 +386,7 @@ export default {
           textStyle: {
             fontWeight: 'normal',
             fontSize: 16,
-            color: this.lineColor
+            // color: this.lineColor
           },
           left: '1%'
         },
@@ -408,7 +408,7 @@ export default {
           right: '4%',
           textStyle: {
             fontSize: 12,
-            color: this.lineColor
+            // color: this.lineColor
           },
           selected:{
             '压强':true,
@@ -422,9 +422,9 @@ export default {
           end: 100,
           left: "15%",
           right: "15%",
-          textStyle: {
-            color: this.lineColor
-          }
+          // textStyle: {
+          //   color: this.lineColor
+          // }
         }, {
           type: 'inside'
         }],
@@ -438,11 +438,11 @@ export default {
         xAxis: [{
           type: 'category',
           boundaryGap: false,
-          axisLine: {
-            lineStyle: {
-              color: this.lineColor
-            }
-          },
+          // axisLine: {
+          //   lineStyle: {
+          //     color: this.lineColor
+          //   }
+          // },
           data: timeaxis
         }],
         yAxis: [{
@@ -451,22 +451,17 @@ export default {
           axisTick: {
             show: false
           },
-          axisLine: {
-            lineStyle: {
-              color: this.lineColor
-            }
-          },
+          // axisLine: {
+          //   lineStyle: {
+          //     color: this.lineColor
+          //   }
+          // },
           axisLabel: {
             margin: 10,
             textStyle: {
               fontSize: 14
             }
           },
-          splitLine: {
-            lineStyle: {
-              color: '#57617B'
-            }
-          }
         },
           {
             type: 'value',
@@ -474,22 +469,12 @@ export default {
             axisTick: {
               show: false
             },
-            axisLine: {
-              lineStyle: {
-                color: '#57617B'
-              }
-            },
             axisLabel: {
               margin: 10,
               textStyle: {
                 fontSize: 14
               }
             },
-            splitLine: {
-              lineStyle: {
-                color: '#57617B'
-              }
-            }
           }
         ],
         series: [{

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

@@ -1,33 +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">
+        <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']" popper-class="cpp-popper"
+          />
+        </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">
@@ -42,8 +43,7 @@
             border
             resizable
             show-overflow
-            :data="tableData.slice((currentPage-1) * pageSize,currentPage * pageSize)"
-            height="535">
+            :data="tableData.slice((currentPage-1) * pageSize,currentPage * pageSize)">
             <vxe-table-column field="stationCode" title="场站名称" :formatter="stationCodeFormat" width="200px" fixed="left"></vxe-table-column>
             <vxe-table-column field="time" title="时间" width="180px" fixed="left"></vxe-table-column>
             <vxe-table-column field="t" title="温度(℃)" width="180px"></vxe-table-column>
@@ -762,7 +762,7 @@ export default {
       })
     },
     wsDraw(wsTime,wsMap) {
-      this.wsChart = echarts.init(document.getElementById('wscharts'))
+      this.wsChart = echarts.init(document.getElementById('wscharts'),'dark')
       let option = {
         backgroundColor: 'transparent',
         title: {
@@ -771,7 +771,7 @@ export default {
           textStyle: {
             fontWeight: 'normal',
             fontSize: 16,
-            color: this.lineColor
+            // color: this.lineColor
           },
           left: '1%'
         },
@@ -794,7 +794,7 @@ export default {
           right: '4%',
           textStyle: {
             fontSize: 12,
-            color: this.lineColor
+            // color: this.lineColor
           },
           selected: {}
         },
@@ -805,9 +805,9 @@ export default {
           end: 100,
           left: "15%",
           right: "15%",
-          textStyle: {
-            color: this.lineColor
-          }
+          // textStyle: {
+            // color: this.lineColor
+          // }
         }, {
           type: 'inside'
         }],
@@ -821,11 +821,11 @@ export default {
         xAxis: [{
           type: 'category',
           boundaryGap: false,
-          axisLine: {
-            lineStyle: {
-              color: this.lineColor
-            }
-          },
+          // axisLine: {
+          //   lineStyle: {
+              // color: this.lineColor
+            // }
+          // },
           data: []
         }],
         yAxis: [{
@@ -834,17 +834,17 @@ export default {
           axisTick: {
             show: false
           },
-          axisLine: {
-            lineStyle: {
-              color: this.lineColor
-            }
-          },
+          // axisLine: {
+          //   lineStyle: {
+              // color: this.lineColor
+            // }
+          // },
 
           axisLabel: {
             margin: 10,
             textStyle: {
               fontSize: 14,
-              color: this.lineColor
+              // color: this.lineColor
             },
             formatter: '{value}',
           },
@@ -898,7 +898,7 @@ export default {
       });
     },
     wdDraw(wdMap) {
-      this.wdChart = echarts.init(document.getElementById('wdcharts'))
+      this.wdChart = echarts.init(document.getElementById('wdcharts'),'dark')
       const option = {
         backgroundColor: 'transparent',
         color: ['#4A99FF', '#4BFFFC', '#ff654a', '#edff4a', '#65ff4a', '#4affea', '#894aff', '#d84aff', '#ff4aae'],
@@ -922,7 +922,7 @@ export default {
           trigger: 'axis',
           axisPointer: {
             lineStyle: {
-              color: '#57617B'
+              color: '#FFFFFF'
             }
           }
         },
@@ -930,7 +930,7 @@ export default {
           {
             name: {
               textStyle: {
-                color: '#000',
+                color: '#FFFFFF',
                 fontSize: 16
               },
             },
@@ -942,12 +942,12 @@ export default {
             },
             axisLine: { //指向外圈文本的分隔线样式
               lineStyle: {
-                color: '#000'
+                color: '#FFFFFF'
               }
             },
             splitLine: {
               lineStyle: {
-                color: '#000', // 分隔线颜色
+                color: '#FFFFFF', // 分隔线颜色
                 width: 1, // 分隔线线宽
               }
             },

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

@@ -1,43 +1,44 @@
 <template>
   <div class="app-container">
-    <el-form ref="queryForm" size="small" :inline="true">
-      <el-form-item label="时间">
-        <el-date-picker
-          size="mini"
-          :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="请选择" @change="stationChange">
-          <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 label="风机设备">
-        <el-select size="mini" v-model="equipmentId"  multiple filterable>
-          <el-option
-            v-for="item in equipmentOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" size="mini" style="margin-left: 5px" icon="el-icon-search" @click="beforeQuery">查询
-        </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']" popper-class="cpp-popper"
+          />
+        </el-form-item>
+        <el-form-item label="场站名称">
+          <el-select v-model="stationCode" placeholder="请选择" @change="stationChange" 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 label="风机设备">
+          <el-select v-model="equipmentId" multiple filterable popper-class="cpp-popper">
+            <el-option
+              v-for="item in equipmentOptions"
+              :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="beforeQuery">查询
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </div>
     <div style="padding-top: 10px">
       <vxe-table
         ref="xTable"
@@ -49,10 +50,8 @@
         export-config
         highlight-current-row
         show-overflow
-        height="528"
         :data="tableData"
         :radio-config="{trigger: 'row'}">
-        <vxe-column type="radio" width="60"/>
         <vxe-table-column field="stationCode" title="所属场站" :formatter="stationCodeFormat"></vxe-table-column>
         <vxe-table-column field="equipmentId" title="设备名称" :formatter="nameFormat"></vxe-table-column>
         <vxe-table-column field="status" title="状态" :formatter="statusFormat"></vxe-table-column>
@@ -86,8 +85,8 @@ export default {
   data() {
     return {
       equipmentId: [],
-      equipmentOptions:[],
-      dateTime: [new Date(new Date().toLocaleDateString()).getTime(), new Date(new Date().toLocaleDateString()).getTime() + 60 * 60 * 24 * 1000-5*1000*60],
+      equipmentOptions: [],
+      dateTime: [new Date(new Date().toLocaleDateString()).getTime(), new Date(new Date().toLocaleDateString()).getTime() + 60 * 60 * 24 * 1000 - 5 * 1000 * 60],
       total: 0,
       sortOrder: 'asc',
       pageSize: 10,
@@ -96,12 +95,12 @@ export default {
       stationCode: [],
       searchForm: {},
       tableData: [],
-      nameList:[],
+      nameList: [],
       loading: false,
       modId: '',//备用id
     }
   },
-  created(){
+  created() {
     // 获取所有风机名称
     this.$axios.get('/windturbineinfo/findAll').then((res) => {
       this.nameList = res.data
@@ -116,7 +115,7 @@ export default {
   },
   computed: {},
   methods: {
-    beforeQuery(){
+    beforeQuery() {
       this.currentPage = 1
       this.pageSize = 10
       this.dataQuery()