diff --git a/src/pages/NewEnergy/RealtimeMonitor/ChargerMonitor/loadable.jsx b/src/pages/NewEnergy/RealtimeMonitor/ChargerMonitor/loadable.jsx index ed0c614..2ecd594 100644 --- a/src/pages/NewEnergy/RealtimeMonitor/ChargerMonitor/loadable.jsx +++ b/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 ( - <> - - - - ); + return ; }, }, ]; // 表头 @@ -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) => { diff --git a/src/pages/NewEnergy/RealtimeMonitor/PileMonitor/index.scss b/src/pages/NewEnergy/RealtimeMonitor/PileMonitor/index.scss index 9a7abf9..943eb9d 100644 --- a/src/pages/NewEnergy/RealtimeMonitor/PileMonitor/index.scss +++ b/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; + } + } } } } diff --git a/src/pages/NewEnergy/RealtimeMonitor/PileMonitor/loadable.jsx b/src/pages/NewEnergy/RealtimeMonitor/PileMonitor/loadable.jsx index 928b728..557af96 100644 --- a/src/pages/NewEnergy/RealtimeMonitor/PileMonitor/loadable.jsx +++ b/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 ( - // - // {val} - // - // ); - // }, + render: (val, record) => { + return ( + + {val} + + ); + }, }, { title: "地锁状态", @@ -119,8 +119,7 @@ function PileMonitor() { key: "operation", align: "center", render: (_, record) => { - return <>; - // return ; + return ; }, }, ]; // 表头 @@ -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) => {