订单列表

@@ -55,7 +55,16 @@
       </div>
     </div>
     <!-- 操作 -->
-    <detail-footer />
+    <detail-footer>
+      <template #tip="{orderDetail, statusDetail}">
+        <div v-if="statusDetail.status === 0">
+          <p class="real-pay-price">
+            ¥{{ orderDetail.priceInfo.realPayPrice }}
+          </p>
+          <p>实付金额</p>
+        </div>
+      </template>
+    </detail-footer>
   </div>
 </template>
 
@@ -181,18 +190,9 @@ export default {
     margin-right: 12px;
   }
 
-  .actions {
-    display: flex;
-    justify-content: flex-end;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    height: 120px;
-    background: #fff;
-    box-shadow: inset 0 1px 0 0 #eee;
-    padding: 20px;
-    z-index: 10;
+  .real-pay-price {
+    font-size: 28px;
+    color: #d0021b;
   }
 }
 </style>
\ No newline at end of file

@@ -37,6 +37,7 @@ export default {
 
   .mobile {
     font: 28px;
+    font-weight: bold;
   }
 
   .address-icon {

@@ -26,16 +26,20 @@
       <!-- 价格信息 -->
       <div class="price-info item-wrapper">
         <p>
-          <span class="label">商品金额:</span>
-          <span>¥{{ priceInfo.goodPrice }}</span>
+          <span class="label">平台费用:</span>
+          <span>{{ orderDetail.platformFee.amount }}</span>
         </p>
         <p class="delivery-fee">
-          <span class="label">运费:</span>
-          <span>¥{{ priceInfo.feePrice }}</span>
+          <span class="label"
+            >银行转账费({{
+              parseInt(orderDetail.platformFee.payChannelPercentage)
+            }}%):</span
+          >
+          <span>{{ orderDetail.bankTransferFee }}</span>
         </p>
         <p>
-          <span class="label">实际金额:</span>
-          <span class="pay-price">¥{{ priceInfo.realPayPrice }}</span>
+          <span class="label">实际收入:</span>
+          <span class="pay-price">{{ orderDetail.income }}</span>
         </p>
       </div>
       <!-- 交易信息 -->