贯通商品编号全流程

frontend/src/features/listings/views/MobileListingDetailView.vue

@@ -15,6 +15,7 @@ import { formatMoney } from '@/shared/utils/money'
 import {
   assetRegions,
   formatHafCoinM,
+  formatListingCode,
   formatRatio,
   getCoinWan,
   getDailyLoss,
@@ -257,6 +258,16 @@ function readError(error: unknown, fallback: string) {
   }
   return fallback
 }
+
+async function copyListingCode() {
+  if (!listing.value) return
+  try {
+    await navigator.clipboard.writeText(formatListingCode(listing.value))
+    showToast({ message: '商品编号已复制', icon: 'passed' })
+  } catch {
+    showToast({ message: '复制失败', icon: 'cross' })
+  }
+}
 </script>
 
 <template>
@@ -309,6 +320,9 @@ function readError(error: unknown, fallback: string) {
           </van-tag>
           <van-tag v-if="listing.rank_level" plain size="medium">{{ listing.rank_level }}</van-tag>
         </div>
+        <button class="mobile-code-chip" type="button" @click="copyListingCode">
+          编号 {{ formatListingCode(listing) }}
+        </button>
         <h2 class="detail-title">{{ getListingTitle(listing) }}</h2>
         <p class="detail-desc">{{ getListingSubtitle(listing) }}</p>
       </div>
@@ -601,6 +615,17 @@ function readError(error: unknown, fallback: string) {
   margin-bottom: 8px;
 }
 
+.mobile-code-chip {
+  margin-bottom: 8px;
+  padding: 4px 9px;
+  border: 1px solid #dbeafe;
+  border-radius: 999px;
+  background: #eff6ff;
+  color: #2563eb;
+  font-size: 12px;
+  font-weight: 800;
+}
+
 .detail-title {
   margin: 0 0 6px;
   font-size: 20px;