|
|
@ -46,45 +46,48 @@ |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-collapse> |
|
|
|
<el-collapse-item name="1"> |
|
|
|
<el-form-item label="持卡人姓名" prop="accountName"> |
|
|
|
<el-input size="medium" v-model="queryParams.accountName" placeholder="请输入持卡人姓名" |
|
|
|
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="订单金额" prop="amount"> |
|
|
|
<el-input size="medium" v-model="queryParams.amount" placeholder="请输入订单金额" @keyup.enter.native="handleQuery" |
|
|
|
style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</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 showAll" :key="i" :label="item.label" :value="item.value"></el-option> |
|
|
|
</el-select> |
|
|
|
</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="创建时间"> |
|
|
|
<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-collapse-item name="1"> |
|
|
|
<el-form-item label="持卡人姓名" prop="accountName"> |
|
|
|
<el-input size="medium" v-model="queryParams.accountName" placeholder="请输入持卡人姓名" |
|
|
|
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="订单金额" prop="amount"> |
|
|
|
<el-input size="medium" v-model="queryParams.amount" placeholder="请输入订单金额" |
|
|
|
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</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 showAll" :key="i" :label="item.label" |
|
|
|
:value="item.value"></el-option> |
|
|
|
</el-select> |
|
|
|
</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="创建时间"> |
|
|
|
<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> |
|
|
@ -92,12 +95,12 @@ |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<el-row :gutter="10" class="mb8" style="margin-left:8px"> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button type="primary" plain icon="" size="medium" @click="handleExport()">导出</el-button> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button type="primary" plain icon="" size="medium" @click="handleExport()">导出</el-button> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<!-- <el-row :gutter="10" class="mb8"> |
|
|
|
<!-- <el-row :gutter="10" class="mb8"> |
|
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
|
|
</el-row> --> |
|
|
|
</div> |
|
|
@ -105,7 +108,7 @@ |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<div class="searchTop flexBet"> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="bg"> |
|
|
@ -136,11 +139,12 @@ |
|
|
|
: scope.row.orderStatus == 4 ? '驳回' : scope.row.orderStatus == 5 ? '已撤销' : '已关闭' }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
|
|
<el-table-column label="码商" align="center" prop="carddealerName" /> |
|
|
|
|
|
|
|
<el-table-column :label="'付款卡(必须一致)'" align="center" prop="payeeRealAmount" min-width="180"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.accountName }}({{ scope.row.bankName }})({{ scope.row.cardNumber }}) |
|
|
|
<span v-if="scope.row.payCarddealerCard">{{ scope.row.payCarddealerCard.cardHolder }}({{ scope.row.payCarddealerCard.bankName }})({{ scope.row.payCarddealerCard.cardNumber }})</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
@ -173,6 +177,9 @@ |
|
|
|
</el-button> |
|
|
|
<el-button v-if="scope.row.orderStatus != 1" size="small" type="text" |
|
|
|
@click="handleCertificate(scope.row)" style="color: #006eff">查看凭证</el-button> |
|
|
|
|
|
|
|
<el-button size="small" type="text" v-clipboard:copy="getReadableText(scope.row)" |
|
|
|
v-clipboard:success="handleClipboardSuccess" style="color: #006eff">复制</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
@ -314,7 +321,7 @@ import cardMerchantOrderRefreshMixin from "@/api/cardMerchantOrderRefresh.mixin" |
|
|
|
export default { |
|
|
|
name: "TransferOrder", |
|
|
|
dicts: ['collection_order_status'], |
|
|
|
mixins: [cardMerchantOrderRefreshMixin], |
|
|
|
mixins: [cardMerchantOrderRefreshMixin], |
|
|
|
data() { |
|
|
|
return { |
|
|
|
amount: null, |
|
|
@ -416,6 +423,13 @@ export default { |
|
|
|
this.init(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
getReadableText(data) { |
|
|
|
return `${data.cardNumber}/${data.accountName}/${data.bankName}/${this.NumberDiv(data.amount, 100)}` |
|
|
|
}, |
|
|
|
/** 复制代码成功 */ |
|
|
|
handleClipboardSuccess() { |
|
|
|
this.$modal.msgSuccess("复制成功"); |
|
|
|
}, |
|
|
|
tableRowClassName({ row, rowIndex }) { |
|
|
|
if (row.orderStatus == 4) { |
|
|
|
return "redOrder"; |
|
|
@ -524,7 +538,7 @@ export default { |
|
|
|
this.infoList = response.rows; |
|
|
|
this.total = Number(response.total); |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
/** 查询代付订单列表 */ |
|
|
|
getList(amount) { |
|
|
@ -547,7 +561,7 @@ export default { |
|
|
|
this.infoList = response.rows; |
|
|
|
this.total = Number(response.total); |
|
|
|
this.loading = false; |
|
|
|
this.startTimer(queryParams) |
|
|
|
this.startTimer(queryParams) |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 取消按钮 |
|
|
|