feat: edit collaboration remarks across order loading

src/modules/loading-lists/components/LoadingListDetailDrawer.vue

@@ -24,7 +24,7 @@ const props = defineProps<{
   confirmSaving?: boolean
 }>()
 
-const emit = defineEmits<{ back: []; retry: []; edit: []; editWarehouseRemark: [item: LoadingItem]; confirmPreload: [] }>()
+const emit = defineEmits<{ back: []; retry: []; edit: []; editRemarks: [item: LoadingItem]; confirmPreload: [] }>()
 
 const actionColumn: DataTableColumn = { key: 'actions', label: '操作', fixed: 'left', width: 132, slotName: 'actions', hideable: false, movable: false }
 const baseItemColumns: DataTableColumn[] = [
@@ -54,6 +54,7 @@ const baseItemColumns: DataTableColumn[] = [
   { key: 'customerRemark', prop: 'customerRemark', label: '备注（客户）', minWidth: 190, slotName: 'customerRemark' },
   { key: 'internalRemark', prop: 'internalRemark', label: '备注（内部）', minWidth: 190, slotName: 'internalRemark' },
   { key: 'warehouseRemark', prop: 'warehouseRemark', label: '备注（仓库）', minWidth: 210, slotName: 'warehouseRemark' },
+  { key: 'customerServiceRemark', prop: 'customerServiceRemark', label: '备注（客服）', minWidth: 210, slotName: 'customerServiceRemark' },
   { key: 'frozenAt', label: '冻结时间', minWidth: 150, slotName: 'frozenAt' },
 ]
 
@@ -203,7 +204,7 @@ function formatNumber(value?: number | null, digits = 3) {
         >
           <template #toolbar-start><div class="detail-section__heading"><div><h2>装柜货物明细 <span>{{ detail.items.length }} 条</span></h2><p>仓库备注将随装柜完成资料下发海外仓</p></div></div></template>
           <template #actions="{ row }">
-            <el-button size="small" type="primary" plain :aria-label="`编辑 ${row.inboundCode || row.orderNo} 的仓库备注`" @click="emit('editWarehouseRemark', row as LoadingItem)"><Pencil :size="14" />编辑备注</el-button>
+            <el-button size="small" type="primary" plain :aria-label="`编辑 ${row.inboundCode || row.orderNo} 的备注`" @click="emit('editRemarks', row as LoadingItem)"><Pencil :size="14" />编辑备注</el-button>
           </template>
           <template #unitType="{ row }"><el-tag size="small" :type="row.unitType === 'SEALED_PALLET' ? 'success' : 'info'">{{ row.unitType === 'SEALED_PALLET' ? '封托托盘' : '箱件' }}</el-tag><small v-if="row.indivisible">整托不可拆</small></template>
           <template #grossWeight="{ row }">{{ formatNumber(row.grossWeightKg) }}</template>
@@ -214,6 +215,7 @@ function formatNumber(value?: number | null, digits = 3) {
           <template #customerRemark="{ row }"><div class="remark-cell"><span>{{ row.customerRemark || '—' }}</span><small>来源：客户下单</small></div></template>
           <template #internalRemark="{ row }"><div class="remark-cell"><span>{{ row.internalRemark || '—' }}</span><small>来源：订单内部备注</small></div></template>
           <template #warehouseRemark="{ row }"><div class="remark-cell"><span>{{ row.warehouseRemark || '—' }}</span><small>{{ mode === 'preload' ? '由仓库维护' : '装柜完成时冻结' }}</small></div></template>
+          <template #customerServiceRemark="{ row }"><div class="remark-cell"><span>{{ row.customerServiceRemark || '—' }}</span><small>{{ mode === 'preload' ? '由客服维护' : '装柜完成时冻结' }}</small></div></template>
           <template #frozenAt="{ row }">{{ formatDateTime(row.frozenAt) }}</template>
         </DataTable>
       </section>

src/modules/loading-lists/components/LoadingListsView.test.ts

@@ -169,6 +169,7 @@ describe('LoadingListsView', () => {
       'customerRemark',
       'internalRemark',
       'warehouseRemark',
+      'customerServiceRemark',
     ]
     let previous = detailSource.indexOf("key: 'customerName'")
     for (const field of fields) {
@@ -180,14 +181,14 @@ describe('LoadingListsView', () => {
     expect(detailSource).not.toContain("label: '退税资料'")
   })
 
-  it('keeps customer and internal remarks read-only while exposing per-item warehouse remark editing', () => {
+  it('keeps customer remarks read-only while exposing three editable collaboration remarks', () => {
     expect(detailSource).toContain('来源：客户下单')
     expect(detailSource).toContain('来源：订单内部备注')
     expect(detailSource).toContain('仓库备注将随装柜完成资料下发海外仓')
-    expect(detailSource).toContain("emit('editWarehouseRemark', row as LoadingItem)")
+    expect(detailSource).toContain("emit('editRemarks', row as LoadingItem)")
     expect(detailSource).toContain("props.mode === 'preload' && props.canEdit && ['EDITING', 'LOADING'].includes(summary.value?.status || '')")
     expect(detailSource).not.toContain("emit('editCustomerRemark'")
-    expect(detailSource).not.toContain("emit('editInternalRemark'")
+    expect(detailSource).toContain("key: 'customerServiceRemark'")
   })
 
   it('uses one white detail surface, a readable four-column summary and dense item table', () => {