移动端增加租期 展示

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

@@ -43,6 +43,7 @@ import {
   getDailyLoss,
   getRatioValue,
   formatListingCode,
+  formatEstimatedRentalDuration,
   getLoginMethod,
   getServerRegion,
   assetRegions,
@@ -754,9 +755,21 @@ syncMobileHomeQuery()
                 <h2>{{ getListingTitle(item) }}</h2>
               </div>
               <div class="card-meta-row">
-                <div class="mobile-listing-no">编号 {{ formatListingCode(item) }}</div>
-                <div v-if="getDailyLoss(item)" class="daily-loss-badge">
-                  消耗 {{ getDailyLoss(item) }}/天
+                <div class="mobile-listing-no">{{ formatListingCode(item) }}</div>
+                <div
+                  v-if="getDailyLoss(item) || formatEstimatedRentalDuration(item) !== '--'"
+                  class="rental-meta-badge"
+                >
+                  <span v-if="getDailyLoss(item)">消耗 {{ getDailyLoss(item) }}/天</span>
+                  <span
+                    v-if="getDailyLoss(item) && formatEstimatedRentalDuration(item) !== '--'"
+                    class="meta-separator"
+                  >
+                    ·
+                  </span>
+                  <span v-if="formatEstimatedRentalDuration(item) !== '--'">
+                    租期 {{ formatEstimatedRentalDuration(item) }}
+                  </span>
                 </div>
               </div>
               <div class="card-action-row">