移动端增加租期 展示

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

@@ -17,6 +17,7 @@ import { formatCent, formatMoney } from '@/shared/utils/money'
 import {
   assetRegions,
   formatAssetNumber,
+  formatEstimatedRentalDuration,
   formatHafCoinM,
   formatListingCode,
   formatRatio,
@@ -108,6 +109,11 @@ const detailMetrics = computed(() => {
       value: dailyLoss ? `${dailyLoss}/天` : '--',
       tone: 'coin',
     },
+    {
+      label: '预计可租',
+      value: formatEstimatedRentalDuration(listing.value),
+      tone: 'coin',
+    },
     {
       label: '价格',
       value: `¥${formatMoney(getListingDisplayPrice(listing.value))}`,
@@ -269,7 +275,6 @@ function updateAgreementReadState(type: 'virtual' | 'renter') {
   }
 }
 
-
 async function copyListingCode() {
   if (!listing.value) return
   try {
@@ -295,7 +300,12 @@ function handleToggleFavorite() {
         <van-icon name="arrow-left" :size="20" />
       </button>
       <h1>账号详情</h1>
-      <button v-if="listing" class="favorite-header-btn" type="button" @click="handleToggleFavorite">
+      <button
+        v-if="listing"
+        class="favorite-header-btn"
+        type="button"
+        @click="handleToggleFavorite"
+      >
         <van-icon :name="listingFavorited ? 'star' : 'star-o'" :size="20" />
       </button>
     </header>
@@ -340,7 +350,7 @@ function handleToggleFavorite() {
           <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) }}
+          {{ formatListingCode(listing) }}
         </button>
         <button class="mobile-favorite-chip" type="button" @click="handleToggleFavorite">
           <van-icon :name="listingFavorited ? 'star' : 'star-o'" :size="15" />
@@ -697,7 +707,7 @@ function handleToggleFavorite() {
 /* ========== 资产指标 ========== */
 .metric-row {
   display: grid;
-  grid-template-columns: repeat(5, minmax(0, 1fr));
+  grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 8px;
   padding: 0 12px;
 }