1

src/views/lll/ZNYW.vue

@@ -162,7 +162,11 @@
           <div>垃圾处理站排放物监测</div>
           <div>一层</div>
           <div>
-            <el-table :data="tableData" style="width: 100%">
+            <el-table
+              :data="tableData"
+              style="width: 100%"
+              header-cell-style="background-color: #1969A8; color: white"
+            >
               <el-table-column prop="date1" label="监测点1" align="center">
               </el-table-column>
               <el-table-column prop="date2" label="监测点2" align="center">
@@ -219,6 +223,7 @@
             :data="plan"
             style="width: 100%"
             :row-class-name="tableRowClassName"
+            header-cell-style="background-color: #1969A8; color: white"
           >
             <el-table-column prop="date1" label="计划名称" align="center">
             </el-table-column>
@@ -255,6 +260,7 @@
             :data="list"
             style="width: 100%"
             :row-class-name="tableRowClassName"
+            header-cell-style="background-color: #1969A8; color: white"
           >
             <el-table-column prop="date1" label="发生时间" align="center">
             </el-table-column>
@@ -402,6 +408,9 @@ export default {
         },
         yAxis: {
           type: "value",
+          min: 0,
+          max: 0.15,
+          interval: 0.05, // 指定刻度间隔
           axisLabel: {
             show: true,
             textStyle: {
@@ -423,8 +432,32 @@ export default {
             type: "bar",
             data: [0.08, 0.08, 0.06, 0.12, 0.09],
           },
+          //   {
+          //     type: "bar",
+          //     data: data.map((item) => {
+          //       // 找到三个值中的最大值
+          //       let max = Math.max(item.value1, item.value2, item.value3);
+          //       return {
+          //         name: item.name,
+          //         value: max,
+          //       };
+          //     }),
+          //     // itemStyle: {
+          //     //   colorStops: [
+          //     //     {
+          //     //       offset: 0,
+          //     //       color: "#192060", // 0% 处的颜色
+          //     //     },
+          //     //     {
+          //     //       offset: 0.9,
+          //     //       color: "#2D6E38", // 90% 处的颜色
+          //     //     },
+          //     //   ],
+          //     // },
+          //   },
           {
             name: "预警",
+
             type: "bar",
             data: [0.06, 0.07, 0.03, 0.06, 0.04],
           },
@@ -688,27 +721,11 @@ export default {
         .el-table__row--selected {
           background-color: transparent !important;
         }
-        //表体颜色
+
-        /deep/.el-table tr {
-          background: #16253b;
-          color: #fff;
-          font-size: 30px;
-          height: 50px;
-          .cell {
-            line-height: 50px;
-          }
-        }
         // 去掉eltable的hover效果
         ::v-deep .el-table tbody tr:hover > td {
           background-color: #102b49 !important;
         }
-        //修改表头颜色
-        ::v-deep .has-gutter {
-          background-color: #102b49;
-          th {
-            background-color: #102b49;
-          }
-        }
 
         //去掉边框白线
         ::v-deep .el-table__row > td {
@@ -871,7 +888,7 @@ export default {
       ::v-deep .el-table tbody tr:hover > td {
         background-color: #0b679e !important;
       }
-      //修改表头颜色
+      //修改表头颜色s
       ::v-deep .has-gutter {
         background-color: #1969a8;
         th {