优化

src/modules/container-loading/pages/ContainersView.test.ts

@@ -187,10 +187,11 @@ describe('ContainersView', () => {
     expect(source).not.toContain('@reset=')
   })
 
-  it('uses centered dialogs for container detail, create and edit operations', () => {
+  it('opens container detail as an independent route while keeping create and edit dialogs', () => {
     const source = readFileSync(resolve(process.cwd(), 'src/modules/container-loading/pages/ContainersView.vue'), 'utf8')
-    expect(source).toContain('<AppDialog v-model="detailOpen" class="container-detail-dialog"')
-    expect(source).toContain('width="min(820px, calc(100vw - 28px))"')
+    expect(source).toContain("router.push({ name: 'container-detail', params: { containerId: row.id } })")
+    expect(source).toContain("query: { action: command }")
+    expect(source).not.toContain('<AppDialog v-model="detailOpen"')
     expect(source).toContain('<AppDialog v-model="editorOpen" class="container-editor-dialog"')
     expect(source).toContain('max-height: 90vh')
     expect(source).toContain('overflow-y: auto')
@@ -199,6 +200,20 @@ describe('ContainersView', () => {
     expect(source).not.toContain('<AppDrawer v-model="editorOpen"')
   })
 
+  it('registers a list-authorized independent container detail page', () => {
+    const routes = readFileSync(resolve(process.cwd(), 'src/modules/container-loading/routes.ts'), 'utf8')
+    const detail = readFileSync(resolve(process.cwd(), 'src/modules/container-loading/pages/ContainerDetailView.vue'), 'utf8')
+    expect(routes).toContain("path: 'container-loading/:containerId'")
+    expect(routes).toContain("name: 'container-detail'")
+    expect(routes).toContain("permission: 'platform:firstleg:container:list'")
+    expect(detail).toContain('getContainer(containerId.value)')
+    expect(detail).toContain('getContainerOverview(containerId.value)')
+    expect(detail).toContain('<ContainerOverviewPanel')
+    expect(detail).toContain("@upload-document=\"openDocument\"")
+    expect(detail).toContain("@manage-exception=\"openException\"")
+    expect(detail).toContain("@preview-photo=\"previewPhoto\"")
+  })
+
   it('keeps the prototype field sequence ahead of contract-only supplemental fields', () => {
     const source = readFileSync(resolve(process.cwd(), 'src/modules/container-loading/pages/ContainersView.vue'), 'utf8')
     const labels = ['集装箱号', '柜次号', '装柜仓库', '提单号', '船名', '航次', '箱型（货柜类型）', '船公司', '起运港', '目的港', '目的仓', '货柜容量（m³）']
@@ -271,8 +286,9 @@ describe('ContainersView trucking supplier contract', () => {
       previous = current
     }
     expect(source).toContain("MISSING: '未上传', UPLOADED: '已上传', COMPLETED: '已完成'")
-    expect(source).toContain("detail.planNo || '—'")
-    expect(source).toContain("detail.exceptionActive ? '异常' : '正常'")
+    const detail = readFileSync(resolve(process.cwd(), 'src/modules/container-loading/pages/ContainerDetailView.vue'), 'utf8')
+    expect(detail).toContain("detail.planNo || '—'")
+    expect(detail).toContain("detail.exceptionActive ? '异常' : '正常'")
   })
 
   it('uses active TRUCKING suppliers without allowing free-text carrier names', () => {