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

2026-09-23 14:16:22 +08:00
parent b0cba26fbb
commit 822aabf2ca
77 changed files with 14669 additions and 3856 deletions
@@ -1,52 +0,0 @@
-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" />;
-}