适应主题css调整

cpp-ui/src/views/configManager/parsingConf/cdqparsing.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="app-container">
     <el-button type="primary" icon="el-icon-plus" plain @click="handleAdd" class="myButton">新增</el-button>
     <!--上报对象表格-->
     <el-table
@@ -57,7 +57,7 @@
                     <span slot="label">
                       <font color="red">*</font>数据类型
                     </span>
-                    <el-select v-model="form.dataType" clearable @focus="clearformula">
+                     <el-select popper-class="cpp-popper" v-model="form.dataType" clearable @focus="clearformula">
                       <el-option
                         v-for="item in this.dataType"
                         :key="item.value"
@@ -105,7 +105,7 @@
 <!--                    <span slot="label">-->
 <!--                      <font color="red">*</font>场站编号-->
 <!--                    </span>-->
-<!--                    <el-select v-model="form.stationCode" multiple clearable @focus="clearformula" style="width: 100%">-->
+<!--                     <el-select popper-class="cpp-popper" v-model="form.stationCode" multiple clearable @focus="clearformula" style="width: 100%">-->
 <!--                      <el-option-->
 <!--                        v-for="item in this.stationCodeList"-->
 <!--                        :key="item.stationCode"-->
@@ -161,7 +161,7 @@
             <el-row>
               <el-col>
                 <el-form-item label="时间格式" prop="timeformat" label-width="110px">
-                  <el-select v-model="pfform.timeformat" clearable>
+                   <el-select popper-class="cpp-popper" v-model="pfform.timeformat" clearable>
                     <el-option
                       v-for="item in this.timeFormat"
                       :key="item.value"

cpp-ui/src/views/configManager/parsingConf/cftparsing.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="app-container">
     <el-button type="primary" icon="el-icon-plus" plain @click="handleAdd" class="myButton">新增</el-button>
     <!--上报对象表格-->
     <el-table
@@ -106,7 +106,7 @@
                     <span slot="label">
                       <font color="red">*</font>数据类型
                     </span>
-                    <el-select v-model="form.dataType" clearable @focus="clearformula">
+                     <el-select popper-class="cpp-popper" v-model="form.dataType" clearable @focus="clearformula">
                       <el-option
                         v-for="item in this.dataType"
                         :key="item.value"
@@ -122,7 +122,7 @@
 <!--                    <span slot="label">-->
 <!--                      <font color="red">*</font>场站编号-->
 <!--                    </span>-->
-<!--                    <el-select v-model="form.stationCode" multiple clearable @focus="clearformula" style="width: 100%">-->
+<!--                     <el-select popper-class="cpp-popper" v-model="form.stationCode" multiple clearable @focus="clearformula" style="width: 100%">-->
 <!--                      <el-option-->
 <!--                        v-for="item in this.stationCodeList"-->
 <!--                        :key="item.stationCode"-->
@@ -430,7 +430,7 @@
             <el-row>
               <el-col>
                 <el-form-item label="时间格式" prop="timeformat" label-width="150px">
-                  <el-select v-model="pfform.timeformat" clearable>
+                   <el-select popper-class="cpp-popper" v-model="pfform.timeformat" clearable>
                     <el-option
                       v-for="item in this.timeFormat"
                       :key="item.value"

cpp-ui/src/views/configManager/parsingConf/dqparsing.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="app-container">
     <el-button type="primary" icon="el-icon-plus" plain @click="handleAdd" class="myButton">新增</el-button>
     <!--上报对象表格-->
     <el-table
@@ -58,7 +58,7 @@
                     <span slot="label">
                       <font color="red">*</font>数据类型
                     </span>
-                    <el-select v-model="form.dataType" clearable @focus="clearformula">
+                     <el-select popper-class="cpp-popper" v-model="form.dataType" clearable @focus="clearformula">
                       <el-option
                         v-for="item in this.dataType"
                         :key="item.value"
@@ -116,7 +116,7 @@
 <!--                    <span slot="label">-->
 <!--                      <font color="red">*</font>场站编号-->
 <!--                    </span>-->
-<!--                    <el-select v-model="form.stationCode" multiple clearable @focus="clearformula" style="width: 100%">-->
+<!--                     <el-select popper-class="cpp-popper" v-model="form.stationCode" multiple clearable @focus="clearformula" style="width: 100%">-->
 <!--                      <el-option-->
 <!--                        v-for="item in this.stationCodeList"-->
 <!--                        :key="item.stationCode"-->
@@ -172,7 +172,7 @@
             <el-row>
               <el-col>
                 <el-form-item label="时间格式" prop="timeformat" label-width="110px">
-                  <el-select v-model="pfform.timeformat" clearable>
+                   <el-select popper-class="cpp-popper" v-model="pfform.timeformat" clearable>
                     <el-option
                       v-for="item in this.timeFormat"
                       :key="item.value"

cpp-ui/src/views/configManager/parsingConf/fjparsing.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="app-container">
     <el-button type="primary" icon="el-icon-plus" plain @click="handleAdd" class="myButton">新增</el-button>
     <!--上报对象表格-->
     <el-table
@@ -90,7 +90,7 @@
                     <span slot="label">
                       <font color="red">*</font>数据类型
                     </span>
-                    <el-select v-model="form.dataType" clearable @focus="clearformula">
+                     <el-select popper-class="cpp-popper" v-model="form.dataType" clearable @focus="clearformula">
                       <el-option
                         v-for="item in this.dataType"
                         :key="item.value"
@@ -135,7 +135,7 @@
 <!--                    <span slot="label">-->
 <!--                      <font color="red">*</font>场站编号-->
 <!--                    </span>-->
-<!--                    <el-select v-model="form.stationCode" multiple clearable @focus="clearformula" style="width: 100%">-->
+<!--                     <el-select popper-class="cpp-popper" v-model="form.stationCode" multiple clearable @focus="clearformula" style="width: 100%">-->
 <!--                      <el-option-->
 <!--                        v-for="item in this.stationCodeList"-->
 <!--                        :key="item.stationCode"-->
@@ -327,7 +327,7 @@
             <el-row>
               <el-col>
                 <el-form-item label="时间格式" prop="timeformat" label-width="110px">
-                  <el-select v-model="pfform.timeformat" clearable>
+                   <el-select popper-class="cpp-popper" v-model="pfform.timeformat" clearable>
                     <el-option
                       v-for="item in this.timeFormat"
                       :key="item.value"

cpp-ui/src/views/configManager/parsingConf/index.vue

@@ -1,35 +1,37 @@
 <template>
   <div class="app-container">
-    <basic-container>
-      <el-tabs v-model="activeName" @tab-click="handleClick">
-        <el-tab-pane label="短期" name="dq">
-          <dqparsing v-if="isDq"/>
-        </el-tab-pane>
-        <el-tab-pane label="超短期" name="cdq">
-          <cdqparsing v-if="isCdq"/>
-        </el-tab-pane>
-        <el-tab-pane label="nwp" name="nwp">
-          <nwpparsing v-if="isNwp"/>
-        </el-tab-pane>
-        <el-tab-pane label="实际功率" name="rp">
-          <rpparsing v-if="isRp"/>
-        </el-tab-pane>
-        <el-tab-pane label="测风塔" name="cft">
-          <cftparsing v-if="isCft"/>
-        </el-tab-pane>
-        <el-tab-pane label="风机" name="fj">
-          <fjparsing v-if="isFj"/>
-        </el-tab-pane>
-        <el-tab-pane label="气象站" name="qxz">
-          <qxzparsing v-if="isQxz"/>
-        </el-tab-pane>
-        <el-tab-pane label="逆变器" name="nbq">
-          <nbqparsing v-if="isNbq"/>
-        </el-tab-pane>
-      </el-tabs>
-      <!--通道配置的编辑框-->
-      <!--文件类型配置的编辑框-->
-    </basic-container>
+    <div class="dark-el-input dark-el-button">
+      <basic-container>
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane label="短期" name="dq">
+            <dqparsing v-if="isDq"/>
+          </el-tab-pane>
+          <el-tab-pane label="超短期" name="cdq">
+            <cdqparsing v-if="isCdq"/>
+          </el-tab-pane>
+          <el-tab-pane label="nwp" name="nwp">
+            <nwpparsing v-if="isNwp"/>
+          </el-tab-pane>
+          <el-tab-pane label="实际功率" name="rp">
+            <rpparsing v-if="isRp"/>
+          </el-tab-pane>
+          <el-tab-pane label="测风塔" name="cft">
+            <cftparsing v-if="isCft"/>
+          </el-tab-pane>
+          <el-tab-pane label="风机" name="fj">
+            <fjparsing v-if="isFj"/>
+          </el-tab-pane>
+          <el-tab-pane label="气象站" name="qxz">
+            <qxzparsing v-if="isQxz"/>
+          </el-tab-pane>
+          <el-tab-pane label="逆变器" name="nbq">
+            <nbqparsing v-if="isNbq"/>
+          </el-tab-pane>
+        </el-tabs>
+        <!--通道配置的编辑框-->
+        <!--文件类型配置的编辑框-->
+      </basic-container>
+    </div>
   </div>
 </template>
 <script>
@@ -41,18 +43,19 @@ import nbqparsing from "./nbqparsing";
 import fjparsing from "./fjparsing";
 import rpparsing from "./rpparsing";
 import nwpparsing from "./nwpparsing"
+
 export default {
   data() {
     return {
       activeName: 'dq',
-      isDq:true,
-      isCdq:false,
-      isNwp:false,
-      isQxz:false,
-      isCft:false,
-      isNbq:false,
-      isFj:false,
-      isRp:false,
+      isDq: true,
+      isCdq: false,
+      isNwp: false,
+      isQxz: false,
+      isCft: false,
+      isNbq: false,
+      isFj: false,
+      isRp: false,
       btnLonding: false
     }
   },
@@ -66,9 +69,9 @@ export default {
     fjparsing,
     rpparsing,
   },
-  methods:{
-    handleClick(tab){
-      if (tab.name==='dq'){
+  methods: {
+    handleClick(tab) {
+      if (tab.name === 'dq') {
         this.isDq = true
         this.isCdq = false
         this.isNwp = false
@@ -77,8 +80,7 @@ export default {
         this.isNbq = false
         this.isFj = false
         this.isRp = false
-      }
-      else if (tab.name==='cdq'){
+      } else if (tab.name === 'cdq') {
         this.isDq = false
         this.isCdq = true
         this.isNwp = false
@@ -87,8 +89,7 @@ export default {
         this.isNbq = false
         this.isFj = false
         this.isRp = false
-      }
-      else if (tab.name==='nwp'){
+      } else if (tab.name === 'nwp') {
         this.isDq = false
         this.isCdq = false
         this.isNwp = true
@@ -97,8 +98,7 @@ export default {
         this.isNbq = false
         this.isFj = false
         this.isRp = false
-      }
-      else if (tab.name==='qxz'){
+      } else if (tab.name === 'qxz') {
         this.isDq = false
         this.isCdq = false
         this.isNwp = false
@@ -107,8 +107,7 @@ export default {
         this.isNbq = false
         this.isFj = false
         this.isRp = false
-      }
-      else if (tab.name==='cft'){
+      } else if (tab.name === 'cft') {
         this.isDq = false
         this.isCdq = false
         this.isNwp = false
@@ -117,8 +116,7 @@ export default {
         this.isNbq = false
         this.isFj = false
         this.isRp = false
-      }
-      else if (tab.name==='nbq'){
+      } else if (tab.name === 'nbq') {
         this.isDq = false
         this.isCdq = false
         this.isNwp = false
@@ -127,8 +125,7 @@ export default {
         this.isNbq = true
         this.isFj = false
         this.isRp = false
-      }
-      else if (tab.name==='fj'){
+      } else if (tab.name === 'fj') {
         this.isDq = false
         this.isCdq = false
         this.isNwp = false
@@ -137,8 +134,7 @@ export default {
         this.isNbq = false
         this.isFj = true
         this.isRp = false
-      }
-      else if (tab.name==='rp'){
+      } else if (tab.name === 'rp') {
         this.isDq = false
         this.isCdq = false
         this.isNwp = false

cpp-ui/src/views/configManager/parsingConf/nbqparsing.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="app-container">
     <el-button type="primary" icon="el-icon-plus" plain @click="handleAdd" class="myButton">新增</el-button>
     <!--上报对象表格-->
     <el-table
@@ -85,7 +85,7 @@
                     <span slot="label">
                       <font color="red">*</font>数据类型
                     </span>
-                    <el-select v-model="form.dataType" clearable @focus="clearformula">
+                     <el-select popper-class="cpp-popper" v-model="form.dataType" clearable @focus="clearformula">
                       <el-option
                         v-for="item in this.dataType"
                         :key="item.value"
@@ -130,7 +130,7 @@
 <!--                    <span slot="label">-->
 <!--                      <font color="red">*</font>场站编号-->
 <!--                    </span>-->
-<!--                    <el-select v-model="form.stationCode" multiple clearable @focus="clearformula" style="width: 100%">-->
+<!--                     <el-select popper-class="cpp-popper" v-model="form.stationCode" multiple clearable @focus="clearformula" style="width: 100%">-->
 <!--                      <el-option-->
 <!--                        v-for="item in this.stationCodeList"-->
 <!--                        :key="item.stationCode"-->
@@ -274,7 +274,7 @@
             <el-row>
               <el-col>
                 <el-form-item label="时间格式" prop="timeformat" label-width="110px">
-                  <el-select v-model="pfform.timeformat" clearable>
+                   <el-select popper-class="cpp-popper" v-model="pfform.timeformat" clearable>
                     <el-option
                       v-for="item in this.timeFormat"
                       :key="item.value"

cpp-ui/src/views/configManager/parsingConf/nwpparsing.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="app-container">
     <el-button type="primary" icon="el-icon-plus" plain @click="handleAdd" class="myButton">新增</el-button>
     <!--上报对象表格-->
     <el-table
@@ -88,7 +88,7 @@
                     <span slot="label">
                       <font color="red">*</font>数据类型
                     </span>
-                    <el-select v-model="form.dataType" clearable @focus="clearformula">
+                     <el-select popper-class="cpp-popper" v-model="form.dataType" clearable @focus="clearformula">
                       <el-option
                         v-for="item in this.dataTypes"
                         :key="item.value"
@@ -105,7 +105,7 @@
 <!--                    <span slot="label">-->
 <!--                      <font color="red">*</font>场站编号-->
 <!--                    </span>-->
-<!--                    <el-select v-model="form.stationCode" multiple clearable @focus="clearformula" style="width: 100%">-->
+<!--                     <el-select popper-class="cpp-popper" v-model="form.stationCode" multiple clearable @focus="clearformula" style="width: 100%">-->
 <!--                      <el-option-->
 <!--                        v-for="item in this.stationCodeList"-->
 <!--                        :key="item.stationCode"-->
@@ -385,7 +385,7 @@
             <el-row>
               <el-col>
                 <el-form-item label="时间格式" prop="timeformat" label-width="110px">
-                  <el-select v-model="pfform.timeformat" clearable>
+                   <el-select popper-class="cpp-popper" v-model="pfform.timeformat" clearable>
                     <el-option
                       v-for="item in this.timeFormat"
                       :key="item.value"

cpp-ui/src/views/configManager/parsingConf/qxzparsing.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="app-container">
     <el-button type="primary" icon="el-icon-plus" plain @click="handleAdd" class="myButton">新增</el-button>
     <!--上报对象表格-->
     <el-table
@@ -78,7 +78,7 @@
                     <span slot="label">
                       <font color="red">*</font>数据类型
                     </span>
-                    <el-select v-model="form.dataType" clearable @focus="clearformula">
+                     <el-select popper-class="cpp-popper" v-model="form.dataType" clearable @focus="clearformula">
                       <el-option
                         v-for="item in this.dataType"
                         :key="item.value"
@@ -94,7 +94,7 @@
 <!--                    <span slot="label">-->
 <!--                      <font color="red">*</font>场站编号-->
 <!--                    </span>-->
-<!--                    <el-select v-model="form.stationCode" multiple clearable @focus="clearformula" style="width: 100%">-->
+<!--                     <el-select popper-class="cpp-popper" v-model="form.stationCode" multiple clearable @focus="clearformula" style="width: 100%">-->
 <!--                      <el-option-->
 <!--                        v-for="item in this.stationCodeList"-->
 <!--                        :key="item.stationCode"-->
@@ -248,7 +248,7 @@
             <el-row>
               <el-col>
                 <el-form-item label="时间格式" prop="timeformat" label-width="115px">
-                  <el-select v-model="pfform.timeformat" clearable>
+                   <el-select popper-class="cpp-popper" v-model="pfform.timeformat" clearable>
                     <el-option
                       v-for="item in this.timeFormat"
                       :key="item.value"

cpp-ui/src/views/configManager/parsingConf/rpparsing.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="app-container">
     <el-button type="primary" icon="el-icon-plus" plain @click="handleAdd" class="myButton">新增</el-button>
     <!--上报对象表格-->
     <el-table
@@ -66,7 +66,7 @@
                     <span slot="label">
                       <font color="red">*</font>数据类型
                     </span>
-                    <el-select v-model="form.dataType" clearable @focus="clearformula">
+                     <el-select popper-class="cpp-popper" v-model="form.dataType" clearable @focus="clearformula">
                       <el-option
                         v-for="item in this.dataType"
                         :key="item.value"
@@ -174,7 +174,7 @@
 <!--                    <span slot="label">-->
 <!--                      <font color="red">*</font>场站编号-->
 <!--                    </span>-->
-<!--                    <el-select v-model="form.stationCode" multiple clearable @focus="clearformula" style="width: 100%">-->
+<!--                     <el-select popper-class="cpp-popper" v-model="form.stationCode" multiple clearable @focus="clearformula" style="width: 100%">-->
 <!--                      <el-option-->
 <!--                        v-for="item in this.stationCodeList"-->
 <!--                        :key="item.stationCode"-->
@@ -230,7 +230,7 @@
             <el-row>
               <el-col>
                 <el-form-item label="时间格式" prop="timeformat" label-width="110px">
-                  <el-select v-model="pfform.timeformat" clearable>
+                   <el-select popper-class="cpp-popper" v-model="pfform.timeformat" clearable>
                     <el-option
                       v-for="item in this.timeFormat"
                       :key="item.value"

cpp-ui/src/views/configManager/parsingType/index.vue

@@ -2,10 +2,13 @@
   <div class="execution app-container">
     <basic-container>
       <div class="dark-el-button" style="margin-bottom: .5%">
-<!--        <el-button-group style="margin-left: 1%">-->
-          <el-button type="primary" size="small" icon="el-icon-search" :loading="tableLoading" @click="getList()">刷新</el-button>
-          <el-button type="primary" size="small" icon="el-icon-circle-plus-outline" @click="handleAdd()" :loading="tableLoading">添加</el-button>
-<!--        </el-button-group>-->
+        <!--        <el-button-group style="margin-left: 1%">-->
+        <el-button type="primary" size="small" icon="el-icon-search" :loading="tableLoading" @click="getList()">刷新
+        </el-button>
+        <el-button type="primary" size="small" icon="el-icon-circle-plus-outline" @click="handleAdd()"
+                   :loading="tableLoading">添加
+        </el-button>
+        <!--        </el-button-group>-->
       </div>
 
       <el-table
@@ -49,23 +52,27 @@
         :close-on-click-modal="false"
         width="30%"
         :before-close="handleClose">
-        <el-form ref="elform" :model="form" :rules="rules" label-width="120px">
-          <el-form-item prop="fileType" label="解析文件类型">
-            <el-select v-model="form.fileType" clearable>
-              <el-option
-                v-for="item in this.fileTypes"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"/>
-            </el-select>
-          </el-form-item>
-          <el-form-item prop="fileName" label="文件名识别标识">
-            <el-input v-model="form.fileName"></el-input>
-          </el-form-item>
-        </el-form>
-        <div style="text-align: center">
-          <el-button type="primary" @click="handleUpdate">保存</el-button>
-          <el-button @click="handleCancel">取消</el-button>
+        <div class="dark-el-input dark-el-button">
+
+          <el-form ref="elform" :model="form" :rules="rules" label-width="120px">
+            <el-form-item prop="fileType" label="解析文件类型">
+               <el-select popper-class="cpp-popper" v-model="form.fileType" clearable>
+                <el-option
+                  v-for="item in this.fileTypes"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"/>
+              </el-select>
+            </el-form-item>
+            <el-form-item prop="fileName" label="文件名识别标识">
+              <el-input v-model="form.fileName"></el-input>
+            </el-form-item>
+          </el-form>
+
+          <div style="text-align: center">
+            <el-button type="primary" @click="handleUpdate">保存</el-button>
+            <el-button @click="handleCancel">取消</el-button>
+          </div>
         </div>
       </el-dialog>
     </basic-container>
@@ -77,7 +84,7 @@ export default {
   name: 'parsingType',
   data() {
     return {
-      fileTypes:[],
+      fileTypes: [],
       form: {},
       tableData: [],
       page: {
@@ -88,22 +95,20 @@ export default {
       tableLoading: false,
       dialogVisible: false,
       dialogType: '',//新增还是编辑
-      title:'',//弹框的文本
+      title: '',//弹框的文本
       rules: {
         // stationCode: {required: true, message: '请选择场站', trigger: 'blur'},
         // url: {required: true, message: '请输入路径', trigger: 'blur'},
       }
     }
   },
-  computed: {
-
-  },
+  computed: {},
   created() {
     this.init()
   },
   methods: {
-    init(){
-      this.$axios.get("/parsingInfo/getFileTypes").then(res=>{
+    init() {
+      this.$axios.get("/parsingInfo/getFileTypes").then(res => {
         this.fileTypes = res.data
       })
       this.getList()
@@ -111,10 +116,12 @@ export default {
     getList() {
       var page = this.page
       this.tableLoading = true
-      this.$axios.get("/parsingType/page",{params:{
-        currentPage: page.currentPage,
-        pageSize: page.pageSize
-      }}).then(response => {
+      this.$axios.get("/parsingType/page", {
+        params: {
+          currentPage: page.currentPage,
+          pageSize: page.pageSize
+        }
+      }).then(response => {
         this.tableData = response.data.records
         this.page.total = response.data.total
         this.tableLoading = false
@@ -157,7 +164,7 @@ export default {
         cancelButtonText: '取消',
         type: 'warning'
       }).then(function () {
-        return this.$axios.delete("/parsingType/"+row.id)
+        return this.$axios.delete("/parsingType/" + row.id)
       }).then(data => {
         this.$message.success('删除成功')
         this.getList(this.page)
@@ -167,7 +174,7 @@ export default {
       if (this.dialogType === 'add') {
         // row.cid = this.channelId
         // row.stationCode = this.stationCode
-        this.$axios.post("/parsingType",this.form).then(data => {
+        this.$axios.post("/parsingType", this.form).then(data => {
           this.$message.success('添加成功')
           this.getList()
           this.dialogVisible = false

cpp-ui/src/views/configManager/sftpChannel/index.vue

@@ -2,11 +2,13 @@
   <div class="execution app-container">
     <basic-container>
       <div class="dark-el-button" style="margin-bottom: .5%">
-<!--        <el-button-group style="margin-left: 1%">-->
-          <el-button type="primary" size="small" icon="el-icon-search" :loading="tableLoading" @click="getList()">刷新</el-button>
-          <el-button type="primary" size="small" icon="el-icon-circle-plus-outline" @click="handleAdd()" :loading="tableLoading">添加
-          </el-button>
-<!--        </el-button-group>-->
+        <!--        <el-button-group style="margin-left: 1%">-->
+        <el-button type="primary" size="small" icon="el-icon-search" :loading="tableLoading" @click="getList()">刷新
+        </el-button>
+        <el-button type="primary" size="small" icon="el-icon-circle-plus-outline" @click="handleAdd()"
+                   :loading="tableLoading">添加
+        </el-button>
+        <!--        </el-button-group>-->
       </div>
 
       <el-table
@@ -46,6 +48,7 @@
         :total="this.page.total">
       </el-pagination>
 
+
       <el-dialog
         :title="title"
         :visible.sync="dialogVisible"
@@ -53,28 +56,31 @@
         :close-on-click-modal="false"
         width="30%"
         :before-close="handleClose">
-        <el-form ref="elform" :model="form" :rules="rules" label-width="80px">
-          <el-form-item prop="name" label="通道名称">
-            <el-input v-model="form.name"></el-input>
-          </el-form-item>
-          <el-form-item prop="ip" label="ip">
-            <el-input v-model="form.ip"></el-input>
-          </el-form-item>
-          <el-form-item prop="port" label="端口">
-            <el-input v-model="form.port"></el-input>
-          </el-form-item>
-          <el-form-item prop="username" label="用户">
-            <el-input v-model="form.username"></el-input>
-          </el-form-item>
-          <el-form-item prop="password" label="密码">
-            <el-input v-model="form.password"></el-input>
-          </el-form-item>
-        </el-form>
-        <div style="text-align: center">
-          <el-button type="primary" @click="handleUpdate">保存</el-button>
-          <el-button @click="handleCancel">取消</el-button>
+        <div class="dark-el-input dark-el-button">
+          <el-form ref="elform" :model="form" :rules="rules" label-width="80px">
+            <el-form-item prop="name" label="通道名称">
+              <el-input v-model="form.name"></el-input>
+            </el-form-item>
+            <el-form-item prop="ip" label="ip">
+              <el-input v-model="form.ip"></el-input>
+            </el-form-item>
+            <el-form-item prop="port" label="端口">
+              <el-input v-model="form.port"></el-input>
+            </el-form-item>
+            <el-form-item prop="username" label="用户">
+              <el-input v-model="form.username"></el-input>
+            </el-form-item>
+            <el-form-item prop="password" label="密码">
+              <el-input v-model="form.password"></el-input>
+            </el-form-item>
+          </el-form>
+          <div style="text-align: center">
+            <el-button type="primary" @click="handleUpdate">保存</el-button>
+            <el-button @click="handleCancel">取消</el-button>
+          </div>
         </div>
       </el-dialog>
+
     </basic-container>
   </div>
 </template>

cpp-ui/src/views/statistics/stationAccuracy/index.vue

@@ -1,52 +1,56 @@
 <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="forecastType" placeholder="请选择">
-          <el-option
-            v-for="item in forecastTypeList"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item :label="this.forecastType=='dq'?'预测D+':'预测T+'">
-        <el-select v-model="ago" placeholder="请选择">
-          <el-option
-            v-for="item in this.points()"
-            :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 label="预测类型">
+          <el-select v-model="forecastType" placeholder="请选择" popper-class="cpp-popper">
+            <el-option
+              v-for="item in forecastTypeList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="this.forecastType=='dq'?'预测D+':'预测T+'">
+          <el-select v-model="ago" placeholder="请选择" popper-class="cpp-popper">
+            <el-option
+              v-for="item in this.points()"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" popper-class="cpp-popper" style="margin-left: 5px" icon="el-icon-search"
+                     @click="dataQuery">查询
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </div>
     <div style="padding-top: 10px">
       <div>当前结果为：[<span style="color: #FF0000">{{ this.stationCodeInfo }}</span>发电站]-[预测<span
         style="color: #FF0000">{{ this.forecastTypeInfo }}</span>]-[预测<span
@@ -270,7 +274,7 @@ export default {
       })
     },
     zqlDraw(times, datas) {
-      this.zqlChart = echarts.init(document.getElementById('zqlCharts'), null, {renderer: 'svg'})
+      this.zqlChart = echarts.init(document.getElementById('zqlCharts'), "dark", {renderer: 'svg'})
       let option = {
         backgroundColor: 'transparent',
         title: {
@@ -279,7 +283,7 @@ export default {
           textStyle: {
             fontWeight: 'normal',
             fontSize: 16,
-            color: this.lineColor
+            // //color: this.lineColor
           },
           left: '1%'
         },
@@ -302,7 +306,7 @@ export default {
           right: '4%',
           textStyle: {
             fontSize: 12,
-            color: this.lineColor
+            // //color: this.lineColor
           },
           selected: {}
         },
@@ -315,7 +319,7 @@ export default {
           left: "15%",
           right: "15%",
           textStyle: {
-            color: this.lineColor
+            // //color: this.lineColor
           }
         }, {
           type: 'inside'
@@ -332,7 +336,7 @@ export default {
           boundaryGap: false,
           axisLine: {
             lineStyle: {
-              color: this.lineColor
+              //color: this.lineColor
             }
           },
           data: times
@@ -347,7 +351,7 @@ export default {
           },
           axisLine: {
             lineStyle: {
-              color: this.lineColor
+              //color: this.lineColor
             }
           },
 
@@ -355,7 +359,7 @@ export default {
             margin: 10,
             textStyle: {
               fontSize: 14,
-              color: this.lineColor
+              //color: this.lineColor
             },
             formatter: '{value}',
           },
@@ -413,7 +417,8 @@ export default {
       });
     },
     pcDraw(times, datas) {
-      this.pcChart = echarts.init(document.getElementById('pcCharts'), null, {renderer: 'svg'})
+      this.pcChart = echarts.init(document.getElementById('pcCharts'), "dark", {renderer: 'svg'})
+
       let option = {
         backgroundColor: 'transparent',
         title: {
@@ -422,7 +427,7 @@ export default {
           textStyle: {
             fontWeight: 'normal',
             fontSize: 16,
-            color: this.lineColor
+            //color: this.lineColor
           },
           left: '1%'
         },
@@ -445,7 +450,7 @@ export default {
           right: '4%',
           textStyle: {
             fontSize: 12,
-            color: this.lineColor
+            //color: this.lineColor
           },
           selected: {}
         },
@@ -458,7 +463,7 @@ export default {
           right: "15%",
           top: "90%",
           textStyle: {
-            color: this.lineColor
+            //color: this.lineColor
           }
         }, {
           type: 'inside'
@@ -475,7 +480,7 @@ export default {
           boundaryGap: false,
           axisLine: {
             lineStyle: {
-              color: this.lineColor
+              //color: this.lineColor
             }
           },
           data: times
@@ -488,7 +493,7 @@ export default {
           },
           axisLine: {
             lineStyle: {
-              color: this.lineColor
+              //color: this.lineColor
             }
           },
 
@@ -496,7 +501,7 @@ export default {
             margin: 10,
             textStyle: {
               fontSize: 14,
-              color: this.lineColor
+              //color: this.lineColor
             },
             formatter: '{value}',
           },