feat(phase3): complete loading workbenches

src/modules/trucking/pages/TruckAppointmentsView.test.ts

@@ -36,6 +36,27 @@ describe('TruckAppointmentsView', () => {
     expect(wrapper.find('button[aria-label="查看 TA-9001"]').exists()).toBe(true)
   })
 
+  it('uses stable accessible labels when appointment identifiers are missing', async () => {
+    vi.mocked(listTruckAppointments).mockResolvedValue({
+      records: [
+        { ...row, id: '9002', appointmentNo: '' },
+        { ...row, id: undefined, appointmentNo: null } as unknown as TruckAppointmentResource,
+      ],
+      page: 1,
+      size: 20,
+      total: 2,
+      pages: 1,
+    })
+    const wrapper = mount(TruckAppointmentsView, { global: { plugins: [ElementPlus] } })
+    await flushPromises()
+
+    expect(wrapper.find('button[aria-label="查看 9002"]').exists()).toBe(true)
+    expect(wrapper.find('button[aria-label="查看拖车预约详情"]').exists()).toBe(true)
+    const labels = wrapper.findAll('button[aria-label]').map((button) => button.attributes('aria-label'))
+    expect(labels.every((label) => Boolean(label) && !/undefined|null/.test(label ?? ''))).toBe(true)
+    expect(source).toContain("appointmentActionLabel('编辑', row as TruckAppointmentResource)")
+  })
+
   it('uses the table toolbar for create and keeps a single empty state', () => {
     expect(source).toContain('<template #toolbar-actions>')
     expect(source).not.toContain('<template #toolbar-start>')
@@ -43,4 +64,10 @@ describe('TruckAppointmentsView', () => {
     expect(source).not.toContain('empty-hint')
     expect(source.match(/empty-text=/g)).toHaveLength(1)
   })
+
+  it('shows the two frequent row actions directly without a more menu', () => {
+    expect(source).toContain('<Eye :size="15" />详情')
+    expect(source).toContain('<Pencil :size="15" />编辑')
+    expect(source).not.toContain('MoreHorizontal')
+  })
 })

src/modules/trucking/pages/TruckAppointmentsView.vue

@@ -39,6 +39,12 @@ const columns: DataTableColumn[] = [
   { key: 'attachments', label: '附件', width: 90, formatter: (row: TruckAppointmentResource) => String(row.attachments?.length || 0) },
 ]
 function formatDateTime(value?: string | null) { return value ? value.replace('T', ' ').slice(0, 16) : '—' }
+function appointmentActionLabel(action: '查看' | '编辑', row: TruckAppointmentResource) {
+  const identifier = [row.appointmentNo, row.id]
+    .map((value) => String(value ?? '').trim())
+    .find(Boolean)
+  return identifier ? `${action} ${identifier}` : `${action}拖车预约详情`
+}
 function statusLabel(value: unknown) {
   return typeof value === 'string' && value in truckAppointmentStatusLabels
     ? truckAppointmentStatusLabels[value as TruckAppointmentStatus]
@@ -62,7 +68,7 @@ function openDetail(row: TruckAppointmentResource, edit = false) { router.push({
       <template #driver="{ row }">{{ row.driverName || '—' }}<small>{{ row.driverPhone || '—' }}</small></template>
       <template #store="{ row }">{{ row.storeName || '—' }}</template>
       <template #status="{ row }"><StatusBadge :status="statusLabel(row.status)" /></template>
-      <template #actions="{ row }"><div class="table-actions"><el-button link type="primary" :aria-label="`查看 ${row.appointmentNo || row.id}`" @click="openDetail(row as TruckAppointmentResource)"><Eye :size="15" />详情</el-button><el-button v-if="access.can('platform:firstleg:truck-appointment:edit')" link type="primary" :aria-label="`编辑 ${row.appointmentNo || row.id}`" @click="openDetail(row as TruckAppointmentResource, true)"><Pencil :size="15" />编辑</el-button></div></template>
+      <template #actions="{ row }"><div class="table-actions"><el-button link type="primary" :aria-label="appointmentActionLabel('查看', row as TruckAppointmentResource)" @click="openDetail(row as TruckAppointmentResource)"><Eye :size="15" />详情</el-button><el-button v-if="access.can('platform:firstleg:truck-appointment:edit')" link type="primary" :aria-label="appointmentActionLabel('编辑', row as TruckAppointmentResource)" @click="openDetail(row as TruckAppointmentResource, true)"><Pencil :size="15" />编辑</el-button></div></template>
     </DataTable>
       </section>
     </ListPageLayout>