shishengliang/ln-bi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(energy): 电能总览删除「今日」KPI 卡
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source 
KPI 头从 3 列改为 2 列，仅保留累计与本月。
今日卡常被遮罩（手工导入的数据滞后），且与本月信息重复，先去掉。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
kkfluous
2026-04-29 20:57:24 +08:00
parent 57207debfb
commit 08f21b7e24
1 changed files with 2 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/modules/energy/ElectricOverview.tsx
View File

@@ -1,7 +1,6 @@
import { useEffect, useState } from 'react';
import { Wallet, BatteryCharging, CalendarClock } from 'lucide-react';
import { Wallet, CalendarClock } from 'lucide-react';
import { BarChart, Bar, XAxis, YAxis, ResponsiveContainer, Cell, Tooltip } from 'recharts';
import TrendBadge from './TrendBadge';
import { fetchElectricOverview, type ElectricOverviewResponse } from './api';
function fmtYuan(yuan: number) {
@@ -41,7 +40,7 @@ export default function ElectricOverview() {
return (
<div className="flex flex-col gap-3">
{/* 横向 mini KPI 头 */}
<div className="grid grid-cols-3 gap-2 md:gap-3">
<div className="grid grid-cols-2 gap-2 md:gap-3">
<div className="bg-white rounded-2xl border border-slate-100 shadow-sm p-3 md:p-4">
<div className="flex items-center gap-1 text-[11px] text-slate-500 font-bold mb-1">
<Wallet size={11} className="text-blue-600" />累计
@@ -56,14 +55,6 @@ export default function ElectricOverview() {
<div className="text-base md:text-2xl font-bold text-slate-800">{fmtYuan(k.monthFee)}</div>
<div className="text-[11px] text-slate-500 font-bold mt-0.5">{fmtKwh(k.monthKwh)}</div>
</div>
<div className="bg-white rounded-2xl border border-slate-100 shadow-sm p-3 md:p-4 relative">
<div className="flex items-center gap-1 text-[11px] text-slate-500 font-bold mb-1">
<BatteryCharging size={11} className="text-blue-600" />今日
</div>
<div className="text-base md:text-2xl font-bold text-slate-800">{fmtYuan(k.todayFee)}</div>
<div className="text-[11px] text-slate-500 font-bold mt-0.5 whitespace-nowrap">{fmtKwh(k.todayKwh)}</div>
<TrendBadge value={k.todayChainPct} className="absolute top-2 right-2 md:top-3 md:right-3" />
</div>
</div>
{/* 本月每日充电柱图 */}