|
|
|
@ -5,89 +5,85 @@ |
|
|
|
<div class="bar"></div> |
|
|
|
<div class="text">超时订单</div> |
|
|
|
</div> --> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="86px" |
|
|
|
class="flex form" style="position: relative"> |
|
|
|
<el-form-item label="平台订单号" prop="orderNo"> |
|
|
|
<el-input size="medium" v-model="queryParams.orderNo" placeholder="请输入平台订单号" @keyup.enter.native="handleQuery" |
|
|
|
style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="商户订单号" prop="merchantOrderNo"> |
|
|
|
<el-input size="medium" v-model="queryParams.merchantOrderNo" placeholder="请输入商户订单号" |
|
|
|
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="卡号" prop="carddealerCardNumber"> |
|
|
|
<el-input size="medium" v-model="queryParams.carddealerCardNumber" placeholder="请输入卡号" |
|
|
|
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="商户名称" prop="merchantName"> |
|
|
|
<el-input size="medium" v-model="queryParams.merchantName" placeholder="请输入商户名称" |
|
|
|
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="码商名称" prop="carddealerName"> |
|
|
|
<el-input size="medium" v-model="queryParams.carddealerName" placeholder="请输入码商名称" |
|
|
|
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="姓名" prop="carddealerCardHolder"> |
|
|
|
<el-input size="medium" v-model="queryParams.carddealerCardHolder" placeholder="请输入姓名" |
|
|
|
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</el-form-item> |
|
|
|
<el-collapse> |
|
|
|
<el-collapse-item name="1"> |
|
|
|
<el-form-item label="订单金额" prop="reqAmount"> |
|
|
|
<el-input size="medium" v-model="queryParams.reqAmount" placeholder="请输入订单金额" @keyup.enter.native="handleQuery" |
|
|
|
style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="通道" prop="platformChannelId"> |
|
|
|
<el-select v-model="queryParams.platformChannelId" placeholder="请选择通道" clearable size="medium"> |
|
|
|
<el-option v-for="(item, i) in channelAll" :key="i" :label="item.channelName" :value="item.id"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="状态" prop="orderStatus"> |
|
|
|
<el-select v-model="queryParams.orderStatus" placeholder="请选择状态" clearable size="medium"> |
|
|
|
<el-option v-for="(item, i) in statusAll" :key="i" :label="item.label" :value="item.value"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-form-item label="创建时间"> |
|
|
|
<el-date-picker v-model="dateRange[0]" size="small" style="width: 340px" value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
type="datetimerange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" |
|
|
|
:unlink-panels="true" |
|
|
|
:default-time="['00:00:00', '23:59:59']" |
|
|
|
></el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="86px" class="flex form" |
|
|
|
style="position: relative"> |
|
|
|
<el-form-item label="平台订单号" prop="orderNo"> |
|
|
|
<el-input size="medium" v-model="queryParams.orderNo" placeholder="请输入平台订单号" @keyup.enter.native="handleQuery" |
|
|
|
style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="商户订单号" prop="merchantOrderNo"> |
|
|
|
<el-input size="medium" v-model="queryParams.merchantOrderNo" placeholder="请输入商户订单号" |
|
|
|
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="卡号" prop="carddealerCardNumber"> |
|
|
|
<el-input size="medium" v-model="queryParams.carddealerCardNumber" placeholder="请输入卡号" |
|
|
|
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="商户名称" prop="merchantName"> |
|
|
|
<el-input size="medium" v-model="queryParams.merchantName" placeholder="请输入商户名称" @keyup.enter.native="handleQuery" |
|
|
|
style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="码商名称" prop="carddealerName"> |
|
|
|
<el-input size="medium" v-model="queryParams.carddealerName" placeholder="请输入码商名称" |
|
|
|
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="姓名" prop="carddealerCardHolder"> |
|
|
|
<el-input size="medium" v-model="queryParams.carddealerCardHolder" placeholder="请输入姓名" |
|
|
|
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</el-form-item> |
|
|
|
<el-collapse> |
|
|
|
<el-collapse-item name="1"> |
|
|
|
<el-form-item label="订单金额" prop="reqAmount"> |
|
|
|
<el-input size="medium" v-model="queryParams.reqAmount" placeholder="请输入订单金额" |
|
|
|
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="通道" prop="platformChannelId"> |
|
|
|
<el-select v-model="queryParams.platformChannelId" placeholder="请选择通道" clearable size="medium"> |
|
|
|
<el-option v-for="(item, i) in channelAll" :key="i" :label="item.channelName" :value="item.id"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="状态" prop="orderStatus"> |
|
|
|
<el-select v-model="queryParams.orderStatus" placeholder="请选择状态" clearable size="medium"> |
|
|
|
<el-option v-for="(item, i) in statusAll" :key="i" :label="item.label" :value="item.value"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="创建时间"> |
|
|
|
<el-date-picker v-model="dateRange[0]" size="small" style="width: 340px" value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
type="datetimerange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" |
|
|
|
:unlink-panels="true" :default-time="['00:00:00', '23:59:59']"></el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="更新时间"> |
|
|
|
<el-date-picker v-model="dateRange[1]" size="small" style="width: 340px" value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
type="datetimerange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" |
|
|
|
:unlink-panels="true" :default-time="['00:00:00', '23:59:59']"></el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-collapse-item> |
|
|
|
</el-collapse> |
|
|
|
<el-form-item style="margin-left:10px"> |
|
|
|
<div class="searchTop flexBet" style="align-items: center"> |
|
|
|
<el-row :gutter="10" class="mb8"> |
|
|
|
<el-button type="primary" icon="" size="medium" @click="handleQuery">搜索</el-button> |
|
|
|
<el-button icon="el-icon-refresh" size="medium" @click="resetQuery">重置</el-button> |
|
|
|
<el-button type="primary" plain icon="" size="medium" @click="handleExport()">导出</el-button> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<el-form-item label="更新时间"> |
|
|
|
<el-date-picker v-model="dateRange[1]" size="small" style="width: 340px" value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
type="datetimerange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" |
|
|
|
:unlink-panels="true" |
|
|
|
:default-time="['00:00:00', '23:59:59']" |
|
|
|
></el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-collapse-item> |
|
|
|
</el-collapse> |
|
|
|
<el-form-item style="margin-left:10px"> |
|
|
|
<div class="searchTop flexBet" style="align-items: center"> |
|
|
|
<el-row :gutter="10" class="mb8"> |
|
|
|
<el-button type="primary" icon="" size="medium" @click="handleQuery">搜索</el-button> |
|
|
|
<el-button icon="el-icon-refresh" size="medium" @click="resetQuery">重置</el-button> |
|
|
|
<el-button type="primary" plain icon="" size="medium" @click="handleExport()">导出</el-button> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<!-- <div class="searchTop flexBet"> |
|
|
|
<!-- <div class="searchTop flexBet"> |
|
|
|
<el-row :gutter="10" class="mb8"> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button type="primary" plain icon="" size="medium" @click="handleExport()">导出</el-button> |
|
|
|
@ -100,7 +96,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
<div class="bg"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-table stripe :data="infoList" v-loading="loading" :row-class-name="tableRowClassName"> |
|
|
|
<el-table-column label="平台订单号" align="center" prop="orderNo" /> |
|
|
|
@ -214,15 +210,16 @@ |
|
|
|
<el-form-item label="通道"> |
|
|
|
{{ detailInfoList.channelName }} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="异步通知状态" v-if="detailInfoList.orderStatus!=3"> |
|
|
|
<el-form-item label="异步通知状态" v-if="detailInfoList.orderStatus != 3"> |
|
|
|
{{ detailInfoList.notifyStatus == 0 ? '未通知' : detailInfoList.notifyStatus == 1 ? '成功' : |
|
|
|
detailInfoList.notifyStatus == 2 ? '通知进行中' : '超时' }} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="回调方式" v-if="detailInfoList.orderStatus!=3"> |
|
|
|
<el-form-item label="回调方式" v-if="detailInfoList.orderStatus != 3"> |
|
|
|
{{ detailInfoList.isAutoNotify == 1 ? '自动回调' : '手动回调' }} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="通道费率"> |
|
|
|
{{ detailInfoList.merchantRate + '%+' + parseFloat(NumberDiv(detailInfoList.merchantSingleFee, 100)).toFixed(2) }} |
|
|
|
{{ detailInfoList.merchantRate + '%+' + parseFloat(NumberDiv(detailInfoList.merchantSingleFee, |
|
|
|
100)).toFixed(2) }} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="操作人"> |
|
|
|
{{ detailInfoList.notifyRemark }} |
|
|
|
@ -277,7 +274,7 @@ export default { |
|
|
|
channelAll: [], |
|
|
|
// 状态 |
|
|
|
statusAll: [ |
|
|
|
{ |
|
|
|
{ |
|
|
|
label: '全部', |
|
|
|
value: null, |
|
|
|
}, |
|
|
|
@ -448,7 +445,7 @@ export default { |
|
|
|
{ required: true, message: "发起的金额不能为空", trigger: "blur" } |
|
|
|
] |
|
|
|
}, |
|
|
|
reqAmount:null, |
|
|
|
reqAmount: null, |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
@ -466,7 +463,7 @@ export default { |
|
|
|
if (row.orderStatus == 2) { |
|
|
|
return "greenOrder"; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
change() { |
|
|
|
this.$forceUpdate() |
|
|
|
@ -560,7 +557,7 @@ export default { |
|
|
|
this.queryParams.reqAmount ? reqAmount = this.NumberMul(this.queryParams.reqAmount, 100) : this.queryParams.reqAmount |
|
|
|
reqAmount = parseFloat(reqAmount) |
|
|
|
this.queryParams.pageNum = 1; |
|
|
|
reqAmount ? this.reqAmount=reqAmount : this.reqAmount=null |
|
|
|
reqAmount ? this.reqAmount = reqAmount : this.reqAmount = null |
|
|
|
reqAmount ? this.getList(reqAmount) : this.getList(null) |
|
|
|
|
|
|
|
}, |
|
|
|
@ -642,6 +639,27 @@ export default { |
|
|
|
}, |
|
|
|
/** 导出按钮操作 */ |
|
|
|
handleExport() { |
|
|
|
if (this.dateRange.length) { |
|
|
|
if (this.dateRange[0]) { |
|
|
|
this.queryParams.beginTime = this.dateRange[0][0] |
|
|
|
this.queryParams.endTime = this.dateRange[0][1] |
|
|
|
}else{ |
|
|
|
this.queryParams.beginTime = null |
|
|
|
this.queryParams.endTime = null |
|
|
|
} |
|
|
|
if (this.dateRange[1]) { |
|
|
|
this.queryParams.updateBeginTime = this.dateRange[1][0] |
|
|
|
this.queryParams.updateEndTime = this.dateRange[1][1] |
|
|
|
}else{ |
|
|
|
this.queryParams.updateBeginTime = null |
|
|
|
this.queryParams.updateEndTime = null |
|
|
|
} |
|
|
|
} else { |
|
|
|
this.queryParams.beginTime = null |
|
|
|
this.queryParams.endTime = null |
|
|
|
this.queryParams.updateBeginTime = null |
|
|
|
this.queryParams.updateEndTime = null |
|
|
|
} |
|
|
|
const queryParams = this.queryParams; |
|
|
|
this.$confirm('是否确认导出所有代收订单数据项?', "警告", { |
|
|
|
confirmButtonText: "确定", |
|
|
|
@ -673,6 +691,7 @@ export default { |
|
|
|
::v-deep .el-table tbody tr:hover>td { |
|
|
|
background-color: rgba(0, 0, 0, 0) !important |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell { |
|
|
|
background: none !important; |
|
|
|
} |
|
|
|
|
