revert: restore v1.1.14 (37a9f303)

src/modules/energy/ElectricDaily.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from 'react';
-import { BatteryCharging, CalendarDays, ChevronRight, TrendingUp, Wallet } from 'lucide-react';
-import { AnimatePresence, motion } from 'motion/react';
+import { BatteryCharging, CalendarDays, ChevronRight, Plug, TrendingUp, Wallet } from 'lucide-react';
+import { motion, AnimatePresence } from 'motion/react';
 import TrendBadge from './TrendBadge';
 import { fetchElectricMonthly } from './api';
 import type { CustomerType, DateQuickPick, ElectricMonthGroup } from './types';
@@ -28,7 +28,6 @@ export default function ElectricDaily() {
   useEffect(() => {
     let cancelled = false;
     setError(null);
-    setMonths(null);
     const query = pick === 'custom'
       ? { startDate: effectiveRange.start, endDate: effectiveRange.end }
       : { range: pick };
@@ -39,11 +38,7 @@ export default function ElectricDaily() {
         // 默认展开最新一个月
         if (m.length > 0) setOpenMonths(new Set([m[0].month]));
       })
-      .catch(e => {
-        if (cancelled) return;
-        setMonths(null);
-        setError(e instanceof Error ? e.message : String(e));
-      });
+      .catch(e => { if (!cancelled) setError(e instanceof Error ? e.message : String(e)); });
     return () => { cancelled = true; };
   }, [customer, pick, effectiveRange.start, effectiveRange.end]);
 
@@ -64,6 +59,7 @@ export default function ElectricDaily() {
   } = useMemo(() => summarizeElectricMonths(months), [months]);
   const scopeLabel = getRangeModeLabel(pick);
   const rangeText = `${effectiveRange.start} 至 ${effectiveRange.end}`;
+  const showExternalEmpty = customer === 'external' && months !== null && totalKwh === 0;
 
   const applyQuickPick = (nextPick: DateQuickPick) => {
     setPick(nextPick);
@@ -76,23 +72,6 @@ export default function ElectricDaily() {
     setDateRange(prev => ({ ...prev, [field]: value }));
   };
 
-  if (error) {
-    return (
-      <div className="flex flex-col gap-3">
-        <DailyRangeControls
-          pick={pick}
-          dateRange={dateRange}
-          customer={customer}
-          onQuickPick={applyQuickPick}
-          onCustomPick={() => setPick('custom')}
-          onDateRangeChange={updateDateRange}
-          onCustomerChange={setCustomer}
-        />
-        <ErrorState message={error} />
-      </div>
-    );
-  }
-
   return (
     <div className="flex flex-col gap-3">
       <DailyRangeControls
@@ -110,15 +89,37 @@ export default function ElectricDaily() {
         <MetricTile
           icon={Wallet}
           label="充电费用"
-          value={`¥${totalFee.toLocaleString('zh-CN', { maximumFractionDigits: 0 })}`}
-          helper={hasFeeDetail ? `均价 ${avgPrice.toFixed(2)} 元/度` : '当前范围未记录费用'}
+          value={hasFeeDetail ? `¥${totalFee.toLocaleString('zh-CN', { maximumFractionDigits: 0 })}` : '待同步'}
+          helper={hasFeeDetail ? `均价 ${avgPrice.toFixed(2)} 元/度` : '当前明细仅返回充电量'}
           tone={hasFeeDetail ? 'emerald' : 'slate'}
         />
         <MetricTile icon={CalendarDays} label="有效天数" value={`${activeDays}`} unit="天" helper={`日均 ${avgKwh.toLocaleString('zh-CN', { maximumFractionDigits: 1 })} 度`} tone="amber" />
         <MetricTile icon={TrendingUp} label="波动提醒" value={abnormalDays} unit="天" helper="环比超过 30% 标记" tone={abnormalDays > 0 ? 'rose' : 'slate'} />
       </div>
 
+      {/* 外部车辆 数据未就绪 */}
+      {showExternalEmpty && (
+        <motion.div
+          initial={{ opacity: 0, y: 8 }}
+          animate={{ opacity: 1, y: 0 }}
+          className="bg-white rounded-2xl border border-slate-100 shadow-sm px-6 py-14 flex flex-col items-center text-center"
+        >
+          <div className="w-14 h-14 rounded-2xl bg-blue-50 flex items-center justify-center mb-3 relative">
+            <Plug size={22} className="text-blue-500" />
+            <span className="absolute -top-0.5 -right-0.5 w-3 h-3 rounded-full bg-blue-400 animate-ping" />
+            <span className="absolute -top-0.5 -right-0.5 w-3 h-3 rounded-full bg-blue-500" />
+          </div>
+          <div className="text-sm font-bold text-slate-700 mb-1">外部车辆 · 数据未就绪</div>
+          <div className="text-[11px] text-slate-400 max-w-[280px] leading-relaxed">
+            新系统的外部车辆充电数据还在准备中
+            <br />
+            上线后此处将展示完整明细
+          </div>
+        </motion.div>
+      )}
+
       {/* 月份分组表 */}
+      {!showExternalEmpty && (
       <div className="bg-white rounded-2xl border border-slate-100 shadow-sm overflow-hidden">
         <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>
@@ -184,6 +185,7 @@ export default function ElectricDaily() {
           );
         })}
       </div>
+      )}
       <RotatingFooterHint />
     </div>
   );