UI: 統一各單據詳情頁面標題與基本資訊排版
This commit is contained in:
@@ -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') && (
|
||||
|
||||
Reference in New Issue
Block a user