新增财务仪表盘并统一金额到角

frontend/src/features/seller/views/SellerListingCreateView.vue

@@ -10,6 +10,7 @@ import { ElMessage, ElMessageBox } from 'element-plus'
 import { computed, ref } from 'vue'
 
 import { usePublishForm } from '@/features/seller/composables/usePublishForm'
+import { formatMoney } from '@/shared/utils/money'
 import type { AgreementContent } from '@/features/listings/api/listingOptions'
 import OptionChips from './components/OptionChips.vue'
 import PublishSection from './components/PublishSection.vue'
@@ -489,13 +490,13 @@ function selectDailyLoss(value: string | number) {
                   :placeholder="priceConfig.deposit_placeholder"
                 />
                 <button class="recommend-button" type="button" @click="useRecommendedDeposit">
-                  使用推荐 ¥{{ recommendedDepositAmount }}
+                  使用推荐 ¥{{ formatMoney(recommendedDepositAmount) }}
                 </button>
               </div>
               <div class="deposit-breakdown">
                 <span v-for="item in depositBreakdownItems" :key="`${item.label}-${item.count}`">
                   {{ item.label }}<template v-if="item.count > 1"> x{{ item.count }}</template> ¥{{
-                    item.amount
+                    formatMoney(item.amount)
                   }}
                 </span>
               </div>
@@ -579,15 +580,15 @@ function selectDailyLoss(value: string | number) {
             </div>
             <div class="price-cell">
               <span>纯币基础价</span>
-              <strong>{{ calculatedCoinBasePrice ? `¥${calculatedCoinBasePrice}` : '--' }}</strong>
+              <strong>{{ calculatedCoinBasePrice ? `¥${formatMoney(calculatedCoinBasePrice)}` : '--' }}</strong>
             </div>
             <div class="price-cell">
               <span>额外消耗品</span>
-              <strong>¥{{ calculatedConsumablePrice }}</strong>
+              <strong>¥{{ formatMoney(calculatedConsumablePrice) }}</strong>
             </div>
             <div class="price-cell accent">
               <span>发布价格</span>
-              <strong>{{ calculatedSellerPrice ? `¥${calculatedSellerPrice}` : '--' }}</strong>
+              <strong>{{ calculatedSellerPrice ? `¥${formatMoney(calculatedSellerPrice)}` : '--' }}</strong>
             </div>
           </div>
 
@@ -607,21 +608,21 @@ function selectDailyLoss(value: string | number) {
         <div class="summary-panel">
           <div class="summary-main">
             <span>卖家发布价格</span>
-            <strong>{{ calculatedSellerPrice ? `¥${calculatedSellerPrice}` : '--' }}</strong>
+            <strong>{{ calculatedSellerPrice ? `¥${formatMoney(calculatedSellerPrice)}` : '--' }}</strong>
           </div>
           <div class="summary-breakdown">
             <div class="summary-breakdown-title">价格明细</div>
             <div>
               <span>纯币价格</span>
-              <strong>{{ calculatedCoinBasePrice ? `¥${calculatedCoinBasePrice}` : '--' }}</strong>
+              <strong>{{ calculatedCoinBasePrice ? `¥${formatMoney(calculatedCoinBasePrice)}` : '--' }}</strong>
             </div>
             <div>
               <span>额外物品价格</span>
-              <strong>¥{{ calculatedConsumablePrice }}</strong>
+              <strong>¥{{ formatMoney(calculatedConsumablePrice) }}</strong>
             </div>
             <div>
               <span>押金价格</span>
-              <strong>{{ form.deposit_amount === '' ? '--' : `¥${form.deposit_amount}` }}</strong>
+              <strong>{{ form.deposit_amount === '' ? '--' : `¥${formatMoney(Number(form.deposit_amount))}` }}</strong>
             </div>
           </div>
           <div class="summary-list">