{{ metric.label }}
- {{ metric.value }} {{ metric.unit }} - {{ metric.note }} {{ metric.change }} -客户列表暂时无法加载
{{ loadError.message }}
客户列表
共 {{ result.total }} 个客户
@@ -909,7 +919,7 @@ onMounted(() => { void loadCustomers() })
-
{{ statusMeta((row as PlatformTenantResource).status).label }}
{{ access.can('platform:order:list') ? (orderCounts[String((row as PlatformTenantResource).id)] ?? '—') : '—' }}
+ 共 {{ tableTotal }} 个客户
-
+
+
-
+
- {{ statusMeta(editorStatus).label }}
+ {{ statusMeta(editorStatus).label }}
+
-
-
+
+
- 基础资料
+
+ 联系与商务
+
+ 企业认证必填业务项
营业执照、18位统一社会信用代码、法人身份证需共同完整保存；货代资质证书和银行开户许可证选填。
{{ qualificationLoadError }}重试
@@ -967,18 +979,17 @@ onMounted(() => { void loadCustomers() })
支持 PDF、JPG、PNG，单个文件不超过 5MB；* 为提交审核必填项。
-
@@ -1026,12 +1037,10 @@ onMounted(() => { void loadCustomers() })
+ {{ archiveError.message }}
- 重新加载
+ 重新加载
-
+
+ {{ error.message }}
{{ error.message }}
共 {{ total }} 个客户
- {{ label(tier) }}{{ tier.unitPrice }} {{ (row as OverseasStorageFeeConfig).currency }}
{{ label(tier) }}{{ tier.unitPrice }} {{ (row as OverseasStorageFeeConfig).currency }}
{{ index === 0 ? '仓租（CBM/天）' : '退货仓储费（托/天）' }}
-
-
- 实时数据看板
当前为原型占位，以下均为静态演示数据，尚未接入业务接口。
-
- 演示快照：2026-06-02 08:45
-
-
- 当前为原型占位，以下均为静态演示数据，尚未接入业务接口。
+
+ 演示快照：2026-06-02 08:45
+
+
+
-
-
-
-
-
-
-
-
-
-
-
近 30 天运单量趋势
-
-
+
+
+
-
+
+
+
- {{ metric.label }}
+ {{ metric.value }} {{ metric.unit }} + {{ metric.note }} {{ metric.change }} +
- {{ series.name }}
-
-
-
-
-
-
-
+
- | 日期 | {{ series.name }} |
|---|---|
| {{ index + 1 }} 日 | {{ series.values[index] }} |
运单状态分布
-
- {{ item.label }} {{ item.value }}%
+
-
+
-
-
+
+
+
+
+
+
-
+
+ 近 30 天运单量趋势
+
+
+
+
+ {{ series.name }}
+
+
+
+
+
+
+ | 日期 | {{ series.name }} |
|---|---|
| {{ index + 1 }} 日 | {{ series.values[index] }} |
运单状态分布
+
+
+ {{ item.label }} {{ item.value }}%
+
+
-
-
-
-
-
-
+
+
diff --git a/src/modules/inbounds/pages/InboundOrdersView.test.ts b/src/modules/inbounds/pages/InboundOrdersView.test.ts
index c72b2cbd..851994c0 100644
--- a/src/modules/inbounds/pages/InboundOrdersView.test.ts
+++ b/src/modules/inbounds/pages/InboundOrdersView.test.ts
@@ -107,7 +107,7 @@ describe('InboundOrdersView', () => {
expect(listPlatformTenants).toHaveBeenCalledWith({ page: 1, size: 200 })
expect(document.body.textContent).toContain('RK-001')
expect(document.body.textContent).toContain('查看')
- expect(document.body.textContent).toContain('所属企业 示例企业有限公司')
+ expect(document.body.textContent).toContain('示例企业有限公司')
expect(document.body.textContent).not.toContain('租户')
expect(wrapper.find('.inbound-tabs .is-active').text()).toContain('全部')
})
@@ -209,10 +209,9 @@ describe('InboundOrdersView', () => {
expect(toolbarRows[0].classList.contains('table-tabs-row')).toBe(true)
expect(toolbarRows[1].classList.contains('inbound-stats-row')).toBe(true)
expect(toolbarRows).toHaveLength(2)
- expect(wrapper.find('.inbound-stats-row').text()).toContain('当前显示 1 条 · 共 1 条')
- const dataTableToolbar = wrapper.findComponent(DataTable).find('.data-table__toolbar')
- expect(dataTableToolbar.text()).toContain('所属企业 全部客户')
- expect(dataTableToolbar.text()).toContain('刷新')
+ expect(wrapper.findComponent(DataTable).find('.data-table__pagination-left').text()).toContain('当前显示 1 条 · 共 1 条')
+ expect(wrapper.findComponent(DataTable).find('.data-table__toolbar-start').text()).not.toContain('入库单列表')
+ expect(wrapper.text()).not.toContain('刷新')
expect(wrapper.text()).not.toContain('全部入库单')
expect(tabButtons[0].attributes('aria-selected')).toBe('true')
expect(tabButtons[0].attributes('tabindex')).toBe('0')
diff --git a/src/modules/inbounds/pages/InboundOrdersView.vue b/src/modules/inbounds/pages/InboundOrdersView.vue
index a7cc0905..55a75675 100644
--- a/src/modules/inbounds/pages/InboundOrdersView.vue
+++ b/src/modules/inbounds/pages/InboundOrdersView.vue
@@ -4,9 +4,13 @@ import { useRouter } from 'vue-router'
import { ElMessage } from 'element-plus'
import { ChevronDown, ChevronUp, ClipboardCheck, Eye, Printer, RefreshCw, SlidersHorizontal } from '@lucide/vue'
import { getApiErrorDetails, type ApiErrorDetails } from '@/shared/api/http'
+import AdminPage from '@/shared/components/AdminPage.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 FormSection from '@/shared/components/FormSection.vue'
+import ListPageLayout from '@/shared/components/ListPageLayout.vue'
import LoadErrorState from '@/shared/components/LoadErrorState.vue'
import QueryToolbar, { type QueryField, type QueryModel } from '@/shared/components/QueryToolbar.vue'
import { listPlatformTenants, type PlatformTenantResource } from '@/modules/iam'
@@ -400,25 +404,32 @@ onBeforeUnmount(() => { disposed = true; loadRequestId += 1; detailRequestId +=
-
diff --git a/src/modules/ocean-bookings/pages/OceanBookingsView.test.ts b/src/modules/ocean-bookings/pages/OceanBookingsView.test.ts
index 81f062bb..f1eceadf 100644
--- a/src/modules/ocean-bookings/pages/OceanBookingsView.test.ts
+++ b/src/modules/ocean-bookings/pages/OceanBookingsView.test.ts
@@ -1,4 +1,4 @@
import { describe, expect, it } from 'vitest'
import { readFileSync } from 'node:fs'
import { resolve } from 'node:path'
-describe('OceanBookingsView', () => { const source = readFileSync(resolve(process.cwd(), 'src/modules/ocean-bookings/pages/OceanBookingsView.vue'), 'utf8'); it('keeps the operation column first and left fixed', () => { expect(source.indexOf("key: 'actions'")).toBeLessThan(source.indexOf("prop: 'bookingNo'")); expect(source).toContain("fixed: 'left'") }); it('renders loading, empty and error through shared components', () => { expect(source).toContain('LoadErrorState'); expect(source).toContain(':loading="loading"'); expect(source).toContain(':total="total"') }) })
+describe('OceanBookingsView', () => { const source = readFileSync(resolve(process.cwd(), 'src/modules/ocean-bookings/pages/OceanBookingsView.vue'), 'utf8'); it('keeps the operation column first and left fixed', () => { expect(source.indexOf("key: 'actions'")).toBeLessThan(source.indexOf("prop: 'bookingNo'")); expect(source).toContain("fixed: 'left'") }); it('renders loading, empty and error through shared components', () => { expect(source).toContain('LoadErrorState'); expect(source).toContain(':loading="loading"'); expect(source).toContain(':total="total"') }); it('keeps list actions in the table toolbar without a duplicate page title', () => { expect(source).toContain(''); expect(source).not.toContain(''); expect(source).not.toContain('PageToolbar'); expect(source).not.toContain('
import { onMounted, reactive, ref, watch } from 'vue'
import { useRouter } from 'vue-router'
+import { Eye, Pencil, Plus } from '@lucide/vue'
import QueryToolbar, { type QueryField, type QueryModel } from '@/shared/components/QueryToolbar.vue'
import DataTable from '@/shared/components/DataTable.vue'
import StatusBadge from '@/shared/components/StatusBadge.vue'
import LoadErrorState from '@/shared/components/LoadErrorState.vue'
+import AdminPage from '@/shared/components/AdminPage.vue'
+import ListPageLayout from '@/shared/components/ListPageLayout.vue'
import { getApiErrorDetails } from '@/shared/api/http'
import { useAccessPreviewStore } from '@/core/access/accessPreview'
import { listOceanBookings, type OceanBookingResource } from '../api/platformOceanBookings'
@@ -41,18 +44,19 @@ function search() { page.value = 1; void load() }
watch([page, pageSize], () => void load()); onMounted(load)
- 返回列表
+
+
+
+
+
diff --git a/src/modules/trucking/pages/TruckAppointmentDetailView.vue b/src/modules/trucking/pages/TruckAppointmentDetailView.vue
index 2209ea1d..c138a58f 100644
--- a/src/modules/trucking/pages/TruckAppointmentDetailView.vue
+++ b/src/modules/trucking/pages/TruckAppointmentDetailView.vue
@@ -2,8 +2,12 @@
import { computed, onMounted, reactive, ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { ElMessage, ElMessageBox } from 'element-plus'
+import { ArrowLeft } from '@lucide/vue'
import LoadErrorState from '@/shared/components/LoadErrorState.vue'
import ApiErrorMeta from '@/shared/components/ApiErrorMeta.vue'
+import AdminPage from '@/shared/components/AdminPage.vue'
+import DetailPageLayout from '@/shared/components/DetailPageLayout.vue'
+import PageToolbar from '@/shared/components/PageToolbar.vue'
import { getApiErrorDetails, type ApiErrorDetails } from '@/shared/api/http'
import { useAccessPreviewStore } from '@/core/access/accessPreview'
import { getTruckAppointment, listTruckAppointmentAttachments, listTruckAppointmentHistory, performTruckAppointmentAction, rescheduleTruckAppointment, updateTruckAppointment, type TruckAppointmentAction } from '../api/platformTrucking'
@@ -27,15 +31,28 @@ async function changeStatus(status: TruckAppointmentStatus) { if (!resource.valu
onMounted(load)
- 返回列表
-
+
+
+
+
diff --git a/src/modules/trucking/pages/TruckAppointmentsView.test.ts b/src/modules/trucking/pages/TruckAppointmentsView.test.ts
index a4de5d2c..ef6abba4 100644
--- a/src/modules/trucking/pages/TruckAppointmentsView.test.ts
+++ b/src/modules/trucking/pages/TruckAppointmentsView.test.ts
@@ -5,6 +5,10 @@ import { beforeEach, describe, expect, it, vi } from 'vitest'
import TruckAppointmentsView from './TruckAppointmentsView.vue'
import { listTruckAppointments } from '../api/platformTrucking'
import type { TruckAppointmentResource } from '../types'
+import { readFileSync } from 'node:fs'
+import { resolve } from 'node:path'
+
+const source = readFileSync(resolve(process.cwd(), 'src/modules/trucking/pages/TruckAppointmentsView.vue'), 'utf8')
vi.mock('../api/platformTrucking', () => ({
listTruckAppointments: vi.fn(),
@@ -31,4 +35,12 @@ describe('TruckAppointmentsView', () => {
expect(wrapper.text()).toContain('宁波运输')
expect(wrapper.find('button[aria-label="查看 TA-9001"]').exists()).toBe(true)
})
+
+ it('uses the table toolbar for create and keeps a single empty state', () => {
+ expect(source).toContain('')
+ expect(source).not.toContain('')
+ expect(source).not.toContain('PageToolbar')
+ expect(source).not.toContain('empty-hint')
+ expect(source.match(/empty-text=/g)).toHaveLength(1)
+ })
})
diff --git a/src/modules/trucking/pages/TruckAppointmentsView.vue b/src/modules/trucking/pages/TruckAppointmentsView.vue
index aab5c801..65c9136c 100644
--- a/src/modules/trucking/pages/TruckAppointmentsView.vue
+++ b/src/modules/trucking/pages/TruckAppointmentsView.vue
@@ -1,18 +1,20 @@
-
- 重新加载
+
+
+
-
-
-
+
+
+
diff --git a/src/modules/unified-orders/pages/UnifiedOrdersView.vue b/src/modules/unified-orders/pages/UnifiedOrdersView.vue
index 62e58701..946aa632 100644
--- a/src/modules/unified-orders/pages/UnifiedOrdersView.vue
+++ b/src/modules/unified-orders/pages/UnifiedOrdersView.vue
@@ -1,7 +1,7 @@
-
+
-
+
- 调整
+
-
+
- 加入
+ {{ fittingCount(row as SmartLoadingCandidate) > 0 ? '可加入' : '冲突' }} {{ candidateExplanation(row as SmartLoadingCandidate) }}
+
+
@@ -356,13 +358,16 @@ onMounted(() => { void load() })
.smart-loading { display: grid; gap: 14px; }
.smart-loading__heading, .smart-loading__actions, .smart-loading__section-title { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.smart-loading__heading, .smart-loading__section-title { justify-content: space-between; }
-.smart-loading__heading h3, .smart-loading__section-title h4 { margin: 0; font-size: 15px; }
-.smart-loading__heading p, .smart-loading__section-title span, .smart-loading small { display: block; margin: 3px 0 0; color: var(--cc-text-secondary, #64748b); font-size: 12px; }
+.smart-loading__section-title h4 { margin: 0; font-size: 15px; }
+.smart-loading__context { display: grid; min-width: 0; gap: 3px; }
+.smart-loading__context span { color: var(--cc-text-secondary, #64748b); font-size: 11px; }
+.smart-loading__context strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
+.smart-loading__section-title span, .smart-loading small { display: block; margin: 3px 0 0; color: var(--cc-text-secondary, #64748b); font-size: 12px; }
.smart-loading__summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.smart-loading__summary > div { min-width: 0; padding: 10px; border: 1px solid var(--cc-border); border-radius: 5px; background: var(--el-fill-color-extra-light); }
.smart-loading__summary span { display: block; margin-bottom: 4px; color: var(--cc-text-secondary, #64748b); font-size: 12px; }
.smart-loading__summary strong { display: block; overflow-wrap: anywhere; font-size: 13px; }
-.smart-loading__section { display: grid; gap: 10px; padding-top: 4px; }
+.smart-loading__section { display: grid; min-width: 0; gap: 10px; padding-top: 4px; overflow: hidden; }
.smart-loading__error p { margin: 6px 0 0; }
.smart-loading :deep(.el-table__cell small), .smart-loading :deep(.el-table__cell strong) { display: block; }
.smart-loading :deep(.el-table__cell small) { margin-top: 2px; color: var(--cc-text-secondary, #64748b); }
diff --git a/src/modules/unified-orders/workflows/components/UnifiedOrderWorkflowPanel.vue b/src/modules/unified-orders/workflows/components/UnifiedOrderWorkflowPanel.vue
index 295866b4..c091aaae 100644
--- a/src/modules/unified-orders/workflows/components/UnifiedOrderWorkflowPanel.vue
+++ b/src/modules/unified-orders/workflows/components/UnifiedOrderWorkflowPanel.vue
@@ -392,12 +392,9 @@ onMounted(() => { void refresh() })
-
TOP10 航线货量（TEU）
-
- 待办事项
- 功能入口待真实业务模块接入 -
-
-
-
- | 操作 | 类型 | 内容 | 优先级 | 截止时间 |
|---|---|---|---|---|
| - | {{ task.type }} | {{ task.content }} | -{{ task.priority }} | -{{ task.due }} | -
-
-
-
-
+
+
+
+
+
+
+
+
+
-
-
- 重新加载客户列表
-
+
+
+
-
- {{ statusLabel((row as InboundOrderSummary).processStatus) }} 订单：{{ text((row as InboundOrderSummary).orderStatusSnapshot) }}
@@ -481,13 +490,19 @@ onBeforeUnmount(() => { disposed = true; loadRequestId += 1; detailRequestId +=
{{ formatDate((row as InboundOrderSummary).createdAt) }}
-
+
+
- 入库单详情暂时无法加载重新加载
-
+ 入库单详情暂时无法加载
+
-
+
diff --git a/src/modules/loading-lists/components/LoadingListDetailDrawer.vue b/src/modules/loading-lists/components/LoadingListDetailDrawer.vue
index d1d733b5..0b47073d 100644
--- a/src/modules/loading-lists/components/LoadingListDetailDrawer.vue
+++ b/src/modules/loading-lists/components/LoadingListDetailDrawer.vue
@@ -1,9 +1,10 @@
+ {{ customerLoadError.message }}
-
+
+
+
+
- {{ customerLoadError.message }}
+
- 当前显示 {{ currentPageCount }} 条 · 共 {{ result.total }} 条
总箱数 {{ formatAggregate(aggregateStats.packages, 0) }}
@@ -439,8 +449,7 @@ onBeforeUnmount(() => { disposed = true; loadRequestId += 1; detailRequestId +=
入库单列表
所属企业 {{ selectedCustomerName }}
{{ text((row as InboundOrderSummary).inboundCode) }}订单 {{ text((row as InboundOrderSummary).orderNo) }}
{{ detailError.message }}
{{ detailError.message }}
+
+
+
+
void loadWarehouses())
:search-on-reset="false"
@search="search"
@reset="reset"
- >
-
-
-
-
-
+
+
+
+
+
void loadWarehouses())
:empty-text="hasWarehouse ? `暂无符合筛选条件的${title}` : '请先选择仓库后查询'"
:aria-label="title"
>
-
- 查看
+
+
void loadWarehouses())
+ {{ title }}
{{ hasWarehouse ? `共 ${total} 条` : '仓库为必选条件' }}
-
+
+
+
-
- 新增订舱
- 查看 编辑
+
-
-
+
+
+
-
+
diff --git a/src/modules/trucking/components/TruckAppointmentForm.vue b/src/modules/trucking/components/TruckAppointmentForm.vue
index 030beada..01577ccd 100644
--- a/src/modules/trucking/components/TruckAppointmentForm.vue
+++ b/src/modules/trucking/components/TruckAppointmentForm.vue
@@ -1,6 +1,7 @@
-订舱列表
共 {{ total }} 条状态历史
- {{ item.action }}{{ item.fromStatus || '—' }} → {{ item.toStatus || '—' }}{{ item.operatorName || item.operatorId || '系统' }} · {{ item.createdAt || item.occurredAt || '—' }} · {{ item.reason }}
+
+
+ 状态历史
- {{ item.action }}{{ item.fromStatus || '—' }} → {{ item.toStatus || '—' }}{{ item.operatorName || item.operatorId || '系统' }} · {{ item.createdAt || item.occurredAt || '—' }} · {{ item.reason }}
拖车预约列表暂时无法加载
{{ loadError.message }}
拖车预约列表
共 {{ total }} 条
-
+ 智能排柜
-{{ container?.cabinetNo || container?.containerNo || `柜次 ${bookingId}` }} · {{ container?.warehouseName || '仓库待加载' }}
-当前柜次{{ container?.cabinetNo || container?.containerNo || `柜次 ${bookingId}` }}{{ container?.warehouseName || '仓库待加载' }}
重量{{ formatNumber(usedWeight) }} / {{ formatNumber(container.maxWeightKg || 0) }} kg{{ weightRate == null ? '承重待配置' : `${weightRate}%` }}
当前装柜方案
版本 {{ plan.version }} · {{ plan.planNo || '—' }}候选货物
后端按入库完成时间排序
-
@@ -421,7 +418,7 @@ onMounted(() => { void refresh() })
-
+
当前账号无预装清单查询权限。
@@ -434,7 +431,6 @@ onMounted(() => { void refresh() })
{{ formatVolume((row as PreloadItem).volumeCbm) }}
-
+
diff --git a/src/shared/components/ListPageLayout.vue b/src/shared/components/ListPageLayout.vue
index db9dd679..17fbf9aa 100644
--- a/src/shared/components/ListPageLayout.vue
+++ b/src/shared/components/ListPageLayout.vue
@@ -1,21 +1,40 @@
-
-
diff --git a/src/shared/components/PageLayouts.test.ts b/src/shared/components/PageLayouts.test.ts
index 074b99c1..c6e5d1a4 100644
--- a/src/shared/components/PageLayouts.test.ts
+++ b/src/shared/components/PageLayouts.test.ts
@@ -37,6 +37,27 @@ describe('admin page layout components', () => {
expect(wrapper.text()).toContain('表格')
})
+ it('removes registered but empty list regions from flex layout', () => {
+ const wrapper = mount(ListPageLayout, {
+ slots: {
+ toolbar: '
-
- 后半程作业
-查看订单的分柜、预装、拣货和装柜进度。
-
+
入库作业#{{ props.inboundId }}
+ 入库预装清单{{ preloadStatusLabel(preload?.status) }}
明细
入库级清单由人工维护；柜次候选和智能建议在下方柜次工作台加载。
筛选
',
+ state: '错误
',
+ default: '表格
',
+ },
+ })
+ expect(wrapper.find('.list-page-layout__state').exists()).toBe(false)
+ expect(wrapper.text()).toBe('筛选表格')
+ })
+
+ it('keeps plain-text list regions visible', () => {
+ const wrapper = mount(ListPageLayout, {
+ slots: { state: '正在同步', default: '表格内容' },
+ })
+
+ expect(wrapper.get('.list-page-layout__state').text()).toBe('正在同步')
+ expect(wrapper.get('.list-page-layout__content').text()).toBe('表格内容')
+ })
+
it('supports detail regions and form section descriptions', () => {
const detail = mount(DetailPageLayout, {
slots: { header: '详情
', default: '正文
', footer: '' },