refactor(stage5): 合并重复实现，移除失效的演示能力

Excel 导出（原先 4 份各自拼装 workbook） - 新增 src/shared/xlsx.ts 作为唯一实现：文件名统一 .xlsx、sheet 名截断到 31 字符，对外提供 buildAoaSheet / buildJsonSheet / writeWorkbook / exportAoaSheet / exportJsonSheet。只收敛"组装与写出"这一层，各调用方仍自行决定列宽、冻结与数字格式，导出样式不变。 - 迁移 assets（内联 json_to_sheet + writeFile）、mileage/xlsx-export、 hydrogen 的两份 helper（prototype-download.ts 与 download-xls.js，均已删除）。高德地图（原先 2 份近乎逐行复制） - 新增 src/shared/amap.ts：SDK 版本、插件列表、安全码注入、底图参数、控件位置与热力图色带只在此处定义；两个画布只保留各自的半径/透明度。 - 图例渐变条原先把同一组色值又写了一遍，改为复用 shared 的常量，图例与地图不会漂移。数值格式化 - 两个下钻视图各自复制了同样的 formatNumber/format（共 42 处调用），统一到 hydrogen/model/display-format.ts 的 formatFixed；默认路径与既有行为逐字一致。 - 原 display-format.ts 里的 finiteNumber/formatNumber/formatScaled 无任何生产调用方，只被自己的测试引用；改为 formatFixed + blankForMissing 显式选项，既保留了"真零 vs 不可用"的区分能力，也不再留无人使用的导出。测试同步重写。失效的演示能力 - Blur / DemoModeProvider 恒为 enabled=false，等于永久 no-op：移除 13 个文件里 50 处 <Blur> 包裹（渲染结果不变）、删除 components/Blur.tsx 与 Shell 中的 Provider，调用方直接渲染原表达式。未做（刻意） - src/lib/cn.ts 不引入 tailwind-merge：全仓只有 2 处调用，不值得新增传递依赖。已在文档说明。架构守护新增 2 条：只有 shared/amap.ts 可加载高德 SDK； modules/** 不得再出现 book_new / book_append_sheet / writeFile(。 lint / test(137) / build 全绿，可达性仍为 0 未引用文件。
2026-09-11 10:28:32 +08:00
parent 5d14a28b0f
commit 507bc90ed2
33 changed files with 334 additions and 318 deletions
@@ -9,7 +9,7 @@ import {
  MapPin,
 } from 'lucide-react';
 import { motion, AnimatePresence } from 'motion/react';
-import * as XLSX from 'xlsx';
+import { buildJsonSheet, writeWorkbook } from '../../shared/xlsx';
 import {
  BarChart,
  Bar,
@@ -40,7 +40,6 @@ import {
 } from './model';
 import { SearchSelect } from '../../components/SearchSelect';
 import { MultiSearchSelect } from '../../components/MultiSearchSelect';
-import Blur from '../../components/Blur';
 import RotatingFooterHint from '../../components/RotatingFooterHint';
 import { ErrorState, LoadingState, PageFrame, SkeletonBlock, SurfaceCard } from '../../components/ui/surface';
 import { AssetsHeader } from './components/AssetsHeader';
@@ -393,7 +392,7 @@ export default function AssetsModule() {
      业务负责人: item.manager || '',
      客户: item.customerName || '',
    }));
-    const ws = XLSX.utils.json_to_sheet(table);
+    const ws = buildJsonSheet(table);
    ws['!cols'] = [
      { wch: 14 },
      { wch: 8 },
@@ -404,9 +403,7 @@ export default function AssetsModule() {
      { wch: 14 },
      { wch: 24 },
    ];
-    const wb = XLSX.utils.book_new();
-    XLSX.utils.book_append_sheet(wb, ws, '明细');
-    XLSX.writeFile(wb, `${title}-${flowRange.start}-${flowRange.end}.xlsx`);
+    writeWorkbook([{ name: '明细', sheet: ws }], `${title}-${flowRange.start}-${flowRange.end}.xlsx`);
  }, [flowRange.end, flowRange.start, flowStats]);

  const [customerProvinceData, setCustomerProvinceData] = useState<{ name: string; value: number }[]>([]);
@@ -705,7 +702,7 @@ export default function AssetsModule() {
                                        >
                                          <div className="flex items-center gap-2">
                                            {isManagerExpanded ? <ChevronDown size={14} className="text-blue-500" /> : <ChevronRight size={14} className="text-gray-300" />}
-                                            <span className="font-bold text-gray-700 text-xs"><Blur>{m.manager}</Blur></span>
+                                            <span className="font-bold text-gray-700 text-xs">{m.manager}</span>
                                          </div>
                                          <button 
                                            onClick={(e) => {
@@ -787,7 +784,7 @@ export default function AssetsModule() {
                          >
                            <td className="p-2 border-r border-gray-100 font-bold text-gray-800 flex items-center gap-1">
                              {isManagerExpanded ? <ChevronDown size={12} className="text-blue-400" /> : <ChevronRight size={12} className="text-gray-300" />}
-                              <Blur>{m.manager}</Blur>
+                              {m.manager}
                            </td>
                            <td className="p-2 border-r border-gray-100 text-gray-600">{m.department}</td>
                            <td 
@@ -907,7 +904,7 @@ export default function AssetsModule() {
                                >
                                  <div className="flex items-center gap-1">
                                    {isManagerExpanded ? <ChevronDown size={12} className="text-blue-400" /> : <ChevronRight size={12} className="text-gray-300" />}
-                                    <span className="text-[11px] font-bold text-gray-700"><Blur>{m.manager}</Blur></span>
+                                    <span className="text-[11px] font-bold text-gray-700">{m.manager}</span>
                                  </div>
                                  <button 
                                    onClick={(e) => {
@@ -986,7 +983,7 @@ export default function AssetsModule() {
                        <div className="flex items-center gap-2 flex-1 min-w-0">
                          {isManagerExpanded ? <ChevronDown size={14} className="text-blue-500" /> : <ChevronRight size={14} className="text-gray-300" />}
                          <div className="flex items-center gap-3 min-w-0">
-                            <h3 className="text-sm font-bold text-gray-800 shrink-0"><Blur>{m.manager}</Blur></h3>
+                            <h3 className="text-sm font-bold text-gray-800 shrink-0">{m.manager}</h3>
                            <span className="text-[11px] text-gray-500 shrink-0">{m.department}</span>
                            <div 
                              className="text-[11px] font-bold text-blue-600 whitespace-nowrap"
@@ -1510,12 +1507,12 @@ export default function AssetsModule() {
                        >
                          <td className="p-2 border-r border-gray-100 font-bold text-gray-800 flex items-center gap-2">
                            {isExpanded ? <ChevronDown size={14} className="text-emerald-600" /> : <ChevronRight size={14} className="text-gray-400" />}
-                            <Blur>{cust.customer}</Blur>
+                            {cust.customer}
                          </td>
                          <td className="p-2 border-r border-gray-100 text-gray-600 text-center">
                            <span className="bg-gray-100 px-2 py-0.5 rounded text-[10px] font-medium">{cust.region}</span>
                          </td>
-                          <td className="p-2 border-r border-gray-100 text-gray-600 text-center"><Blur>{cust.manager}</Blur></td>
+                          <td className="p-2 border-r border-gray-100 text-gray-600 text-center">{cust.manager}</td>
                          <td className="p-2 border-r border-gray-100 text-center text-gray-500 cursor-pointer hover:bg-emerald-50 transition-colors" onClick={(e) => { e.stopPropagation(); setShowPlateNumbers({ batch: 'All', model: 'All', location: 'All', customer: cust.customer, type: '4.5T', isColdChain: false, source: 'customer', title: `客户运营统计 - ${cust.customer} - 4.5T` }); }}>{cust.t4_5}</td>
                          <td className="p-2 border-r border-gray-100 text-center text-gray-500 cursor-pointer hover:bg-emerald-50 transition-colors" onClick={(e) => { e.stopPropagation(); setShowPlateNumbers({ batch: 'All', model: 'All', location: 'All', customer: cust.customer, type: '4.5T', isColdChain: true, source: 'customer', title: `客户运营统计 - ${cust.customer} - 4.5T冷链` }); }}>{cust.t4_5c}</td>
                          <td className="p-2 border-r border-gray-100 text-center text-gray-500 cursor-pointer hover:bg-emerald-50 transition-colors" onClick={(e) => { e.stopPropagation(); setShowPlateNumbers({ batch: 'All', model: 'All', location: 'All', customer: cust.customer, type: '18T', source: 'customer', title: `客户运营统计 - ${cust.customer} - 18T` }); }}>{cust.t18}</td>
@@ -1530,7 +1527,7 @@ export default function AssetsModule() {
                              <div className="grid grid-cols-4 gap-2">
                                <div className="bg-white p-2 rounded border border-gray-100 shadow-sm">
                                  <div className="text-[10px] text-gray-400 uppercase mb-1">客户详情</div>
-                                  <div className="text-sm font-bold text-gray-700"><Blur>{cust.customer}</Blur></div>
+                                  <div className="text-sm font-bold text-gray-700">{cust.customer}</div>
                                </div>
                                <div className="bg-white p-2 rounded border border-gray-100 shadow-sm">
                                  <div className="text-[10px] text-gray-400 uppercase mb-1">主要车型</div>
@@ -1540,7 +1537,7 @@ export default function AssetsModule() {
                                </div>
                                <div className="bg-white p-2 rounded border border-gray-100 shadow-sm">
                                  <div className="text-[10px] text-gray-400 uppercase mb-1">业务经理</div>
-                                  <div className="text-sm font-bold text-gray-700"><Blur>{cust.manager}</Blur></div>
+                                  <div className="text-sm font-bold text-gray-700">{cust.manager}</div>
                                </div>
                                <div className="bg-white p-2 rounded border border-gray-100 shadow-sm">
                                  <div className="text-[10px] text-gray-400 uppercase mb-1">资产占比</div>
@@ -1574,7 +1571,7 @@ export default function AssetsModule() {
                      <div className="flex items-center gap-2">
                        {isExpanded ? <ChevronDown size={16} className="text-emerald-600" /> : <ChevronRight size={16} className="text-gray-400" />}
                        <div className="flex flex-col">
-                          <span className="font-bold text-gray-800 text-sm"><Blur>{cust.customer}</Blur></span>
+                          <span className="font-bold text-gray-800 text-sm">{cust.customer}</span>
                          <span className="text-[10px] text-emerald-600 font-medium">{cust.region}区域</span>
                        </div>
                      </div>
@@ -1592,7 +1589,7 @@ export default function AssetsModule() {
                        <div className="grid grid-cols-2 gap-2">
                          <div className="bg-gray-50 p-2 rounded border border-gray-100">
                            <div className="text-[8px] text-gray-400 uppercase mb-1">客户详情</div>
-                            <div className="text-[10px] font-bold text-gray-700"><Blur>{cust.customer}</Blur></div>
+                            <div className="text-[10px] font-bold text-gray-700">{cust.customer}</div>
                          </div>
                          <div className="bg-gray-50 p-2 rounded border border-gray-100">
                            <div className="text-[8px] text-gray-400 uppercase mb-1">主要车型</div>
@@ -1602,7 +1599,7 @@ export default function AssetsModule() {
                          </div>
                          <div className="bg-gray-50 p-2 rounded border border-gray-100">
                            <div className="text-[8px] text-gray-400 uppercase mb-1">业务经理</div>
-                            <div className="text-xs font-bold text-gray-700"><Blur>{cust.manager}</Blur></div>
+                            <div className="text-xs font-bold text-gray-700">{cust.manager}</div>
                          </div>
                          <div className="bg-gray-50 p-2 rounded border border-gray-100">
                            <div className="text-[8px] text-gray-400 uppercase mb-1">资产占比</div>
@@ -1,7 +1,6 @@
 import React from 'react';
 import { ChevronDown, Filter, Loader2, PlusCircle, Truck } from 'lucide-react';
 import { AnimatePresence, motion } from 'motion/react';
-import Blur from '../../../components/Blur';
 import { SearchSelect } from '../../../components/SearchSelect';
 import type { WeeklyDetailItem } from '../api';
 import type { ModalVehicleFilters, VehicleModalSelection } from '../model';
@@ -167,8 +166,8 @@ export function VehicleDetailModal({
                        <tbody className="text-[11px]">
                          {filteredModalWeeklyDetail.map((v, i) => (
                            <tr key={`${v.truck_id}-${i}`} className={`border-b border-gray-100 hover:bg-blue-50/50 transition-colors ${i % 2 === 0 ? 'bg-white' : 'bg-gray-50/30'}`}>
-                              <td className="p-2 border-r border-gray-100 font-mono font-bold text-blue-700 text-center"><Blur>{v.plate_number}</Blur></td>
-                              <td className="p-2 border-r border-gray-100 text-gray-600 text-center"><Blur>{v.customer_name || '—'}</Blur></td>
+                              <td className="p-2 border-r border-gray-100 font-mono font-bold text-blue-700 text-center">{v.plate_number}</td>
+                              <td className="p-2 border-r border-gray-100 text-gray-600 text-center">{v.customer_name || '—'}</td>
                              <td className="p-2 text-gray-500 text-center">{v.handover_date ? v.handover_date.slice(0, 10) : '—'}</td>
                            </tr>
                          ))}
@@ -215,12 +214,12 @@ export function VehicleDetailModal({
                              {showPlateNumbers.source === 'customer' ? (
                                <>
                                  <td className="p-2 border-r border-gray-100 text-gray-600">{v.departmentName || '—'}</td>
-                                  <td className="p-2 border-r border-gray-100 font-medium text-gray-700"><Blur>{v.customerManager || '—'}</Blur></td>
+                                  <td className="p-2 border-r border-gray-100 font-medium text-gray-700">{v.customerManager || '—'}</td>
                                  <td className="p-2 border-r border-gray-100 text-gray-600">{v.brandLabel || '—'}</td>
                                  <td className="p-2 border-r border-gray-100 text-gray-600">{v.type}</td>
-                                  <td className="p-2 border-r border-gray-100 text-gray-500 text-[10px]"><Blur>{v.subjectOrg || '—'}</Blur></td>
-                                  <td className="p-2 border-r border-gray-100 font-bold text-gray-800"><Blur>{v.customerName || '—'}</Blur></td>
-                                  <td className={`p-2 border-r border-gray-100 font-mono font-bold ${v.plateNumber ? 'text-blue-700' : 'text-orange-500'}`}><Blur>{v.plateNumber || v.vin || '—'}</Blur></td>
+                                  <td className="p-2 border-r border-gray-100 text-gray-500 text-[10px]">{v.subjectOrg || '—'}</td>
+                                  <td className="p-2 border-r border-gray-100 font-bold text-gray-800">{v.customerName || '—'}</td>
+                                  <td className={`p-2 border-r border-gray-100 font-mono font-bold ${v.plateNumber ? 'text-blue-700' : 'text-orange-500'}`}>{v.plateNumber || v.vin || '—'}</td>
                                  <td className="p-2 border-r border-gray-100 text-center">
                                    <span className={`px-1.5 py-0.5 rounded-full text-[9px] font-bold ${
                                      v.status === 'Operating' ? 'bg-green-100 text-green-700' :
@@ -233,13 +232,13 @@ export function VehicleDetailModal({
                                  <td className="p-2 border-r border-gray-100 text-center text-gray-500">{'—'}</td>
                                  <td className="p-2 border-r border-gray-100 text-gray-600">{v.location === '其他' ? '对接中' : v.location}</td>
                                  <td className="p-2 border-r border-gray-100 text-center font-bold text-orange-600">{'—'}</td>
-                                  <td className="p-2 text-gray-500 text-[10px]"><Blur>{v.orgName || '—'}</Blur></td>
+                                  <td className="p-2 text-gray-500 text-[10px]">{v.orgName || '—'}</td>
                                </>
                              ) : (
                                <>
-                                  <td className={`p-2 border-r border-gray-100 font-mono font-bold text-center ${v.plateNumber ? 'text-blue-700' : 'text-orange-500'}`}><Blur>{v.plateNumber || v.vin || '—'}</Blur></td>
+                                  <td className={`p-2 border-r border-gray-100 font-mono font-bold text-center ${v.plateNumber ? 'text-blue-700' : 'text-orange-500'}`}>{v.plateNumber || v.vin || '—'}</td>
                                  {showPlateNumbers.source !== 'asset' && showPlateNumbers.category !== 'Inventory' && (
-                                    <td className="p-2 border-r border-gray-100 font-bold text-gray-800 text-center"><Blur>{v.customerName || '—'}</Blur></td>
+                                    <td className="p-2 border-r border-gray-100 font-bold text-gray-800 text-center">{v.customerName || '—'}</td>
                                  )}
                                  <td className="p-2 border-r border-gray-100 text-gray-600 text-center">{v.brandLabel || '—'}</td>
                                  <td className="p-2 border-r border-gray-100 text-gray-600 text-center">{v.type}</td>