颜色，样式修改

src/components/windDetail/index.vue

@@ -292,7 +292,7 @@
                   :key="ind"
                 >
                   <div>{{ item.name }}</div>
-                    <!-- : item.name == "总发电量"
+                  <!-- : item.name == "总发电量"
                     ? (item.value / 10000).toFixed(2) -->
                   <div class="table-value-ai">
                     {{
@@ -327,7 +327,12 @@
               v-for="(val, index) in partDInfos"
               :key="index"
             >
-              <div class="table-item" v-for="(item, ind) in val" :key="ind">
+              <div
+                class="table-item"
+                v-for="(item, ind) in val"
+                :key="ind"
+                style="font-size: 14px"
+              >
                 <div>{{ item.name }}</div>
                 <div class="table-value-di">
                   <span :class="item.value == 1 ? 'round-red' : 'round'">{{
@@ -1864,7 +1869,7 @@ export default {
   display: flex;
   align-items: center;
   padding-left: 20px;
-  font-size: 16px;
+  font-size: 14px;
   font-family: Microsoft YaHei;
   font-weight: 400;
   color: #ffffff;

src/views/economicsOperation/benchmarkingManagement/compontent/dayinfo.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="health-day-info">
     <div class="body">
-      <div class="left">
+      <div class="left leftSty">
         <div class="header">
           <div class="point point-left top"></div>
           <div class="point point-right top"></div>
@@ -15,7 +15,7 @@
           />
         </div>
       </div>
-      <div class="left">
+      <div class="left ">
         <div class="header">
           <div class="point point-left top"></div>
           <div class="point point-right top"></div>
@@ -77,7 +77,7 @@
       </div>
     </div>
     <div class="body">
-      <div style="width: 100%">
+      <div style="width: 100%;background: #142446 !important;">
         <div class="header">
           <div class="point point-left top"></div>
           <div class="point point-right top"></div>
@@ -296,6 +296,9 @@ export default {
   .body {
     display: flex;
 
+    .leftSty{
+      background: #142446 !important;
+    }
     .left {
       flex: 0 0 50%;
 

src/views/economicsOperation/benchmarkingManagement/intervalBenchmarking/index.vue

@@ -919,7 +919,8 @@ export default {
   .pie-echarts {
     width: 30%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.45);
+    // background: rgba(0, 0, 0, 0.45);
+    background: #142446 !important;
     border-radius: 5px;
   }
 
@@ -927,7 +928,8 @@ export default {
     width: 69%;
     margin-left: 1%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.45);
+    // background: rgba(0, 0, 0, 0.45);
+    background: #142446 !important;
     border-radius: 5px;
   }
 }
@@ -958,6 +960,9 @@ export default {
 ::v-deep .el-table__header-wrapper .el-checkbox {
   display: none;
 }
+::v-deep .el-table__body-wrapper {
+  background: #142446 !important;
+}
 ::v-deep .el-table__body-wrapper .el-checkbox {
   .el-checkbox__input {
     display: block;

src/views/economicsOperation/benchmarkingManagement/performanceRankingList/index.vue

@@ -734,7 +734,8 @@ export default {
   display: flex;
   flex-direction: row;
   width: 98.5%;
-  background-color: rgba(0, 0, 0, 0.4);
+  // background-color: rgba(0, 0, 0, 0.4);
+  background: #142446 !important;
   margin-top: 10px;
   margin-left: 1%;
   border-radius: 5px;

src/views/economicsOperation/benchmarkingManagement/projectBenchmarking/index.vue

@@ -914,7 +914,8 @@ export default {
   .pie-echarts {
     width: 30%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.45);
+    // background: rgba(0, 0, 0, 0.45);
+    background: #142446 !important;
     border-radius: 5px;
   }
 
@@ -922,7 +923,8 @@ export default {
     width: 69%;
     margin-left: 1%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.45);
+    // background: rgba(0, 0, 0, 0.45);
+    background: #142446 !important;
     border-radius: 5px;
   }
 }
@@ -953,6 +955,9 @@ export default {
 ::v-deep .el-table__header-wrapper .el-checkbox {
   display: none;
 }
+::v-deep .el-table__body-wrapper {
+  background: #142446 !important;
+}
 ::v-deep .el-table__body-wrapper .el-checkbox {
   .el-checkbox__input {
     display: block;

src/views/economicsOperation/benchmarkingManagement/siteBenchmarking/index.vue

@@ -1366,7 +1366,8 @@ export default {
   .pie-echarts {
     width: 30%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.45);
+    // background: rgba(0, 0, 0, 0.45);
+    background: #142446 !important;
     border-radius: 5px;
   }
 
@@ -1374,7 +1375,8 @@ export default {
     width: 69%;
     margin-left: 1%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.45);
+    // background: rgba(0, 0, 0, 0.45);
+    background: #142446 !important;
     border-radius: 5px;
   }
 }
@@ -1405,6 +1407,9 @@ export default {
 ::v-deep .el-table__header-wrapper .el-checkbox {
   display: none;
 }
+::v-deep .el-table__body-wrapper {
+  background: #142446 !important;
+}
 ::v-deep .el-table__body-wrapper .el-checkbox {
   .el-checkbox__input {
     display: block;

src/views/economicsOperation/benchmarkingManagement/wiringBenchmarking/index.vue

@@ -1002,7 +1002,8 @@ export default {
   .pie-echarts {
     width: 30%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.45);
+    // background: rgba(0, 0, 0, 0.45);
+    background: #142446 !important;
     border-radius: 5px;
   }
 
@@ -1010,7 +1011,8 @@ export default {
     width: 69%;
     margin-left: 1%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.45);
+    // background: rgba(0, 0, 0, 0.45);
+    background: #142446 !important;
     border-radius: 5px;
   }
 }
@@ -1041,6 +1043,9 @@ export default {
 ::v-deep .el-table__header-wrapper .el-checkbox {
   display: none;
 }
+::v-deep .el-table__body-wrapper {
+  background: #142446 !important;
+}
 ::v-deep .el-table__body-wrapper .el-checkbox {
   .el-checkbox__input {
     display: block;

src/views/economicsOperation/efficiency/consumeEfficiency/index.vue

@@ -259,3 +259,8 @@ export default {
   }
 }
 </style>
+<style lang="less" scoped>
+::v-deep .el-table__body-wrapper {
+  background: #142446 !important;
+}
+</style>

src/views/economicsOperation/efficiency/restorationEfficiency/index.vue

@@ -335,3 +335,8 @@ export default {
   }
 }
 </style>
+<style lang="less" scoped>
+::v-deep .el-table__body-wrapper {
+  background: #142446 !important;
+}
+</style>

src/views/economicsOperation/efficiency/stateEfficiency/index.vue

@@ -386,3 +386,8 @@ export default {
   }
 }
 </style>
+<style lang="less" scoped>
+::v-deep .el-table__body-wrapper {
+  background: #142446 !important;
+}
+</style>

src/views/economicsOperation/stationAnalyse/angleAnalysis/index.vue

@@ -61,6 +61,7 @@
                 :data="abnormalPoint"
                 style="width: 100%"
                 :max-height="tableHeight"
+                stripe
               >
                 <el-table-column
                   prop="date"
@@ -916,7 +917,7 @@ onActivated(() => {
     }
 
     .main {
-      background: #13171e;
+      // background: #13171e;
 
       .treeDataMain {
         background: transparent;
@@ -928,7 +929,8 @@ onActivated(() => {
 
       .tableDataMain {
         // margin-top: 5px;
-        background: #212223;
+        // background: #212223;
+        background: #142446 !important;
       }
     }
   }

src/views/economicsOperation/stationAnalyse/fjglfsAnalysis/index.vue

@@ -757,7 +757,7 @@ onActivated(() => {
     }
 
     .main {
-      background: #13171e;
+      // background: #13171e;
 
       .treeDataMain {
         background: transparent;
@@ -769,7 +769,8 @@ onActivated(() => {
 
       .tableDataMain {
         // margin-top: 5px;
-        background: #212223;
+        // background: #212223;
+        background: #142446 !important;
       }
     }
   }

src/views/economicsOperation/stationAnalyse/windAndPhotovoltaic/index.vue

@@ -157,7 +157,13 @@ export default {
     }
     .wp-body {
       height: calc(100% - 36px);
+      background: #142446 !important;
     }
   }
 }
 </style>
+<style lang="less" scoped>
+::v-deep .el-table__body-wrapper {
+  background: #142446 !important;
+}
+</style>

src/views/economicsOperation/thematicAnalysis/MTBF/index.vue

@@ -576,7 +576,8 @@ export default {
   .echarts {
     // padding-top: 20px;
     padding-bottom: 15px;
-    background-color: rgba(0, 0, 0, 0.45);
+    // background-color: rgba(0, 0, 0, 0.45);
+    background: #142446 !important;
     border-radius: 5px;
     width: 100%;
     height: 350px;
@@ -617,3 +618,8 @@ export default {
   color: #ffffff;
 }
 </style>
+<style lang="less" scoped>
+::v-deep .el-table__body-wrapper {
+  background: #142446 !important;
+}
+</style>

src/views/economicsOperation/thematicAnalysis/comprehensiveAnalysis/index.vue

@@ -1076,7 +1076,8 @@ export default {
         height: 100%;
         .echartsWid {
           width: calc(50% - 10px);
-          background: rgba(0, 0, 0, 0.45);
+          // background: rgba(0, 0, 0, 0.45);
+          background: #142446 !important;
           position: relative;
           height: 100%;
           // border-bottom: 1px solid rgba(153, 153, 153, 0.5);
@@ -1097,7 +1098,8 @@ export default {
             font-family: Microsoft YaHei;
             font-weight: 400;
             color: #ffffff;
-            background: rgba(22, 31, 30, 1);
+            // background: rgba(22, 31, 30, 1);
+            background: #142446 !important;
           }
 
           p {
@@ -1141,4 +1143,10 @@ export default {
     }
   }
 }
+
+</style>
+<style lang="less" scoped>
+::v-deep .el-table__body-wrapper {
+  background: #142446 !important;
+}
 </style>

src/views/economicsOperation/thematicAnalysis/failure/index.vue

@@ -623,7 +623,8 @@ export default {
   }
 
   .echarts {
-    background-color: rgba(0, 0, 0, 0.45);
+    // background-color: rgba(0, 0, 0, 0.45);
+    background: #142446 !important;
     border-radius: 5px;
     width: 100%;
     height: 350px;
@@ -664,3 +665,8 @@ export default {
   color: #ffffff;
 }
 </style>
+<style lang="less" scoped>
+::v-deep .el-table__body-wrapper {
+  background: #142446 !important;
+}
+</style>

src/views/economicsOperation/thematicAnalysis/generation/index.vue

@@ -669,7 +669,8 @@ export default {
 
   .echarts {
     // margin-top: 20px;
-    background-color: rgba(0, 0, 0, 0.45);
+    // background-color: rgba(0, 0, 0, 0.45);
+    background: #142446 !important;
     border-radius: 5px;
     width: 100%;
     height: 350px;
@@ -710,3 +711,8 @@ export default {
   color: #ffffff;
 }
 </style>
+<style lang="less" scoped>
+::v-deep .el-table__body-wrapper {
+  background: #142446 !important;
+}
+</style>

src/views/economicsOperation/thematicAnalysis/windEnergy/index.vue

@@ -463,7 +463,8 @@ export default {
 
   .echarts {
     margin-top: 20px;
-    background-color: rgba(0, 0, 0, 0.45);
+    // background-color: rgba(0, 0, 0, 0.45);
+    background: #142446 !important;
     border-radius: 5px;
     width: 100%;
     height: 350px;
@@ -504,3 +505,8 @@ export default {
   color: #ffffff;
 }
 </style>
+<style lang="less" scoped>
+::v-deep .el-table__body-wrapper {
+  background: #142446 !important;
+}
+</style>

src/views/economicsOperation/windAnalyse/cutInAndOutAnalysis/index.vue

@@ -77,7 +77,7 @@
           :data="cutInAndOutAnalysisData"
           stripe
           size="mini"
-          height="calc(100% - 40px - 20px)"
+          height="calc(100% - 30px)"
           ref="cutInAndOut_table"
           style="width: 100%"
         >
@@ -436,8 +436,8 @@ export default {
     display: flex;
     flex-direction: row;
     align-items: center;
-    margin-top: 10px;
-    margin-bottom: 10px;
+    // margin-top: 10px;
+    // margin-bottom: 10px;
 
     .station {
       display: flex;
@@ -513,7 +513,7 @@ export default {
   }
 
   .economicTable1 {
-    height: calc(100% - 32px);
+    height: calc(100% - 30px);
 
     .el-pagination {
       display: flex;

src/views/economicsOperation/windAnalyse/powerCurve/index.vue

@@ -218,7 +218,7 @@
         </div>
       </div>
     </div>
-    <div style="height: calc(100% - 125px); padding-bottom: 10px">
+    <div style="height: calc(100% - 125px); padding-bottom: 10px;background: #142446 !important;">
       <el-tabs v-model="activeTab" @tab-click="tabClick">
         <el-tab-pane label="表格数据" name="1"> </el-tab-pane>
         <el-tab-pane label="图表展示" name="2"> </el-tab-pane>

src/views/economicsOperation/windAnalyse/powerSearch/index.vue

@@ -662,7 +662,8 @@ export default {
   }
   .powerLinefitting_Echarts {
     width: 100%;
-    background: rgba(0, 0, 0, 0.45);
+    // background: rgba(0, 0, 0, 0.45);
+    background: #142446 !important;
     position: relative;
     height: 400px;
     padding-bottom: 15px;

src/views/economicsOperation/windAnalyse/singleWindAnasyle/index.vue

@@ -580,3 +580,14 @@ export default {
   }
 }
 </style>
+<style lang="less" scoped>
+::v-deep .el-table__body-wrapper {
+  background: #142446 !important;
+}
+::v-deep .el-table__fixed{
+  .el-table__fixed-body-wrapper {
+    background: #142446 !important;
+  }
+} 
+
+</style>

src/views/rateAnalysis/index.vue

@@ -1794,7 +1794,8 @@ onMounted(() => {
     }
 
     .main {
-      background: #13171e;
+      // background: #13171e;
+      background: #142446 !important;
 
       .treeDataMain {
         background: transparent;