feat(assets): migrate asset views and reconcile inventory drilldowns

src/modules/assets/components/overview/SummaryMetrics.tsx

@@ -1,57 +0,0 @@
-import { Activity, TriangleAlert, PlusCircle, Truck, Warehouse, ChevronRight } from 'lucide-react';
-import type { SummaryMetricsProps } from './types';
-
-export function SummaryMetrics({ summary, operatingRate, inventoryRate, setVehicleSelection }: SummaryMetricsProps) {
-  const open = (category: 'Operating' | 'Inventory' | 'Abnormal' | 'Pending' | undefined, title: string) =>
-    setVehicleSelection({ batch: 'All', model: 'All', location: 'All', category, source: 'asset', title });
-
-  return <div className="mb-3 space-y-2">
-    <button type="button" onClick={() => open(undefined, '资产概览')}
-      className="flex items-center gap-2 px-1 py-2 text-xs text-slate-500 hover:text-blue-600">
-      <Truck size={15} /><span>资产总数</span><strong className="text-base text-slate-800">{summary.totalAssets.toLocaleString()}</strong><span>台</span><ChevronRight size={14} />
-    </button>
-    <div className="grid grid-cols-1 gap-3 md:grid-cols-2">
-      <section data-testid="asset-operating-group" className="overflow-hidden rounded-2xl border border-blue-100 bg-white shadow-sm">
-        <button type="button" onClick={() => open('Operating', '总运营车辆')}
-          className="flex w-full items-center justify-between gap-3 p-4 text-left hover:bg-blue-50/50">
-          <div className="flex items-center gap-3">
-            <span className="rounded-xl bg-blue-50 p-2.5 text-blue-600"><Activity size={20} /></span>
-            <div><h3 className="text-sm font-bold text-slate-800">总运营</h3><p className="mt-1 text-xs text-slate-500">租赁 + 自营</p></div>
-          </div>
-          <div className="flex items-center gap-2"><strong className="text-2xl font-bold text-blue-600">{summary.operating.total}</strong><span className="text-xs text-slate-400">台</span><ChevronRight size={16} className="text-slate-400" /></div>
-        </button>
-        <div className="grid grid-cols-2 divide-x divide-blue-100 border-t border-blue-50 bg-blue-50/30 px-4 py-3 text-sm">
-          <div className="flex items-center justify-between gap-2 pr-4"><span className="text-slate-500">租赁</span><strong className="text-slate-800">{summary.operating.leased}</strong></div>
-          <div className="flex items-center justify-between gap-2 pl-4"><span className="text-slate-500">自营</span><strong className="text-slate-800">{summary.operating.self}</strong></div>
-        </div>
-      </section>
-      <section data-testid="asset-inventory-group" className="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-sm">
-        <button type="button" onClick={() => open('Inventory', '总库存车辆')}
-          className="flex w-full items-center justify-between gap-3 p-4 text-left hover:bg-slate-50">
-          <div className="flex items-center gap-3">
-            <span className="rounded-xl bg-slate-100 p-2.5 text-slate-600"><Warehouse size={20} /></span>
-            <div><h3 className="text-sm font-bold text-slate-800">总库存</h3><p className="mt-1 text-xs text-slate-500">待运营 + 可运营</p></div>
-          </div>
-          <div className="flex items-center gap-2"><strong className="text-2xl font-bold text-slate-800">{summary.inventory.total}</strong><span className="text-xs text-slate-400">台</span><ChevronRight size={16} className="text-slate-400" /></div>
-        </button>
-        <div className="border-t border-slate-100 bg-slate-50/60 px-4 py-3">
-          <p className="mb-2 text-[11px] text-slate-500">以下车辆已包含在总库存中</p>
-          <div className="grid grid-cols-2 gap-2">
-            <button type="button" data-testid="asset-abnormal-card" onClick={() => open('Abnormal', '库存异动车辆')}
-              className="flex items-center justify-between gap-2 rounded-xl border border-amber-100 bg-amber-50 px-3 py-2 text-sm text-amber-700 hover:bg-amber-100">
-              <span className="flex items-center gap-1.5"><TriangleAlert size={14} />异动</span><span className="flex items-center gap-1 font-bold">{summary.inventory.abnormal}<ChevronRight size={14} /></span>
-            </button>
-            <button type="button" data-testid="asset-pending-card" onClick={() => open('Pending', '库存待交车')}
-              className="flex items-center justify-between gap-2 rounded-xl border border-blue-100 bg-blue-50 px-3 py-2 text-sm text-blue-700 hover:bg-blue-100">
-              <span className="flex items-center gap-1.5"><PlusCircle size={14} />待交车</span><span className="flex items-center gap-1 font-bold">{summary.pendingDelivery}<ChevronRight size={14} /></span>
-            </button>
-          </div>
-        </div>
-      </section>
-    </div>
-    <div data-testid="asset-operation-ratio-strip" className="flex flex-wrap items-center gap-x-5 gap-y-1 px-1 py-1 text-xs text-slate-500">
-      <span>运营率 <strong className="text-blue-600">{operatingRate.toFixed(1)}%</strong></span>
-      <span>库存率 <strong className="text-slate-700">{inventoryRate.toFixed(1)}%</strong></span>
-    </div>
-  </div>;
-}