展示展厅讲解对象编号

- 接入目录分页接口返回的 externalCode 字段
- 在讲解对象标题下方统一展示编号
- 保留空编号对象的原有布局并补充回归测试

Made-with: Proma

tests/unit/BackendExplainContentProvider.spec.ts

@@ -26,7 +26,7 @@ describe('BackendExplainContentProvider hall stop paging', () => {
         data: {
           total: 30,
           list: pageNo === '1'
-            ? [{ stopId: 'stop-1', name: '对象一', imageStatus: 'READY', coverImageUrl: '/one.jpg', outlineId: 'outline-1', linkedExhibits: [] }]
+            ? [{ stopId: 'stop-1', name: '对象一', externalCode: '0231', imageStatus: 'READY', coverImageUrl: '/one.jpg', outlineId: 'outline-1', linkedExhibits: [] }]
             : [{ stopId: 'stop-2', name: '对象二', imageStatus: 'MISSING', outlineId: 'outline-1', linkedExhibits: [] }]
         }
       }
@@ -38,7 +38,7 @@ describe('BackendExplainContentProvider hall stop paging', () => {
     ])
 
     expect(first).toMatchObject({ total: 30, pageNo: 1, pageSize: 20, hasMore: true })
-    expect(first.items[0]).toMatchObject({ id: 'stop-1', stopId: 'stop-1', hallName: '恐龙厅', outlineId: 'outline-1' })
+    expect(first.items[0]).toMatchObject({ id: 'stop-1', stopId: 'stop-1', externalCode: '0231', hallName: '恐龙厅', outlineId: 'outline-1' })
     expect(second.items.map((item) => item.id)).toEqual(['stop-2'])
     expect(requests.filter((url) => url.includes('/stops/page'))).toHaveLength(2)
     expect(requests.some((url) => url.includes('/outlines'))).toBe(false)

tests/unit/ExplainGuideStopCatalog.spec.ts

@@ -5,7 +5,7 @@ import { describe, expect, it } from 'vitest'
 import ExplainGuideStopCatalog from '@/components/explain/ExplainGuideStopCatalog.vue'
 
 const stops = [
-  { id: 'ready', name: '一个很长很长很长很长很长的讲解对象名称', coverImageUrl: '/cover.jpg', audioStatus: 'READY', hasAudio: true, hasTextRecord: true },
+  { id: 'ready', name: '一个很长很长很长很长很长的讲解对象名称', externalCode: '0231', coverImageUrl: '/cover.jpg', audioStatus: 'READY', hasAudio: true, hasTextRecord: true },
   { id: 'text', name: '图文对象', hasTextRecord: true },
   { id: 'none', name: '无内容对象' }
 ]
@@ -22,6 +22,8 @@ describe('ExplainGuideStopCatalog', () => {
     expect(wrapper.findAll('.stop-status')).toHaveLength(3)
     expect(wrapper.text()).toContain('讲解')
     expect(wrapper.text()).toContain('图文')
+    expect(wrapper.get('.stop-code').text()).toBe('编号：0231')
+    expect(wrapper.findAll('.stop-code')).toHaveLength(1)
     expect(wrapper.text()).not.toContain('暂无内容')
     expect(wrapper.find('.hall-arrow').exists()).toBe(false)
     expect(wrapper.find('.stop-name').classes()).toContain('stop-name')