feat: improve asset inventory statistics and responsive UX (v1.1.16)

src/modules/assets/components/VehicleMobileCards.tsx

@@ -0,0 +1,15 @@
+import Blur from '../../../components/Blur';
+import type { VehicleListItem } from '../types';
+
+export function VehicleMobileCards({vehicles, customer}: {vehicles: VehicleListItem[];customer: boolean}) {
+  return <div className="space-y-3 p-3 md:hidden">
+    {vehicles.length===0 && <p className="py-12 text-center text-sm text-slate-500">暂无符合条件的车辆，试试调整筛选条件。</p>}
+    {vehicles.map(vehicle=><article key={vehicle.id} className="rounded-xl border border-slate-200 bg-white p-4 shadow-sm">
+      <div className="flex items-start justify-between gap-2"><h4 className="break-all font-mono text-base font-bold text-blue-700"><Blur>{vehicle.plateNumber || vehicle.vin || '未提供车牌'}</Blur></h4><span className="shrink-0 rounded-md bg-slate-100 px-2 py-1 text-xs text-slate-600">{({Operating:'运营',Inventory:'库存',Pending:'待交车',Abnormal:'异动'} as Record<string,string>)[vehicle.status] || '未提供'}</span></div>
+      <p className="mt-2 text-xs text-slate-500">{vehicle.brandLabel || '—'} · {vehicle.type} · {vehicle.location==='其他'?'对接中':vehicle.location}</p>
+      <dl className="mt-3 space-y-2 border-t border-slate-100 pt-3 text-xs">
+        {(customer ? [['客户',vehicle.customerName],['合同编号',vehicle.contractNo],['业务部门',vehicle.departmentName],['业务负责人',vehicle.customerManager],['资产归属',vehicle.subjectOrg]] : [['型号',vehicle.model],['客户',vehicle.customerName]]).map(([label,value])=><div key={label} className="grid grid-cols-[5.5rem_minmax(0,1fr)] gap-2"><dt className="text-slate-500">{label}</dt><dd className="break-words text-slate-800 [overflow-wrap:anywhere]"><Blur>{value || '未提供'}</Blur></dd></div>)}
+      </dl>
+    </article>)}
+  </div>;
+}