贯通商品编号全流程

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

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { CopyDocument } from '@element-plus/icons-vue'
 import { ElMessage } from 'element-plus'
 import { computed, onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
@@ -12,6 +13,7 @@ import {
 } from '@/features/listings'
 import { listingReviewStatusLabel, listingStatusLabel } from '@/utils/statusLabels'
 import { formatDateTime } from '@/utils/time'
+import { formatListingCode } from '@/utils/listingDisplay'
 
 const route = useRoute()
 const loading = ref(false)
@@ -41,6 +43,16 @@ async function loadListing() {
   }
 }
 
+async function copyListingCode() {
+  if (!listing.value) return
+  try {
+    await navigator.clipboard.writeText(formatListingCode(listing.value))
+    ElMessage.success('商品编号已复制')
+  } catch {
+    ElMessage.error('复制失败')
+  }
+}
+
 function openAction(type: 'offline' | 'abnormal') {
   actionType.value = type
   reason.value = ''
@@ -104,11 +116,12 @@ function readError(error: unknown, fallback: string) {
   <section class="page" v-loading="loading">
     <div v-if="listing" class="page-header-row">
       <div class="page-header">
-        <p class="eyebrow">Listing #{{ listing.id }}</p>
+        <p class="eyebrow">商品编号：{{ formatListingCode(listing) }}</p>
         <h1>商品详情</h1>
         <p>{{ listing.title }} · {{ listing.server_region }} / {{ listing.login_platform }}</p>
       </div>
       <div class="toolbar-actions">
+        <el-button :icon="CopyDocument" @click="copyListingCode">复制编号</el-button>
         <RouterLink to="/admin/listings">
           <el-button>返回列表</el-button>
         </RouterLink>
@@ -143,6 +156,7 @@ function readError(error: unknown, fallback: string) {
     <div v-if="listing" class="dashboard-panels">
       <div class="order-panel dashboard-panel">
         <h2>账号信息</h2>
+        <p>商品编号：{{ formatListingCode(listing) }}</p>
         <p>账号 ID：{{ listing.account_id }}</p>
         <p>游戏：{{ listing.game_name }}</p>
         <p>区服：{{ listing.server_region }}</p>