fix(): 电桩监控、充电监控文字颜色修改

src/pages/NewEnergy/RealtimeMonitor/ChargerMonitor/loadable.jsx

@@ -1,5 +1,5 @@
 import React, { useState, useRef, useEffect } from "react";
-import { message, Modal, Image } from "antd";
+import { message as Message, Modal, Image, Button } from "antd";
 import { dictionary, utils } from "@/config/common";
 import ajax from "@/services";
 import { TableModule } from "@/components";
@@ -154,11 +154,7 @@ function ChargerMonitor() {
       fixed: "right",
       width: 100,
       render: (val, record) => {
-        return (
-          <>
-            <span>-</span>
-          </>
-        );
+        return <Button type="primary">操作</Button>;
       },
     },
   ]; // 表头
@@ -172,7 +168,7 @@ function ChargerMonitor() {
           setTableData(res.data.list);
           setTotal(res.data.total);
         } else {
-          message.error(res.message);
+          Message.error(res.message);
         }
       })
       .catch((err) => {

src/pages/NewEnergy/RealtimeMonitor/PileMonitor/index.scss

@@ -70,13 +70,28 @@
         .ant-table-wrapper {
           .custom-table-cell-span {
             &.online-status {
-              &__2 {
+              &__1 {
                 color: #2adc41;
               }
-              &__1 {
+              &__2 {
                 color: #ec5761;
               }
             }
+
+            &.gun-status{
+              &__1{
+                color: #62CFA7;
+              }
+              &__2{
+                color: #F99B2F;
+              }
+              &__3{
+                color: #FF6978;
+              }
+              &__4{
+                color: #A0B0BD;
+              }
+            }
           }
         }
       }

src/pages/NewEnergy/RealtimeMonitor/PileMonitor/loadable.jsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useMemo } from "react";
-import { message } from "antd";
+import { message as Message, Button } from "antd";
 import { utils } from "@/config/common";
 import ajax from "@/services";
 import { TableModule } from "@/components";
@@ -85,15 +85,15 @@ function PileMonitor() {
       dataIndex: "charge_status_text",
       key: "charge_status_text",
       align: "center",
-      // render: (val, record) => {
-      //   return (
-      //     <span
-      //       className={`custom-table-cell-span gun-status__${record?.muzzle_type}`}
-      //     >
-      //       {val}
-      //     </span>
-      //   );
-      // },
+      render: (val, record) => {
+        return (
+          <span
+            className={`custom-table-cell-span gun-status__${record?.charge_status}`}
+          >
+            {val}
+          </span>
+        );
+      },
     },
     {
       title: "地锁状态",
@@ -119,8 +119,7 @@ function PileMonitor() {
       key: "operation",
       align: "center",
       render: (_, record) => {
-        return <></>;
-        // return <Button type="primary">操作</Button>;
+        return <Button type="primary">操作</Button>;
       },
     },
   ]; // 表头
@@ -135,14 +134,13 @@ function PileMonitor() {
           setTableData(res?.data?.list ?? []);
           setTotal(res?.data?.total ?? 0);
         } else {
-          message.error(res.message);
+          Message.error(res.message);
         }
       })
       .catch((err) => {
         console.error(err);
       })
-      .finally(() => {
-      });
+      .finally(() => {});
   }
 
   // 获取统计数据
@@ -153,7 +151,7 @@ function PileMonitor() {
         if (res.status === 20000) {
           setStatsData(res.data ?? {});
         } else {
-          message.error(res.message);
+          Message.error(res.message);
         }
       })
       .catch((err) => {