duxingchen/track
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 表格布局恢复原始列宽 — 规格型号/创建时间各2列, 总16列

Browse Source
This commit is contained in:
duxingchen
2026-08-12 15:56:48 +08:00
parent 6016f92dd0
commit b21b9ed0e2
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/pages/admin/AdminTasksPage.tsx
View File

@ -369,15 +369,15 @@ export default function AdminTasksPage() {
{isOpen && ( {isOpen && (
<div className="border-t border-gray-100"> <div className="border-t border-gray-100">
{/* 表头 */} {/* 表头 */}
<div className="grid grid-cols-[14] gap-2 bg-gray-50 px-5 py-2 text-xs font-medium text-gray-500"> <div className="grid grid-cols-[16] gap-2 bg-gray-50 px-5 py-2 text-xs font-medium text-gray-500">
<div className="col-span-2">产品身份证</div> <div className="col-span-2">产品身份证</div>
<div className="col-span-1">序列号</div> <div className="col-span-1">序列号</div>
<div className="col-span-1">规格型号</div> <div className="col-span-2">规格型号</div>
<div className="col-span-1">宏观状态</div> <div className="col-span-1">宏观状态</div>
<div className="col-span-1">任务状态</div> <div className="col-span-1">任务状态</div>
<div className="col-span-1">当前位置</div> <div className="col-span-1">当前位置</div>
<div className="col-span-2">最新动态</div> <div className="col-span-2">最新动态</div>
<div className="col-span-1">创建时间</div> <div className="col-span-2">创建时间</div>
<div className="col-span-2">操作</div> <div className="col-span-2">操作</div>
</div> </div>
@ -396,7 +396,7 @@ export default function AdminTasksPage() {
<div className="grid grid-cols-14 gap-2 border-t border-gray-50 px-5 py-3 items-center text-sm hover:bg-gray-50/50"> <div className="grid grid-cols-14 gap-2 border-t border-gray-50 px-5 py-3 items-center text-sm hover:bg-gray-50/50">
<div className="col-span-2 font-mono text-xs font-semibold text-gray-800 tracking-wider cursor-pointer hover:text-blue-600 underline decoration-dotted" onClick={() => setQrSerial(p.serial_number)} title="点击查看二维码">{p.serial_number}</div> <div className="col-span-2 font-mono text-xs font-semibold text-gray-800 tracking-wider cursor-pointer hover:text-blue-600 underline decoration-dotted" onClick={() => setQrSerial(p.serial_number)} title="点击查看二维码">{p.serial_number}</div>
<div className="col-span-1 font-mono text-xs text-gray-600 truncate">{p.external_serial || "—"}</div> <div className="col-span-1 font-mono text-xs text-gray-600 truncate">{p.external_serial || "—"}</div>
<div className="col-span-1 text-xs text-gray-500 truncate">{p.spec_model || p.material_name || p.material_id || "—"}</div> <div className="col-span-2 text-xs text-gray-500 truncate">{p.spec_model || p.material_name || p.material_id || "—"}</div>
<div className="col-span-1"><span className="text-xs font-medium text-gray-700">{p.overall_status || "—"}</span></div> <div className="col-span-1"><span className="text-xs font-medium text-gray-700">{p.overall_status || "—"}</span></div>
<div className="col-span-1"><span className={`inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium ${statusCfg.bg} ${statusCfg.text}`}>{statusCfg.label}</span></div> <div className="col-span-1"><span className={`inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium ${statusCfg.bg} ${statusCfg.text}`}>{statusCfg.label}</span></div>
<div className="col-span-1 text-xs text-gray-500 truncate">{p.current_location_id === "virtual_warehouse" ? (<span className="inline-flex items-center gap-1 text-purple-600">🏭 仓库</span>) : (p.current_location_name || p.current_location_id || "—")}</div> <div className="col-span-1 text-xs text-gray-500 truncate">{p.current_location_id === "virtual_warehouse" ? (<span className="inline-flex items-center gap-1 text-purple-600">🏭 仓库</span>) : (p.current_location_name || p.current_location_id || "—")}</div>
@ -411,7 +411,7 @@ export default function AdminTasksPage() {
</Tooltip> </Tooltip>
) : <span className="text-gray-300">—</span>} ) : <span className="text-gray-300">—</span>}
</div> </div>
<div className="col-span-1 text-xs text-gray-400">{new Date(p.created_at).toLocaleDateString("zh-CN")}</div> <div className="col-span-2 text-xs text-gray-400">{new Date(p.created_at).toLocaleDateString("zh-CN")}</div>
<div className="col-span-2"> <div className="col-span-2">
<button <button
onClick={() => toggleProductTree(p.serial_number)} onClick={() => toggleProductTree(p.serial_number)}