|
|
@@ -37,7 +37,14 @@
|
|
|
:type="getPayStatus(orderData.payStatus, 'type')"
|
|
|
size="normal"
|
|
|
>
|
|
|
- {{ getPayStatus(orderData.payStatus) }}
|
|
|
+ <!-- {{ getPayStatus(orderData.payStatus) }} -->
|
|
|
+ <!-- 由于支付状态较多,且接口返回的状态码不固定,所以这里直接列出所有状态,避免遗漏 -->
|
|
|
+ <div v-if="getPayStatus(orderData.payStatus) == 'CREATE'">已创建</div>
|
|
|
+ <div v-if="getPayStatus(orderData.payStatus) == 'SUBMIT'">已提交</div>
|
|
|
+ <div v-if="getPayStatus(orderData.payStatus) == 'PAYED'">已支付</div>
|
|
|
+ <div v-if="getPayStatus(orderData.payStatus) == 'REFUNDED'">已退款</div>
|
|
|
+ <div v-if="getPayStatus(orderData.payStatus) == 'CLOSED'">订单关闭</div>
|
|
|
+ <div v-if="getPayStatus(orderData.payStatus) == 'FAILED'">支付失败</div>
|
|
|
</el-tag>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="支付时间">
|
|
|
@@ -155,7 +162,8 @@
|
|
|
prop="status"
|
|
|
label="状态">
|
|
|
<template slot-scope="scope">
|
|
|
- <TicketStatusTag :value="scope.row.status"></TicketStatusTag>
|
|
|
+ <!-- 组件新增功能是否向左浮动展示,默认为false不浮动 -->
|
|
|
+ <TicketStatusTag :float-left="true" :value="scope.row.status"></TicketStatusTag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
@@ -229,6 +237,19 @@
|
|
|
{{ scope.row.ticketCheckScenicList.map(item => item.scenicName).join(',') }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
+
|
|
|
+ <!-- 新增功能 -->
|
|
|
+ <el-table-column width="240" prop="billingInformation" label="开票信息">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class=""><span>开票状态:</span>
|
|
|
+ <el-tag :type="scope.row.isInvoice ? 'success' : 'info'">
|
|
|
+ {{ scope.row.isInvoice ? "已开票" : "未开票" }}
|
|
|
+ </el-tag>
|
|
|
+ </div>
|
|
|
+ <div class=""><span>发票信息:</span><button @click="downloadInvoice(scope.row.invoiceDownloadUrl)">点击下载</button></div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
<el-table-column
|
|
|
v-if="isColumnVisible('ticketCardInfo')"
|
|
|
width="240"
|
|
|
@@ -304,6 +325,38 @@
|
|
|
<el-table-column prop="checkerName" label="检票设备名称"> </el-table-column>
|
|
|
<el-table-column prop="checkTime" label="检票时间"> </el-table-column>
|
|
|
</el-table>
|
|
|
+
|
|
|
+ <!-- 新增功能:工行分账信息,但if判断需要后续改动 -->
|
|
|
+ <div class="title" v-if="orderData.payContext != null" style="display: flex;justify-content: space-between;margin: 10px 0;">
|
|
|
+ 工行分账明细
|
|
|
+ </div>
|
|
|
+ <el-table v-if="orderData.payContext != null" border :data="checkLogList" :max-height="200">
|
|
|
+ <el-table-column prop="id" label="ID"> </el-table-column>
|
|
|
+ <el-table-column prop="createTime" label="创建时间"> </el-table-column>
|
|
|
+ <el-table-column prop="recNum" label="拆分顺序号"> </el-table-column>
|
|
|
+ <el-table-column prop="originalGhMerId" label="原交易商户编号"> </el-table-column>
|
|
|
+ <el-table-column prop="ghOrderId" label="原工行订单编号"> </el-table-column>
|
|
|
+ <el-table-column prop="ghAppId" label="应用APPID"> </el-table-column>
|
|
|
+ <el-table-column prop="subMerId" label="分账二级商户编号"> </el-table-column>
|
|
|
+ <el-table-column prop="subMerPrtclNo" label="分账二级商户协议编号"> </el-table-column>
|
|
|
+ <el-table-column prop="subOrderId" label="商户子订单编号"> </el-table-column>
|
|
|
+ <el-table-column prop="ghSubOrderId" label="工行子订单编号"> </el-table-column>
|
|
|
+ <el-table-column prop="ghSubOrderTransactionId" label="工行交易流水号"> </el-table-column>
|
|
|
+ <el-table-column prop="splitFee" label="分账金额"> </el-table-column>
|
|
|
+ <el-table-column prop="termId" label="交易终端号"> </el-table-column>
|
|
|
+ <el-table-column prop="status" label="分账状态"> </el-table-column>
|
|
|
+ <el-table-column prop="splitSubmitTime" label="分账开始时间"> </el-table-column>
|
|
|
+ <el-table-column prop="splitCompleteTime" label="分账完成时间"> </el-table-column>
|
|
|
+ <el-table-column prop="splitCode" label="错误代码"> </el-table-column>
|
|
|
+ <el-table-column prop="splitMsg" label="错误信息"> </el-table-column>
|
|
|
+ <el-table-column prop="refundSubOrderId" label="子订单退货编号"> </el-table-column>
|
|
|
+ <el-table-column prop="refundSubmitTime" label="退款提交时间"> </el-table-column>
|
|
|
+ <el-table-column prop="refundCompleteTime" label="退款开始时间"> </el-table-column>
|
|
|
+ <el-table-column prop="refundFee" label="退款金额"> </el-table-column>
|
|
|
+ <el-table-column prop="refundCode" label="退款错误代码"> </el-table-column>
|
|
|
+ <el-table-column prop="refundMsg" label="退款错误信息"> </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
</el-tab-pane>
|
|
|
<el-dialog
|
|
|
title="选择显示列"
|
|
|
@@ -346,6 +399,16 @@
|
|
|
<div class="title">退款信息</div>
|
|
|
<el-table border :data="orderData.payContext.payRefundList">
|
|
|
<el-table-column prop="status" label="退款状态">
|
|
|
+ <!-- 转义 -->
|
|
|
+ <el-tag
|
|
|
+ :type="getPayStatus(orderData.payContext.payRefundList.status, 'type')"
|
|
|
+ size="normal">
|
|
|
+ <!-- {{ getPayStatus(orderData.payStatus) }} -->
|
|
|
+ <div v-if="getPayStatus(orderData.payContext.payRefundList.status) == 'SUBMIT'">已提交</div>
|
|
|
+ <div v-if="getPayStatus(orderData.payContext.payRefundList.status) == 'UNKNOWN'">未知</div>
|
|
|
+ <div v-if="getPayStatus(orderData.payContext.payRefundList.status) == 'SUCCESS'">成功</div>
|
|
|
+ <div v-if="getPayStatus(orderData.payContext.payRefundList.status) == 'FAILURE'">失败</div>
|
|
|
+ </el-tag>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="refundFee" label="退款金额">
|
|
|
</el-table-column>
|
|
|
@@ -363,6 +426,18 @@
|
|
|
<div class="title">退款明细</div>
|
|
|
<el-table border :data="orderData.payContext.payRefundTaskList">
|
|
|
<el-table-column prop="status" label="退款明细状态">
|
|
|
+ <!-- 转义 -->
|
|
|
+ <el-tag
|
|
|
+ :type="getPayStatus(orderData.payRefundTaskList.status, 'type')"
|
|
|
+ size="normal">
|
|
|
+ <!-- {{ getPayStatus(orderData.payStatus) }} -->
|
|
|
+ <div v-if="getPayStatus(orderData.payContext.payRefundTaskList.status) == 'CREATE'">已创建</div>
|
|
|
+ <div v-if="getPayStatus(orderData.payContext.payRefundTaskList.status) == 'NEED_RETRY'">待重试</div>
|
|
|
+ <div v-if="getPayStatus(orderData.payContext.payRefundTaskList.status) == 'UNKNOWN'">未知</div>
|
|
|
+ <div v-if="getPayStatus(orderData.payContext.payRefundTaskList.status) == 'REFUND_SUCCESS'">退款成功</div>
|
|
|
+ <div v-if="getPayStatus(orderData.payContext.payRefundTaskList.status) == 'SUCCESS'">退款完成</div>
|
|
|
+ <div v-if="getPayStatus(orderData.payContext.payRefundTaskList.status) == 'FAILURE'">失败</div>
|
|
|
+ </el-tag>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="refundFee" label="退款金额">
|
|
|
</el-table-column>
|
|
|
@@ -791,6 +866,15 @@ export default {
|
|
|
showDetail (record) {
|
|
|
this.record = record
|
|
|
this.detailVisible = true
|
|
|
+ },
|
|
|
+ // 下载方法
|
|
|
+ downloadInvoice (url) {
|
|
|
+ console.log(' downloadInvoice', url)
|
|
|
+ if (!url) {
|
|
|
+ this.$message.warning('暂无发票可下载')
|
|
|
+ return
|
|
|
+ }
|
|
|
+ window.open(url)
|
|
|
}
|
|
|
}
|
|
|
}
|