优化

src/modules/first-leg/views/FirstLegOrdersView.test.mjs

@@ -5,6 +5,7 @@ import test from 'node:test'
 const source = readFileSync(new URL('./FirstLegOrdersView.vue', import.meta.url), 'utf8')
 const routerSource = readFileSync(new URL('../routes.ts', import.meta.url), 'utf8')
 const editorShellSource = readFileSync(new URL('../components/FirstLegOrderEditorShell.vue', import.meta.url), 'utf8')
+const progressSource = readFileSync(new URL('../components/OrderProgressPanel.vue', import.meta.url), 'utf8')
 
 test('routes the confirmed first-leg path to the implemented order view', () => {
   assert.match(routerSource, /path: 'orders\/first-leg'[\s\S]*?component: \(\) => import\('\.\/views\/FirstLegOrdersView\.vue'\)[\s\S]*?release: 'active'/)
@@ -67,14 +68,48 @@ test('uses the shared query toolbar and data table without metric cards', () =>
   assert.match(source, /import QueryToolbar, \{ type QueryField, type QueryModel \}/)
   assert.match(source, /import DataTable, \{ type DataTableColumn \}/)
   assert.match(source, /const filters = ref<QueryModel>/)
-  assert.match(source, /<QueryToolbar v-model="filters" class="first-leg-query-toolbar" :fields="queryFields" ariaLabel="头程订单查询" @search="searchOrders" \/>/)
+  assert.match(source, /<QueryToolbar v-model="filters" class="first-leg-query-toolbar" :fields="queryFields" ariaLabel="订单查询" @search="searchOrders" \/>/)
   assert.match(source, /async function searchOrders\(model: QueryModel\)/)
-  assert.match(source, /await store\.load\(\)/)
+  assert.match(source, /await store\.load\(\{/)
   assert.match(source, /<DataTable v-model:page="tablePage" v-model:page-size="tablePageSize" :data="pagedOrders" :columns="orderColumns"/)
   assert.match(source, /\{ key: 'actions', label: '操作', width: 180, fixed: 'left', slotName: 'actions' \}/)
   assert.doesNotMatch(source, /order-metrics|订单概览/)
 })
 
+test('shows one unified progress line, C02 business summaries, and optional customer-visible nodes', () => {
+  assert.match(source, /import OrderProgressPanel/)
+  assert.match(source, /<OrderProgressPanel :order="detailOrder" \/>/)
+  assert.match(source, /<h3>关键业务摘要<\/h3>/)
+  assert.match(source, /progressSummaryItems/)
+  assert.match(source, /summary\.preloadStatus/)
+  assert.match(source, /summary\.expectedPickCount/)
+  assert.match(source, /summary\.deliveryTrackingNo/)
+  assert.match(progressSource, /FIRST_LEG_PROGRESS_STAGES/)
+  assert.match(progressSource, /从订单提交到派送完成/)
+  assert.match(progressSource, /item\.kind === 'CUSTOM_NODE'/)
+  assert.match(progressSource, /业务节点/)
+  assert.match(progressSource, /暂无进度记录/)
+  assert.doesNotMatch(progressSource, /客户确认|差异处理中|派送中/)
+})
+
+test('uses only fields present on C02 rows before loading full detail', () => {
+  assert.match(source, /getOrderCargoSummary/)
+  assert.match(source, /目的地 \/ 渠道/)
+  assert.match(source, /运输方式待更新|渠道待更新/)
+  assert.doesNotMatch(source, /key: 'operator'/)
+  assert.doesNotMatch(source, /key: 'transportMode', type: 'select'/)
+  assert.match(source, /store\.draftLoadError/)
+  assert.match(source, /mainStatus: statusValue && statusValue !== 'DRAFT' \? statusValue : undefined/)
+  assert.match(source, /draftOnly: statusValue === 'DRAFT'/)
+  assert.match(source, /createdFrom: range\[0\] \? `\$\{range\[0\]\}T00:00:00`/)
+})
+
+test('keeps the seven-stage progress and business summary usable on mobile', () => {
+  assert.match(progressSource, /grid-template-columns: repeat\(7, 82px\)/)
+  assert.match(progressSource, /overflow-x: auto/)
+  assert.match(source, /\.fulfillment-summary \{ grid-template-columns: 1fr; \}/)
+})
+
 test('keeps the first viewport compact and moves create into the table toolbar', () => {
   assert.match(source, /class="order-table-toolbar"/)
   assert.match(source, /<strong>订单列表<\/strong><span>共 \{\{ filteredOrders\.length \}\} 条<\/span>/)