优化

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

@@ -86,7 +86,7 @@ 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).not.toContain('platform:firstleg:truck-appointment:view')
     expect(source).toContain("access.can('platform:firstleg:truck-appointment:edit') && ['DRAFT', 'PENDING_DISPATCH', 'RESCHEDULED'].includes(row.status)")
     expect(source).toContain('<Eye :size="15" />详情')
     expect(source).toContain('<Pencil :size="15" />编辑')
@@ -106,11 +106,11 @@ describe('TruckAppointmentsView', () => {
     expect(wrapper.find('button[aria-label="编辑 TA-9001"]').exists()).toBe(false)
   })
 
-  it('hides the detail action when the account lacks the backend view permission', async () => {
+  it('shows the detail action with the list 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)
+    expect(wrapper.find('button[aria-label="查看 TA-9001"]').exists()).toBe(true)
   })
 
   it('prioritizes outbound business fields and keeps finance amounts out of the list', () => {

src/modules/trucking/pages/TruckAppointmentsView.vue

@@ -65,7 +65,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 v-if="access.can('platform:firstleg:truck-appointment:view')" size="small" type="primary" plain :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') && ['DRAFT', 'PENDING_DISPATCH', 'RESCHEDULED'].includes(row.status)" size="small" :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 size="small" type="primary" plain :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') && ['DRAFT', 'PENDING_DISPATCH', 'RESCHEDULED'].includes(row.status)" size="small" :aria-label="appointmentActionLabel('编辑', row as TruckAppointmentResource)" @click="openDetail(row as TruckAppointmentResource, true)"><Pencil :size="15" />编辑</el-button></div></template>
     </DataTable>
       </section>
     </ListPageLayout>

src/modules/trucking/routes.ts

@@ -18,6 +18,6 @@ export const truckingRoutes = [
     name: 'trucking-detail',
     component: () => import('./pages/TruckAppointmentDetailView.vue'),
     props: true,
-    meta: { title: '拖车预约详情', description: '查看和编辑拖车预约', permission: 'platform:firstleg:truck-appointment:view' },
+    meta: { title: '拖车预约详情', description: '查看和编辑拖车预约', permission: 'platform:firstleg:truck-appointment:list' },
   },
 ] satisfies RouteRecordRaw[]