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

src/views/live/liveOrder/liveOrderDetails.vue

@@ -188,27 +188,32 @@
         <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.discountMoney!=null">{{item.discountMoney}}</span></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 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>