UI: 統一各單據詳情頁面標題與基本資訊排版

This commit is contained in:
2026-02-25 14:56:15 +08:00
parent 299cf37054
commit 878b90e2ad
7 changed files with 173 additions and 245 deletions

View File

@@ -128,18 +128,22 @@ export default function SalesImportShow({ import: batch, items, filters = {} }:
</Button>
</Link>
<div className="flex items-center justify-between mb-6">
<div>
<h1 className="text-2xl font-bold text-grey-0 flex items-center gap-2">
<CheckCircle className="h-6 w-6 text-primary-main" />
</h1>
<p className="text-gray-500 mt-1">#{batch.id} | {format(new Date(batch.created_at), 'yyyy/MM/dd HH:mm')}</p>
<div className="flex flex-col md:flex-row md:items-start justify-between gap-4 mb-6">
<div className="space-y-2">
<div className="flex items-center gap-2">
<h1 className="text-2xl font-bold text-grey-0 flex items-center gap-2">
<CheckCircle className="h-6 w-6 text-primary-main" />
: #{batch.id}
</h1>
<StatusBadge variant={batch.status === 'confirmed' ? 'success' : 'neutral'}>
{batch.status === 'confirmed' ? '已確認' : '待確認'}
</StatusBadge>
</div>
<p className="text-sm text-gray-500 font-medium flex flex-wrap items-center gap-2">
: {format(new Date(batch.created_at), 'yyyy/MM/dd HH:mm')}
</p>
</div>
<div className="flex items-center gap-3">
<StatusBadge variant={batch.status === 'confirmed' ? 'success' : 'neutral'}>
{batch.status === 'confirmed' ? '已確認' : '待確認'}
</StatusBadge>
<div className="flex flex-wrap items-center gap-2">
{batch.status === 'pending' && (
<div className="flex gap-3">
{can('sales_imports.delete') && (