直播订单展示支付信息

src/api/live/liveOrder.js

@@ -162,3 +162,11 @@ export function getOrderExpress(orderId){
     method: 'get'
   })
 }
+
+// 获取订单支付记录
+export function getOrderPayments(orderId){
+  return request({
+    url: '/live/liveOrder/payments/'+orderId,
+    method: 'get'
+  })
+}

src/views/live/liveOrder/liveOrderDetails.vue

@@ -197,6 +197,25 @@
 
     </div>
 
+    <div class="contentx" v-if="payments!=null" style="padding-bottom: 70px;">
+      <div class="desct">
+        支付信息
+      </div>
+    <el-table
+      border
+      :data="payments"
+      size="small"
+      style="width: 100%;margin-top: 20px" >
+      <el-table-column label="支付单号" align="center" prop="payCode" width="120px" />
+      <el-table-column label="支付金额" align="center" prop="payMoney" />
+      <el-table-column label="类型" align="center" prop="payTypeCode" />
+      <el-table-column label="交易单号" align="center" prop="bankTransactionId" />
+      <el-table-column label="银行单号" align="center" prop="bankSerialNo" />
+      <el-table-column label="创建时间" align="center" prop="createTime" />
+      <el-table-column label="支付时间" align="center" prop="payTime" />
+    </el-table>
+    </div>
+
 
     <el-dialog :title="edit.title" :visible.sync="edit.open" width="600px" append-to-body>
       <el-form ref="editForm" :model="editForm" :rules="editRules" label-width="100px">
@@ -300,7 +319,7 @@
 
 
 <script>
-import {getLiveOrder, syncExpress, updateLiveOrder, updateErp, editDeliveryId,getOrderExpress, getExpress, listOrderitem, tuiOrder, getUserPhone, getLiveOrderAddress} from "@/api/live/liveOrder";
+import {getLiveOrder, syncExpress, updateLiveOrder, updateErp, editDeliveryId,getOrderExpress, getExpress, listOrderitem, tuiOrder, getUserPhone, getLiveOrderAddress, getOrderPayments} from "@/api/live/liveOrder";
 
 
 export default {
@@ -316,6 +335,7 @@ export default {
         open:false,
       },
       sourceOptions:[],
+      payments: [],
       followDialogVisible:false,
       dialogVisible:false,
       total: 0,
@@ -844,6 +864,10 @@ export default {
         this.msgForm.userId=response.data.userId;
         this.msgForm.followDoctorId=response.data.followDoctorId;
         this.getlistOrderitem(this.item.orderId);
+
+        getOrderPayments(this.item.orderId).then(response => {
+          this.payments = response.payments;
+        });
       });
     },
     getOrder(){