Просмотр исходного кода

直播订单详情页面增加费用信息

zyy 1 неделя назад
Родитель
Сommit
2d1d2bde0b
1 измененных файлов с 18 добавлено и 0 удалено
  1. 18 0
      src/views/live/liveOrder/liveOrderDetails.vue

+ 18 - 0
src/views/live/liveOrder/liveOrderDetails.vue

@@ -194,6 +194,21 @@
         <el-descriptions-item label="代收金额" >  <span v-if="item!=null">{{item.payRemain}}</span>  </el-descriptions-item>
         <el-descriptions-item label="服务费" >  <span v-if="item!=null">{{0.00}}</span>  </el-descriptions-item>
       </el-descriptions>
+      <div v-if="item" style="clear: both; margin: 10px 20px; text-align: right; font-size: 15px; color: #606266;">
+        费用信息:应付金额 ¥{{ fmt(item.totalPrice) }}
+        +
+        运费 ¥{{ fmt(item.payDelivery) }}
+        +
+        服务费 ¥{{ fmt(0) }}
+        -
+        优惠券 ¥{{ fmt(item.discountMoney) }}
+        -
+        积分抵扣 ¥{{ fmt(item.payIntegral) }}
+        =
+        <span class="color-danger">实付金额 ¥{{ fmt(item.payMoney) }}</span>
+        +
+        代收金额 ¥{{ fmt(item.payRemain) }}
+      </div>
       <div style="float: right;margin: 20px" v-if="item.totalPrice!=null">
         合计:<span class="color-danger">¥{{item.totalPrice.toFixed(2)}}</span>
       </div>
@@ -622,6 +637,9 @@ export default {
         this.item.userAddress = response.address;
       })
     },
+    fmt(val) {
+      return val != null ? Number(val).toFixed(2) : '0.00'
+    },
     editDelivery(){
       this.editDy.open = true;
       this.editDyForm.orderId = this.item.orderId;