fix(assets): restore classic UI while retaining inventory subsets and AI

2026-09-23 14:44:12 +08:00
parent b33e965ec3
commit 3d4749f28f
65 changed files with 3915 additions and 12116 deletions
@@ -0,0 +1,52 @@
+import Blur from '../../../components/Blur';
+import type { VehicleListItem } from '../types';
+
+type DetailsProps = { vehicles: VehicleListItem[] };
+
+function InventoryVehicleDetails({ vehicles, kind }: DetailsProps & { kind: 'abnormal' | 'pending' }) {
+  const pending = kind === 'pending';
+  const labels = pending ? ['合同编号', '客户名称（已脱敏）'] : ['异动类型', '预计结束时间'];
+  const details = (vehicle: VehicleListItem) => pending
+    ? [vehicle.pendingDelivery?.contractNo || '未提供', vehicle.pendingDelivery?.customerName || '未提供']
+    : [vehicle.abnormalMove?.type || '未提供', vehicle.abnormalMove?.targetCompletionTime || '未提供'];
+
+  if (vehicles.length === 0) return <div className="py-14 text-center text-sm text-slate-500">暂无符合筛选条件的{pending ? '待交车' : '异动车辆'}</div>;
+
+  return <>
+    <p className="px-4 py-3 text-xs leading-5 text-slate-500">{pending ? '展示当前待交车任务的合同信息，客户名称已脱敏。' : '展示当前异动类型与预计结束时间。'}</p>
+    <div className="space-y-3 px-3 pb-3 md:hidden">
+      {vehicles.map(vehicle => <article key={vehicle.id} className="rounded-xl border border-slate-200 bg-white p-4 shadow-sm">
+        <h4 className="break-all font-mono text-base font-bold text-blue-700"><Blur>{vehicle.plateNumber || vehicle.vin || '—'}</Blur></h4>
+        <p className="mt-1 text-xs text-slate-500">{vehicle.brandLabel || '—'} · {vehicle.type} · {vehicle.location === '其他' ? '对接中' : vehicle.location}</p>
+        <dl className="mt-4 space-y-3 text-xs">
+          {details(vehicle).map((value, index) => <div key={labels[index]} className="grid grid-cols-[7.5rem_minmax(0,1fr)] gap-2">
+            <dt className="text-slate-500">{labels[index]}</dt>
+            <dd className="break-words font-medium text-slate-800 [overflow-wrap:anywhere]"><Blur>{value}</Blur></dd>
+          </div>)}
+        </dl>
+      </article>)}
+    </div>
+    <div className="hidden md:block">
+      <table className="w-full min-w-[700px] border-collapse text-left text-xs">
+        <thead className="sticky top-0 z-20 bg-slate-700 text-white"><tr>
+          {['车牌', '品牌', '车型', '所在地', ...labels].map(label => <th key={label} className="whitespace-nowrap p-3">{label}</th>)}
+        </tr></thead>
+        <tbody>{vehicles.map(vehicle => <tr key={vehicle.id} className="border-b border-slate-200 bg-white align-top">
+          <td className="p-3 font-mono font-bold text-blue-700"><Blur>{vehicle.plateNumber || vehicle.vin || '—'}</Blur></td>
+          <td className="p-3 text-slate-600">{vehicle.brandLabel || '—'}</td>
+          <td className="p-3 text-slate-600">{vehicle.type}</td>
+          <td className="p-3 text-slate-600">{vehicle.location === '其他' ? '对接中' : vehicle.location}</td>
+          {details(vehicle).map((value, index) => <td key={labels[index]} className="max-w-64 break-words p-3 text-slate-700 [overflow-wrap:anywhere]"><Blur>{value}</Blur></td>)}
+        </tr>)}</tbody>
+      </table>
+    </div>
+  </>;
+}
+
+export function AbnormalVehicleDetails(props: DetailsProps) {
+  return <InventoryVehicleDetails {...props} kind="abnormal" />;
+}
+
+export function PendingVehicleDetails(props: DetailsProps) {
+  return <InventoryVehicleDetails {...props} kind="pending" />;
+}