style(admin): unify dialog layouts and dense readonly presentation

src/modules/overseas-warehouse/pages/RelabelOrdersView.test.ts

@@ -50,9 +50,11 @@ describe('RelabelOrdersView', () => {
     expect(wrapper.text()).toContain('SKU-A,SKU-B')
     await wrapper.findAll('button').find(button => button.text().trim() === '审核')!.trigger('click')
     await flushPromises()
-    expect(formItem(wrapper, '商品SKU').findComponent({ name: 'ElInput' }).props('modelValue')).toBe('SKU-A、SKU-B')
-    expect(formItem(wrapper, '新SKU').findComponent({ name: 'ElInput' }).props('modelValue')).toBe('NEW-A × 10 件；NEW-B × 5 件')
-    expect(formItem(wrapper, '箱数').findComponent({ name: 'ElInputNumber' }).props('modelValue')).toBe(1)
+    const facts = wrapper.get('[aria-label="换标审核原始资料"]')
+    expect(facts.findAll('input, textarea')).toHaveLength(0)
+    expect(facts.text()).toContain('SKU-A、SKU-B')
+    expect(facts.text()).toContain('NEW-A × 10 件；NEW-B × 5 件')
+    expect(facts.findAll('tr').find(row => row.text().startsWith('箱数'))!.get('td').text()).toBe('1')
   })
   it('renders product names and labeling requirements supplied by the list projection', async () => {
     vi.mocked(listRelabelOrders).mockResolvedValueOnce({ records: [{ id: '1', relabelNo: 'RL-1', productNameZh: '商品甲、商品乙', labelRequirement: '贴标要求111', status: 'PENDING_PROCESSING' }], page: 1, size: 10, total: 1, pages: 1 })
@@ -79,7 +81,7 @@ describe('RelabelOrdersView', () => {
     await wrapper.findAll('button').find((button) => button.text().includes('新增换标单'))!.trigger('click')
     await flushPromises()
 
-    const customer = select(wrapper, '请选择 ACTIVE 客户')
+    const customer = select(wrapper, '请选择客户')
     customer.vm.$emit('update:modelValue', '10001'); customer.vm.$emit('change', '10001')
     await flushPromises()
 
@@ -96,10 +98,10 @@ describe('RelabelOrdersView', () => {
     await wrapper.findAll('button').find((button) => button.text().includes('新增换标单'))!.trigger('click')
     await flushPromises()
 
-    const customer = select(wrapper, '请选择 ACTIVE 客户')
+    const customer = select(wrapper, '请选择客户')
     customer.vm.$emit('update:modelValue', '10001'); customer.vm.$emit('change', '10001')
     await flushPromises()
-    const warehouse = select(wrapper, '请选择 ACTIVE+RECEIVING 海外仓')
+    const warehouse = select(wrapper, '请选择公共海外收货仓')
     warehouse.vm.$emit('update:modelValue', 'WH-1')
     formItem(wrapper, '关联订单').findComponent({ name: 'ElInput' }).vm.$emit('update:modelValue', 'CO-1')
     formItem(wrapper, '商品SKU').findComponent({ name: 'ElInput' }).vm.$emit('update:modelValue', 'SKU-1')
@@ -193,10 +195,11 @@ describe('RelabelOrdersView', () => {
     await flushPromises()
     await wrapper.findAll('button').find((button) => button.text().trim() === '审核')!.trigger('click')
     await flushPromises()
-    expect(formItem(wrapper, '商品SKU').findComponent({ name: 'ElInput' }).props('modelValue')).toBe('SKU-NEW')
-    expect(formItem(wrapper, '中文品名').findComponent({ name: 'ElInput' }).props('modelValue')).toBe('中文商品')
-    expect(formItem(wrapper, '货件号').findComponent({ name: 'ElInput' }).props('modelValue')).toBe('SHIP-9')
-    expect(formItem(wrapper, '新SKU').findComponent({ name: 'ElInput' }).props('modelValue')).toBe('NEW-SKU-9')
+    const facts = wrapper.get('[aria-label="换标审核原始资料"]')
+    expect(facts.text()).toContain('SKU-NEW')
+    expect(facts.text()).toContain('中文商品')
+    expect(facts.text()).toContain('SHIP-9')
+    expect(facts.text()).toContain('NEW-SKU-9')
   })
 
   it('passes the relabel order number search to the backend', async () => {