超管后台 - 修复同长度字体长短不一导致的页面变形的问题
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user