From 9a20a7cb79e0f2898c7193bca90d980f6fe01c35 Mon Sep 17 00:00:00 2001
From: kkfluous <kkfluous@kdemacbook-air.local>
Date: Wed, 29 Apr 2026 19:37:26 +0800
Subject: [PATCH] =?UTF-8?q?refactor(energy):=20=E7=94=B5=E8=83=BD=E4=BB=85?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E5=85=85=E7=94=B5=E9=87=8F=EF=BC=8C=E7=94=B5?=
 =?UTF-8?q?/=E6=B0=A2=20daily=20=E8=A1=A8=E6=A0=BC=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=E5=88=97=E5=AE=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 电能去掉「充电费用(元)」列，只保留 月份/日期 | 充电量(度) | 环比
  原列宽 auto+auto+auto 在窄屏会挤压重叠
- 改用固定 minmax(0,1fr)/120/88（移动）和 1fr/160/120（桌面）
- 氢能 daily 同步统一列宽：1fr/120/88（移动）和 1fr/140/140/120（桌面）
- 单价表头改为「单价 (元/Kg)」全展示，移动端站点行价格作为副信息缩小展示

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/modules/energy/ElectricDaily.tsx | 16 ++++------------
 src/modules/energy/HydrogenDaily.tsx | 20 ++++++++++----------
 2 files changed, 14 insertions(+), 22 deletions(-)

diff --git a/src/modules/energy/ElectricDaily.tsx b/src/modules/energy/ElectricDaily.tsx
index 3273f9c..ffbb3b6 100644
--- a/src/modules/energy/ElectricDaily.tsx
+++ b/src/modules/energy/ElectricDaily.tsx
@@ -50,11 +50,9 @@ export default function ElectricDaily() {
 
       {/* 月份分组表 */}
       <div className="bg-white rounded-2xl border border-slate-100 shadow-sm overflow-hidden">
-        <div className="grid grid-cols-[1fr_auto_auto_auto] md:grid-cols-[1fr_120px_140px_120px] gap-2 px-3 py-2 bg-slate-50 text-[11px] font-bold text-slate-500">
+        <div className="grid grid-cols-[minmax(0,1fr)_120px_88px] md:grid-cols-[minmax(0,1fr)_160px_120px] gap-3 px-3 py-2 bg-slate-50 text-[11px] font-bold text-slate-500">
           <span>月份 / 日期</span>
-          <span className="hidden md:block text-right">充电电量</span>
-          <span className="text-right md:hidden">度</span>
-          <span className="text-right">充电费用(元)</span>
+          <span className="text-right">充电量 (度)</span>
           <span className="text-right">环比</span>
         </div>
         {error ? (
@@ -69,7 +67,7 @@ export default function ElectricDaily() {
             <div key={m.month} className="border-t border-slate-100 first:border-t-0">
               <button
                 onClick={() => toggleMonth(m.month)}
-                className={`w-full grid grid-cols-[1fr_auto_auto_auto] md:grid-cols-[1fr_120px_140px_120px] gap-2 px-3 py-2.5 text-left transition-colors ${
+                className={`w-full grid grid-cols-[minmax(0,1fr)_120px_88px] md:grid-cols-[minmax(0,1fr)_160px_120px] gap-3 px-3 py-2.5 text-left transition-colors ${
                   open ? 'bg-blue-50/30' : 'hover:bg-slate-50'
                 }`}
               >
@@ -80,9 +78,6 @@ export default function ElectricDaily() {
                 <span className="text-right text-[12px] text-slate-700 font-bold tabular-nums">
                   {m.kwh.toLocaleString('zh-CN', { maximumFractionDigits: 2 })}
                 </span>
-                <span className="text-right text-[12px] text-slate-700 font-bold tabular-nums">
-                  {m.fee.toLocaleString('zh-CN', { maximumFractionDigits: 2 })}
-                </span>
                 <span />
               </button>
               <AnimatePresence initial={false}>
@@ -102,15 +97,12 @@ export default function ElectricDaily() {
                       return (
                         <div
                           key={d.date}
-                          className={`grid grid-cols-[1fr_auto_auto_auto] md:grid-cols-[1fr_120px_140px_120px] gap-2 px-3 py-2 pl-9 border-t border-slate-100 ${abnormalBg}`}
+                          className={`grid grid-cols-[minmax(0,1fr)_120px_88px] md:grid-cols-[minmax(0,1fr)_160px_120px] gap-3 px-3 py-2 pl-9 border-t border-slate-100 ${abnormalBg}`}
                         >
                           <span className="text-[12px] text-slate-600">{d.date.slice(5)}</span>
                           <span className="text-right text-[12px] text-slate-700 font-bold tabular-nums">
                             {d.kwh.toLocaleString('zh-CN', { maximumFractionDigits: 2 })}
                           </span>
-                          <span className="text-right text-[12px] text-slate-700 font-bold tabular-nums">
-                            {d.fee.toLocaleString('zh-CN', { maximumFractionDigits: 2 })}
-                          </span>
                           <span className="text-right"><TrendBadge value={d.chainPct} /></span>
                         </div>
                       );
diff --git a/src/modules/energy/HydrogenDaily.tsx b/src/modules/energy/HydrogenDaily.tsx
index fcae7b6..39ac03f 100644
--- a/src/modules/energy/HydrogenDaily.tsx
+++ b/src/modules/energy/HydrogenDaily.tsx
@@ -139,14 +139,14 @@ export default function HydrogenDaily() {
       {!(customer === 'external' && rows !== null && rows.length === 0) && (
       <div className="bg-white rounded-2xl border border-slate-100 shadow-sm overflow-hidden">
         {/* 表头 */}
-        <div className="grid grid-cols-[1fr_auto_auto] md:grid-cols-[1fr_140px_120px_120px] gap-2 px-3 py-2 bg-slate-50 text-[11px] font-bold text-slate-500">
-          <span>日期 / 加氢站带价格</span>
-          <span className="hidden md:block text-right">单价</span>
-          <span className="text-right">加氢量(Kg)</span>
+        <div className="grid grid-cols-[minmax(0,1fr)_120px_88px] md:grid-cols-[minmax(0,1fr)_140px_140px_120px] gap-3 px-3 py-2 bg-slate-50 text-[11px] font-bold text-slate-500">
+          <span>日期 / 加氢站</span>
+          <span className="hidden md:block text-right">单价 (元/Kg)</span>
+          <span className="text-right">加氢量 (Kg)</span>
           <span className="text-right">环比</span>
         </div>
         {/* 合计行 */}
-        <div className="grid grid-cols-[1fr_auto_auto] md:grid-cols-[1fr_140px_120px_120px] gap-2 px-3 py-2 bg-blue-50/50 text-[12px] text-blue-600 font-bold">
+        <div className="grid grid-cols-[minmax(0,1fr)_120px_88px] md:grid-cols-[minmax(0,1fr)_140px_140px_120px] gap-3 px-3 py-2 bg-blue-50/50 text-[12px] text-blue-600 font-bold">
           <span>合计</span>
           <span className="hidden md:block" />
           <span className="text-right">{totalKg.toLocaleString('zh-CN', { maximumFractionDigits: 2 })}</span>
@@ -169,13 +169,13 @@ export default function HydrogenDaily() {
             <div key={r.date} className={`border-t border-slate-100 ${abnormalBg}`}>
               <button
                 onClick={() => toggle(r.date)}
-                className="w-full grid grid-cols-[1fr_auto_auto] md:grid-cols-[1fr_140px_120px_120px] gap-2 px-3 py-2.5 text-left hover:bg-slate-50/60 transition-colors"
+                className="w-full grid grid-cols-[minmax(0,1fr)_120px_88px] md:grid-cols-[minmax(0,1fr)_140px_140px_120px] gap-3 px-3 py-2.5 text-left hover:bg-slate-50/60 transition-colors"
               >
                 <span className="flex items-center gap-1 text-[12px] text-slate-700 font-bold">
                   <ChevronRight size={14} className={`transition-transform ${open ? 'rotate-90' : ''} text-slate-400`} />
                   {r.date}
                 </span>
-                <span className="hidden md:block text-right text-[12px] text-slate-400">—</span>
+                <span className="hidden md:block text-right text-[12px] text-slate-300">—</span>
                 <span className="text-right text-[12px] text-slate-700 font-bold tabular-nums">
                   {r.totalKg.toLocaleString('zh-CN', { maximumFractionDigits: 2 })}
                 </span>
@@ -193,13 +193,13 @@ export default function HydrogenDaily() {
                     {r.stations.map(s => (
                       <div
                         key={s.name}
-                        className="grid grid-cols-[1fr_auto_auto] md:grid-cols-[1fr_140px_120px_120px] gap-2 px-3 py-2 pl-9 md:pl-9 border-t border-slate-100 first:border-t-0"
+                        className="grid grid-cols-[minmax(0,1fr)_120px_88px] md:grid-cols-[minmax(0,1fr)_140px_140px_120px] gap-3 px-3 py-2 pl-9 border-t border-slate-100 first:border-t-0"
                       >
                         <span className="text-[12px] text-slate-600 truncate">
                           {s.name}
-                          <span className="md:hidden text-slate-400"> · {s.pricePerKg} 元/Kg</span>
+                          <span className="md:hidden text-slate-400 text-[10px]"> · {s.pricePerKg}</span>
                         </span>
-                        <span className="hidden md:block text-right text-[12px] text-slate-500 font-bold">{s.pricePerKg} 元/Kg</span>
+                        <span className="hidden md:block text-right text-[12px] text-slate-500 font-bold tabular-nums">{s.pricePerKg}</span>
                         <span className="text-right text-[12px] text-slate-700 font-bold tabular-nums">
                           {s.kg.toLocaleString('zh-CN', { maximumFractionDigits: 2 })}
                         </span>