贯通商品编号全流程

frontend/src/features/admin/views/AdminOrderDetailView.vue

@@ -16,6 +16,7 @@ import {
 } from '@/features/orders'
 import { handoffStatusLabel, orderStatusLabel } from '@/utils/statusLabels'
 import { formatDateTime } from '@/utils/time'
+import { formatListingNo } from '@/utils/listingDisplay'
 
 const route = useRoute()
 const loading = ref(false)
@@ -25,6 +26,9 @@ const handoffRecords = ref<HandoffRecord[]>([])
 const actionType = ref<'close' | 'abnormal' | ''>('')
 const reason = ref('')
 const refundStatus = ref<RefundStatus | null>(null)
+const listingCode = computed(() =>
+  order.value ? formatListingNo(order.value.listing_no, order.value.listing_id) : '-'
+)
 const refunding = ref(false)
 
 const snapshotText = computed(() => JSON.stringify(order.value?.account_snapshot || {}, null, 2))
@@ -144,7 +148,10 @@ function formatHandoffRecordType(type: string) {
       <div class="page-header">
         <p class="eyebrow">{{ order.order_no }}</p>
         <h1>订单详情</h1>
-        <p>{{ order.title }} · {{ order.server_region }} / {{ order.login_platform }}</p>
+        <p>
+          商品编号 {{ listingCode }} · {{ order.title }} · {{ order.server_region }} /
+          {{ order.login_platform }}
+        </p>
       </div>
       <div class="toolbar-actions">
         <RouterLink to="/admin/orders">
@@ -200,6 +207,7 @@ function formatHandoffRecordType(type: string) {
     <div v-if="order" class="dashboard-panels">
       <div class="order-panel dashboard-panel">
         <h2>用户信息</h2>
+        <p>商品编号：{{ listingCode }}</p>
         <p>租客：{{ order.renter_phone || order.renter_id }}</p>
         <p>号主：{{ order.owner_phone || order.owner_id }}</p>
         <p>开始：{{ formatDateTime(orderRentedAt(), '未开始') }}</p>
@@ -230,7 +238,7 @@ function formatHandoffRecordType(type: string) {
     >
       <div v-if="order" class="dialog-body">
         <p>
-          <strong>{{ order.order_no }}</strong> · {{ order.title }}
+          <strong>{{ order.order_no }}</strong> · 商品编号 {{ listingCode }} · {{ order.title }}
         </p>
         <el-input
           v-model="reason"