超管后台 - 修复同长度字体长短不一导致的页面变形的问题

This commit is contained in:
柳清爽
2025-04-25 10:25:40 +08:00
parent 218862a7c8
commit 387e02ba74

View File

@@ -272,32 +272,32 @@ export default function EditProjectPage({ params }: { params: { id: string } })
<div className="space-y-3">
{project && project.devices && project.devices.length > 0 && (
<div className="border rounded-md">
<table className="w-full">
<thead className="bg-muted">
<table className="w-full table-fixed">
<thead className="bg-muted" style={{ fontFamily: "'Microsoft YaHei', sans-serif" }}>
<tr>
<th className="text-left p-2"></th>
<th className="text-left p-2">IMEI</th>
<th className="text-left p-2"></th>
<th className="text-left p-2"></th>
<th className="text-left p-2"></th>
<th className="text-left p-2"></th>
<th className="text-left p-2"></th>
<th className="text-left p-2 w-[14%]"></th>
<th className="text-left p-2 w-[14%]">IMEI</th>
<th className="text-left p-2 w-[14%]"></th>
<th className="text-left p-2 w-[14%]"></th>
<th className="text-left p-2 w-[14%]"></th>
<th className="text-left p-2 w-[14%]"></th>
<th className="text-left p-2 w-[14%]"></th>
</tr>
</thead>
<tbody>
<tbody className="text-sm" style={{ fontFamily: "'Microsoft YaHei', sans-serif" }}>
{project.devices.map((device) => (
<tr key={device.id} className="border-t">
<td className="p-2">{device.memo}</td>
<td className="p-2">{device.imei || '-'}</td>
<td className="p-2">{device.phone || '-'}</td>
<td className="p-2">{device.model || '-'}</td>
<td className="p-2">{device.brand || '-'}</td>
<td className="p-2 truncate" title={device.memo}>{device.memo}</td>
<td className="p-2 truncate" title={device.imei || '-'}>{device.imei || '-'}</td>
<td className="p-2 truncate" title={device.phone || '-'}>{device.phone || '-'}</td>
<td className="p-2 truncate" title={device.model || '-'}>{device.model || '-'}</td>
<td className="p-2 truncate" title={device.brand || '-'}>{device.brand || '-'}</td>
<td className="p-2">
<span className={`inline-block px-2 py-1 text-xs rounded-full ${device.alive === 1 ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'}`}>
{device.alive === 1 ? '在线' : '离线'}
</span>
</td>
<td className="p-2">{device.createTime || '-'}</td>
<td className="p-2 truncate" title={device.createTime || '-'}>{device.createTime || '-'}</td>
</tr>
))}
</tbody>