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

src/views/live/liveOrder/liveOrderDetails.vue

@@ -159,6 +159,49 @@
       <div style="float: right;margin: 20px" v-if="item.totalPrice!=null">
         合计：<span class="color-danger">￥{{item.totalPrice.toFixed(2)}}</span>
       </div>
+
+      <div class="contentx" v-if="item!=null" style="padding-bottom: 70px;">
+        <div class="desct">
+          费用信息
+        </div>
+        <el-tooltip class="item" effect="dark" :content="showList ? '显示全部' : '隐藏'" placement="top" style="float: right;">
+          <el-button size="mini" circle icon="el-icon-search" @click="showListD()" />
+        </el-tooltip>
+        <el-descriptions :column="3" border  >
+          <el-descriptions-item label="商品合计"  ><span v-if="item!=null">{{item.totalPrice}}</span></el-descriptions-item>
+          <el-descriptions-item label="应付金额"><span v-if="item.totalPrice!=null">{{item.totalPrice}}</span></el-descriptions-item>
+          <el-descriptions-item label="运费"><span v-if="item.payDelivery!=null">{{item.payDelivery}}</span></el-descriptions-item>
+          <el-descriptions-item label="优惠券"  ><span v-if="item.discountMoney!=null"/>{{item.discountMoney}}</el-descriptions-item>
+          <el-descriptions-item label="积分抵扣" >  <span v-if="item!=null">{{item.payIntegral}}</span>  </el-descriptions-item>
+          <el-descriptions-item label="实付金额" >  <span v-if="item!=null">{{item.payMoney}}</span>  </el-descriptions-item>
+          <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-item label=""/>
+          <el-descriptions-item label="费用信息" :span="3">
+            <div style="text-align: left; font-size: 14px; 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>
+          </el-descriptions-item>
+        </el-descriptions>
+        <div style="float: right;margin: 20px" v-if="item.totalPrice!=null">
+          合计：<span class="color-danger">￥{{item.totalPrice.toFixed(2)}}</span>
+        </div>
+      </div>
+
     </div>
 
 
@@ -451,6 +494,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;