优化

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

@@ -5,6 +5,7 @@ import { beforeEach, describe, expect, it, vi } from 'vitest'
 import TruckAppointmentsView from './TruckAppointmentsView.vue'
 import { listTruckAppointments } from '../api/platformTrucking'
 import type { TruckAppointmentResource } from '../types'
+import { useAuthStore } from '@/core/auth/auth'
 import { readFileSync } from 'node:fs'
 import { resolve } from 'node:path'
 
@@ -24,6 +25,10 @@ describe('TruckAppointmentsView', () => {
   beforeEach(() => {
     vi.mocked(listTruckAppointments).mockReset().mockResolvedValue({ records: [row], page: 1, size: 20, total: 1, pages: 1 })
     setActivePinia(createPinia())
+    useAuthStore().permissions = [
+      'platform:firstleg:truck-appointment:view',
+      'platform:firstleg:truck-appointment:edit',
+    ]
   })
 
   it('loads the real list and renders relationship snapshots', async () => {
@@ -58,6 +63,20 @@ describe('TruckAppointmentsView', () => {
     expect(source).toContain("appointmentActionLabel('编辑', row as TruckAppointmentResource)")
   })
 
+  it('does not expose a technical carrier id when the business name is unavailable', async () => {
+    vi.mocked(listTruckAppointments).mockResolvedValue({
+      records: [{ ...row, carrierName: '', carrierId: 'carrier-77' }],
+      page: 1,
+      size: 20,
+      total: 1,
+      pages: 1,
+    })
+    const wrapper = mount(TruckAppointmentsView, { global: { plugins: [ElementPlus] } })
+    await flushPromises()
+    expect(wrapper.text()).toContain('已关联承运商')
+    expect(wrapper.text()).not.toContain('carrier-77')
+  })
+
   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>')
@@ -67,8 +86,16 @@ describe('TruckAppointmentsView', () => {
   })
 
   it('shows the two frequent row actions directly without a more menu', () => {
+    expect(source).toContain("v-if=\"access.can('platform:firstleg:truck-appointment:view')\"")
     expect(source).toContain('<Eye :size="15" />详情')
     expect(source).toContain('<Pencil :size="15" />编辑')
     expect(source).not.toContain('MoreHorizontal')
   })
+
+  it('hides the detail action when the account lacks the backend view permission', async () => {
+    useAuthStore().permissions = ['platform:firstleg:truck-appointment:list']
+    const wrapper = mount(TruckAppointmentsView, { global: { plugins: [ElementPlus] } })
+    await flushPromises()
+    expect(wrapper.find('button[aria-label="查看 TA-9001"]').exists()).toBe(false)
+  })
 })

src/modules/trucking/pages/TruckAppointmentsView.vue

@@ -61,11 +61,11 @@ function openDetail(row: TruckAppointmentResource, edit = false) { router.push({
       <section v-if="!loadError" class="surface-panel table-panel" :aria-busy="loading">
     <DataTable v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="trucking-appointments" aria-label="拖车预约列表" empty-text="暂无符合筛选条件的拖车预约">
       <template #toolbar-actions><el-button v-if="access.can('platform:firstleg:truck-appointment:create')" type="primary" :disabled="loading" @click="router.push({ name: 'trucking-new' })"><Plus :size="16" />新增拖车</el-button></template>
-      <template #company="{ row }">{{ row.carrierName || row.carrierId || '—' }}</template>
+      <template #company="{ row }">{{ row.carrierName || (row.carrierId ? '已关联承运商' : '—') }}</template>
       <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="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>
+      <template #actions="{ row }"><div class="table-actions"><el-button v-if="access.can('platform:firstleg:truck-appointment:view')" 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>