贯通商品编号全流程

frontend/src/features/orders/views/OrderDetailView.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ElMessage } from 'element-plus'
-import { ChatDotRound, Loading } from '@element-plus/icons-vue'
+import { ChatDotRound, CopyDocument, Loading } from '@element-plus/icons-vue'
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import QRCode from 'qrcode'
@@ -27,6 +27,7 @@ import {
 import { useSessionStore } from '@/stores/session'
 import { handoffStatusLabel, orderStatusLabel } from '@/utils/statusLabels'
 import { formatDateTime } from '@/utils/time'
+import { formatListingNo } from '@/utils/listingDisplay'
 
 const route = useRoute()
 const router = useRouter()
@@ -48,6 +49,10 @@ const handoffRecords = ref<HandoffRecord[]>([])
 const handoffContent = ref('')
 const paymentDialogVisible = ref(false)
 const activePayment = ref<PaymentOrder | null>(null)
+
+const listingCode = computed(() =>
+  order.value ? formatListingNo(order.value.listing_no, order.value.listing_id) : '-'
+)
 const paymentQRCodeURL = ref('')
 const qrGenerating = ref(false)
 const checkingPayment = ref(false)
@@ -675,6 +680,16 @@ function formatHandoffRecordType(type: string) {
   }
   return typeMap[type] || type
 }
+
+async function copyListingCode() {
+  if (!order.value) return
+  try {
+    await navigator.clipboard.writeText(listingCode.value)
+    ElMessage.success('商品编号已复制')
+  } catch {
+    ElMessage.error('复制失败')
+  }
+}
 </script>
 
 <template>
@@ -685,6 +700,9 @@ function formatHandoffRecordType(type: string) {
           <p class="eyebrow">订单号：{{ order.order_no }}</p>
           <h1>{{ order.title }}</h1>
           <p class="order-meta">{{ order.server_region }} / {{ order.login_platform }}</p>
+          <el-button size="small" plain :icon="CopyDocument" @click="copyListingCode">
+            商品编号 {{ listingCode }}
+          </el-button>
         </div>
         <el-button type="primary" :loading="openingChat" @click="openOrderChat">
           <el-icon style="margin-right: 4px"><ChatDotRound /></el-icon>
@@ -793,6 +811,7 @@ function formatHandoffRecordType(type: string) {
         <div v-if="order" class="timeline-section">
           <div class="section-header">
             <h2>交接记录</h2>
+            <span>商品编号 {{ listingCode }}</span>
           </div>
           <el-empty v-if="handoffRecords.length === 0" description="暂无交接记录" />
           <el-timeline v-else>