Kaynağa Gözat

feat: 结算记录列表增加核心数据字段展示

新增跨店收入、跨店支出、平台费、提现手续费、期末余额字段,
布局从 2×2 改为 3×3 网格,展示完整的结算核心数据。

Co-Authored-By: Claude <noreply@anthropic.com>
skyline 1 ay önce
ebeveyn
işleme
11a5bc7191
1 değiştirilmiş dosya ile 25 ekleme ve 5 silme
  1. 25 5
      admin-h5/src/pages/finance/settlement.vue

+ 25 - 5
admin-h5/src/pages/finance/settlement.vue

@@ -52,10 +52,6 @@
               <text class="info-label">期初余额</text>
               <text class="info-value">{{ formatAmount(item.openingPendingBalance) }}</text>
             </view>
-            <view class="info-item">
-              <text class="info-label">结算金额</text>
-              <text class="info-value highlight">{{ formatAmount(item.settlementAmount) }}</text>
-            </view>
             <view class="info-item">
               <text class="info-label">总充值</text>
               <text class="info-value">{{ formatAmount(item.totalRecharge) }}</text>
@@ -64,6 +60,30 @@
               <text class="info-label">总退款</text>
               <text class="info-value">{{ formatAmount(item.totalRefund) }}</text>
             </view>
+            <view class="info-item">
+              <text class="info-label">跨店收入</text>
+              <text class="info-value">{{ formatAmount(item.totalCrossIncome) }}</text>
+            </view>
+            <view class="info-item">
+              <text class="info-label">跨店支出</text>
+              <text class="info-value">{{ formatAmount(item.totalCrossExpend) }}</text>
+            </view>
+            <view class="info-item">
+              <text class="info-label">平台费</text>
+              <text class="info-value">{{ formatAmount(item.platformFee) }}</text>
+            </view>
+            <view class="info-item">
+              <text class="info-label">提现手续费</text>
+              <text class="info-value">{{ formatAmount(item.withdrawalFee) }}</text>
+            </view>
+            <view class="info-item">
+              <text class="info-label">结算金额</text>
+              <text class="info-value highlight">{{ formatAmount(item.settlementAmount) }}</text>
+            </view>
+            <view class="info-item">
+              <text class="info-label">期末余额</text>
+              <text class="info-value">{{ formatAmount(item.closingPendingBalance) }}</text>
+            </view>
           </view>
           <view class="item-time">
             <text class="time-text">创建: {{ formatTime(item.createTime) }}</text>
@@ -410,7 +430,7 @@ onMounted(async () => {
 }
 .info-grid {
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(3, 1fr);
   gap: 12rpx;
 }
 .info-item {