优化
This commit is contained in:
@@ -1,9 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
import { computed } from 'vue'
|
||||
import { Edit3 } from '@lucide/vue'
|
||||
import { Pencil } from '@lucide/vue'
|
||||
import AppDrawer from '@/shared/components/AppDrawer.vue'
|
||||
import ApiErrorMeta from '@/shared/components/ApiErrorMeta.vue'
|
||||
import DataTable, { type DataTableColumn } from '@/shared/components/DataTable.vue'
|
||||
import DetailPageLayout from '@/shared/components/DetailPageLayout.vue'
|
||||
import LoadErrorState from '@/shared/components/LoadErrorState.vue'
|
||||
import StatusBadge from '@/shared/components/StatusBadge.vue'
|
||||
import type { ApiErrorDetails } from '@/shared/api/http'
|
||||
@@ -85,6 +86,8 @@ function formatNumber(value?: number | null, digits = 3) {
|
||||
</LoadErrorState>
|
||||
|
||||
<div v-else-if="detail && summary" class="detail-layout">
|
||||
<DetailPageLayout :ariaLabel="title">
|
||||
<template #summary>
|
||||
<section class="detail-summary" aria-label="清单基本信息">
|
||||
<div><span>仓库</span><strong>{{ summary.warehouseName || '—' }}</strong></div>
|
||||
<div><span>集装箱号</span><strong>{{ summary.containerNo || '—' }}</strong></div>
|
||||
@@ -97,9 +100,10 @@ function formatNumber(value?: number | null, digits = 3) {
|
||||
</template>
|
||||
<div><span>创建时间</span><strong>{{ formatDateTime(summary.createdAt) }}</strong></div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<div v-if="mode === 'preload' && canEdit && summary.status === 'LOADING'" class="detail-actions">
|
||||
<el-button type="primary" @click="emit('edit')"><Edit3 :size="16" />编辑运输信息</el-button>
|
||||
<el-button type="primary" @click="emit('edit')"><Pencil :size="16" />编辑运输信息</el-button>
|
||||
</div>
|
||||
<el-alert v-else-if="mode === 'confirmed'" type="info" :closable="false" show-icon title="装柜完成后清单、明细和运输信息永久只读" />
|
||||
|
||||
@@ -134,6 +138,7 @@ function formatNumber(value?: number | null, digits = 3) {
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
</section>
|
||||
</DetailPageLayout>
|
||||
</div>
|
||||
</AppDrawer>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user