贯通商品编号全流程

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

@@ -13,6 +13,7 @@ import {
 } from '@/features/listings'
 import {
   assetRegions,
+  formatListingCode,
   formatHafCoinM,
   getCoinWan,
   getListingConsumablePrice,
@@ -483,6 +484,9 @@ function riskTagType(level: RiskLevel) {
 
 function reviewSearchText(row: Listing) {
   return [
+    row.listing_no,
+    row.id,
+    row.account_id,
     row.title,
     row.owner_phone,
     row.owner_nickname,
@@ -606,7 +610,7 @@ function readError(error: unknown, fallback: string) {
             v-model="filters.keyword"
             :prefix-icon="Search"
             clearable
-            placeholder="搜索标题、客服、段位、皮肤"
+            placeholder="搜索编号、标题、客服、段位、皮肤"
           />
           <el-select v-model="filters.risk" placeholder="风险筛选">
             <el-option label="全部待审" value="all" />
@@ -626,7 +630,10 @@ function readError(error: unknown, fallback: string) {
             @click="selectListing(item)"
           >
             <div class="queue-title-row">
-              <strong>{{ item.title }}</strong>
+              <div>
+                <span class="queue-code">编号 {{ formatListingCode(item) }}</span>
+                <strong>{{ item.title }}</strong>
+              </div>
               <span>{{ formatHafCoinM(getCoinWan(item)) }}</span>
             </div>
             <div class="queue-meta">
@@ -656,7 +663,7 @@ function readError(error: unknown, fallback: string) {
         <section class="review-hero-panel">
           <div class="hero-title">
             <div>
-              <p>商品 #{{ selectedListing.id }}</p>
+              <p>商品编号 {{ formatListingCode(selectedListing) }}</p>
               <h2>{{ selectedListing.title }}</h2>
             </div>
             <div class="hero-actions">
@@ -1154,6 +1161,7 @@ function readError(error: unknown, fallback: string) {
 }
 
 .queue-title-row strong {
+  display: block;
   min-width: 0;
   color: #1b2559;
   font-size: 14px;
@@ -1167,6 +1175,15 @@ function readError(error: unknown, fallback: string) {
   font-weight: 800;
 }
 
+.queue-title-row .queue-code {
+  display: inline-flex;
+  margin-bottom: 4px;
+  padding: 2px 7px;
+  border-radius: 999px;
+  background: #eff6ff;
+  font-size: 12px;
+}
+
 .queue-meta,
 .risk-strip,
 .skin-list,