|
@ -25,6 +25,26 @@ |
|
|
@keyup.enter.native="handleQuery" |
|
|
@keyup.enter.native="handleQuery" |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="处理状态" prop="processingStatus"> |
|
|
|
|
|
<el-select v-model="queryParams.processingStatus" placeholder="请选择处理状态" clearable> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="dict in processingStatusOptions" |
|
|
|
|
|
:key="dict.value" |
|
|
|
|
|
:label="dict.label" |
|
|
|
|
|
:value="dict.value" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="交易状态" prop="transactionStatus"> |
|
|
|
|
|
<el-select v-model="queryParams.transactionStatus" placeholder="请选择交易状态" clearable> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="dict in transactionStatusOptions" |
|
|
|
|
|
:key="dict.value" |
|
|
|
|
|
:label="dict.label" |
|
|
|
|
|
:value="dict.value" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-form-item> |
|
|
<el-form-item label="渠道编号" prop="paymentChannelNo"> |
|
|
<el-form-item label="渠道编号" prop="paymentChannelNo"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="queryParams.paymentChannelNo" |
|
|
v-model="queryParams.paymentChannelNo" |
|
@ -42,7 +62,10 @@ |
|
|
</el-date-picker> |
|
|
</el-date-picker> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('common.button.search') }}</el-button> |
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ |
|
|
|
|
|
$t('common.button.search') |
|
|
|
|
|
}} |
|
|
|
|
|
</el-button> |
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.button.reset') }}</el-button> |
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.button.reset') }}</el-button> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
@ -56,7 +79,8 @@ |
|
|
size="mini" |
|
|
size="mini" |
|
|
@click="handleAdd" |
|
|
@click="handleAdd" |
|
|
v-hasPermi="['business:recordPayCallback:add']" |
|
|
v-hasPermi="['business:recordPayCallback:add']" |
|
|
>{{ $t('common.button.add') }}</el-button> |
|
|
>{{ $t('common.button.add') }} |
|
|
|
|
|
</el-button> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="1.5"> |
|
|
<el-col :span="1.5"> |
|
|
<el-button |
|
|
<el-button |
|
@ -67,7 +91,8 @@ |
|
|
:disabled="single" |
|
|
:disabled="single" |
|
|
@click="handleUpdate" |
|
|
@click="handleUpdate" |
|
|
v-hasPermi="['business:recordPayCallback:edit']" |
|
|
v-hasPermi="['business:recordPayCallback:edit']" |
|
|
>{{ $t('common.button.edit') }}</el-button> |
|
|
>{{ $t('common.button.edit') }} |
|
|
|
|
|
</el-button> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="1.5"> |
|
|
<el-col :span="1.5"> |
|
|
<el-button |
|
|
<el-button |
|
@ -78,7 +103,8 @@ |
|
|
:disabled="multiple" |
|
|
:disabled="multiple" |
|
|
@click="handleDelete" |
|
|
@click="handleDelete" |
|
|
v-hasPermi="['business:recordPayCallback:remove']" |
|
|
v-hasPermi="['business:recordPayCallback:remove']" |
|
|
>{{ $t('common.button.delete') }}</el-button> |
|
|
>{{ $t('common.button.delete') }} |
|
|
|
|
|
</el-button> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="1.5"> |
|
|
<el-col :span="1.5"> |
|
|
<el-button |
|
|
<el-button |
|
@ -88,7 +114,8 @@ |
|
|
size="mini" |
|
|
size="mini" |
|
|
@click="handleExport" |
|
|
@click="handleExport" |
|
|
v-hasPermi="['business:recordPayCallback:export']" |
|
|
v-hasPermi="['business:recordPayCallback:export']" |
|
|
>{{ $t('common.button.export') }}</el-button> |
|
|
>{{ $t('common.button.export') }} |
|
|
|
|
|
</el-button> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
|
</el-row> |
|
|
</el-row> |
|
@ -96,17 +123,25 @@ |
|
|
<el-table v-loading="loading" :data="recordPayCallbackList" @selection-change="handleSelectionChange"> |
|
|
<el-table v-loading="loading" :data="recordPayCallbackList" @selection-change="handleSelectionChange"> |
|
|
<el-table-column type="selection" width="55" align="center"/> |
|
|
<el-table-column type="selection" width="55" align="center"/> |
|
|
<el-table-column label="回执编号" align="center" prop="id" v-if="true"/> |
|
|
<el-table-column label="回执编号" align="center" prop="id" v-if="true"/> |
|
|
<el-table-column label="处理状态" align="center" prop="processingStatus"/> |
|
|
<el-table-column label="处理状态" align="center" prop="processingStatus"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<span>{{ formatProcessingStatus(scope.row.processingStatus) }}</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
<el-table-column label="IP地址" align="center" prop="ipAddress"/> |
|
|
<el-table-column label="IP地址" align="center" prop="ipAddress"/> |
|
|
<el-table-column label="用户编号" align="center" prop="userId"/> |
|
|
<el-table-column label="用户编号" align="center" prop="userId"/> |
|
|
<el-table-column label="订单编号" align="center" prop="relatedOrderId"/> |
|
|
<el-table-column label="订单编号" align="center" prop="relatedOrderId"/> |
|
|
<el-table-column label="平台名称" align="center" prop="thirdPartyPlatform"/> |
|
|
<el-table-column label="平台名称" align="center" prop="thirdPartyPlatform"/> |
|
|
<el-table-column label="交易金额" align="center" prop="transactionAmount"/> |
|
|
<el-table-column label="交易金额" align="center" prop="transactionAmount"/> |
|
|
<el-table-column label="交易状态" align="center" prop="transactionStatus"/> |
|
|
<el-table-column label="交易状态" align="center" prop="transactionStatus"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<span>{{ formatTransactionStatus(scope.row.transactionStatus) }}</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
<el-table-column label="渠道编号" align="center" prop="paymentChannelNo"/> |
|
|
<el-table-column label="渠道编号" align="center" prop="paymentChannelNo"/> |
|
|
<el-table-column label="回执内容" align="center" prop="receiptContent"/> |
|
|
<el-table-column label="回执内容" align="center" prop="receiptContent" show-overflow-tooltip/> |
|
|
<el-table-column label="验证状态" align="center" prop="verificationStatus"/> |
|
|
<el-table-column label="验证状态" align="center" prop="verificationStatus"/> |
|
|
<el-table-column label="验证失败原因" align="center" prop="verificationFailureReason"/> |
|
|
<el-table-column label="验证失败原因" align="center" prop="verificationFailureReason" show-overflow-tooltip/> |
|
|
<el-table-column label="回执时间" align="center" prop="receiptTime" width="180"> |
|
|
<el-table-column label="回执时间" align="center" prop="receiptTime" width="180"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span>{{ parseTime(scope.row.receiptTime, '{y}-{m}-{d}') }}</span> |
|
|
<span>{{ parseTime(scope.row.receiptTime, '{y}-{m}-{d}') }}</span> |
|
@ -119,21 +154,24 @@ |
|
|
type="text" |
|
|
type="text" |
|
|
icon="el-icon-view" |
|
|
icon="el-icon-view" |
|
|
@click="handleDetail(scope.row)" |
|
|
@click="handleDetail(scope.row)" |
|
|
>{{ $t('common.button.detail') }}</el-button> |
|
|
>{{ $t('common.button.detail') }} |
|
|
|
|
|
</el-button> |
|
|
<el-button |
|
|
<el-button |
|
|
size="mini" |
|
|
size="mini" |
|
|
type="text" |
|
|
type="text" |
|
|
icon="el-icon-edit" |
|
|
icon="el-icon-edit" |
|
|
@click="handleUpdate(scope.row)" |
|
|
@click="handleUpdate(scope.row)" |
|
|
v-hasPermi="['business:recordPayCallback:edit']" |
|
|
v-hasPermi="['business:recordPayCallback:edit']" |
|
|
>{{ $t('common.button.edit') }}</el-button> |
|
|
>{{ $t('common.button.edit') }} |
|
|
|
|
|
</el-button> |
|
|
<el-button |
|
|
<el-button |
|
|
size="mini" |
|
|
size="mini" |
|
|
type="text" |
|
|
type="text" |
|
|
icon="el-icon-delete" |
|
|
icon="el-icon-delete" |
|
|
@click="handleDelete(scope.row)" |
|
|
@click="handleDelete(scope.row)" |
|
|
v-hasPermi="['business:recordPayCallback:remove']" |
|
|
v-hasPermi="['business:recordPayCallback:remove']" |
|
|
>{{ $t('common.button.delete') }}</el-button> |
|
|
>{{ $t('common.button.delete') }} |
|
|
|
|
|
</el-button> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
@ -161,12 +199,16 @@ |
|
|
<el-form-item label="支付平台" prop="thirdPartyPlatform"> |
|
|
<el-form-item label="支付平台" prop="thirdPartyPlatform"> |
|
|
<el-input v-model="form.thirdPartyPlatform" placeholder="请输入第三方支付平台名称"/> |
|
|
<el-input v-model="form.thirdPartyPlatform" placeholder="请输入第三方支付平台名称"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="交易金额" prop="transactionAmount"> |
|
|
|
|
|
<el-input v-model="form.transactionAmount" placeholder="请输入交易金额"/> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="渠道编号" prop="paymentChannelNo"> |
|
|
<el-form-item label="渠道编号" prop="paymentChannelNo"> |
|
|
<el-input v-model="form.paymentChannelNo" placeholder="请输入支付渠道交易编号"/> |
|
|
<el-input v-model="form.paymentChannelNo" placeholder="请输入支付渠道交易编号"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
<el-row :gutter="10" class="mb8"> |
|
|
|
|
|
<el-col :span="12"> |
|
|
|
|
|
<el-form-item label="交易金额" prop="transactionAmount"> |
|
|
|
|
|
<el-input v-model="form.transactionAmount" placeholder="请输入交易金额"/> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :span="12"> |
|
|
<el-form-item label="回执时间" prop="receiptTime"> |
|
|
<el-form-item label="回执时间" prop="receiptTime"> |
|
|
<el-date-picker clearable |
|
|
<el-date-picker clearable |
|
|
v-model="form.receiptTime" |
|
|
v-model="form.receiptTime" |
|
@ -175,15 +217,46 @@ |
|
|
placeholder="请选择回执时间"> |
|
|
placeholder="请选择回执时间"> |
|
|
</el-date-picker> |
|
|
</el-date-picker> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="回执内容"> |
|
|
</el-col> |
|
|
<editor v-model="form.receiptContent" :min-height="192"/> |
|
|
</el-row> |
|
|
|
|
|
<el-row> |
|
|
|
|
|
<el-col :span="12"> |
|
|
|
|
|
<el-form-item label="处理状态" prop="processingStatus"> |
|
|
|
|
|
<el-select v-model="form.processingStatus" placeholder="请选择处理状态" clearable> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="dict in processingStatusOptions" |
|
|
|
|
|
:key="dict.value" |
|
|
|
|
|
:label="dict.label" |
|
|
|
|
|
:value="dict.value" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :span="12"> |
|
|
|
|
|
<el-form-item label="交易状态" prop="transactionStatus"> |
|
|
|
|
|
<el-select v-model="form.transactionStatus" placeholder="请选择交易状态" clearable> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="dict in transactionStatusOptions" |
|
|
|
|
|
:key="dict.value" |
|
|
|
|
|
:label="dict.label" |
|
|
|
|
|
:value="dict.value" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
<el-form-item label="回执内容" prop="receiptContent"> |
|
|
|
|
|
<el-input v-model="form.receiptContent" type="textarea" placeholder="请输入内容"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="失败原因" prop="verificationFailureReason"> |
|
|
<el-form-item label="失败原因" prop="verificationFailureReason"> |
|
|
<el-input v-model="form.verificationFailureReason" type="textarea" placeholder="请输入内容"/> |
|
|
<el-input v-model="form.verificationFailureReason" type="textarea" placeholder="请输入内容"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
|
<div slot="footer" class="dialog-footer"> |
|
|
<div slot="footer" class="dialog-footer"> |
|
|
<el-button :loading="buttonLoading" type="primary" @click="submitForm">{{ $t('common.button.confirm') }}</el-button> |
|
|
<el-button :loading="buttonLoading" type="primary" @click="submitForm">{{ |
|
|
|
|
|
$t('common.button.confirm') |
|
|
|
|
|
}} |
|
|
|
|
|
</el-button> |
|
|
<el-button @click="cancel">{{ $t('common.button.cancel') }}</el-button> |
|
|
<el-button @click="cancel">{{ $t('common.button.cancel') }}</el-button> |
|
|
</div> |
|
|
</div> |
|
|
</el-dialog> |
|
|
</el-dialog> |
|
@ -210,15 +283,16 @@ |
|
|
{{ form.paymentChannelNo }} |
|
|
{{ form.paymentChannelNo }} |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="回执时间" prop="receiptTime"> |
|
|
<el-form-item label="回执时间" prop="receiptTime"> |
|
|
<el-date-picker clearable |
|
|
{{ parseTime(form.receiptTime, '{y}-{m}-{d} {h}:{i}:{s}') }} |
|
|
v-model="form.receiptTime" |
|
|
</el-form-item> |
|
|
type="datetime" |
|
|
<el-form-item label="处理状态" prop="processingStatus"> |
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
{{ formatProcessingStatus(form.processingStatus) }} |
|
|
placeholder="请选择回执时间"> |
|
|
</el-form-item> |
|
|
</el-date-picker> |
|
|
<el-form-item label="交易状态" prop="transactionStatus"> |
|
|
|
|
|
{{ formatTransactionStatus(form.transactionStatus) }} |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="回执内容"> |
|
|
<el-form-item label="回执内容"> |
|
|
<editor v-model="form.receiptContent" :min-height="192"/> |
|
|
{{ form.receiptContent }} |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="失败原因:"> |
|
|
<el-form-item label="失败原因:"> |
|
|
{{ form.verificationFailureReason }} |
|
|
{{ form.verificationFailureReason }} |
|
@ -244,6 +318,19 @@ export default { |
|
|
name: "RecordPayCallback", |
|
|
name: "RecordPayCallback", |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
|
|
|
// 处理状态选项 |
|
|
|
|
|
processingStatusOptions: [ |
|
|
|
|
|
{value: "1", label: "成功处理的回调"}, |
|
|
|
|
|
{value: "0", label: "处理中的回调"}, |
|
|
|
|
|
{value: "2", label: "处理失败的回调"} |
|
|
|
|
|
], |
|
|
|
|
|
// 交易状态选项 |
|
|
|
|
|
transactionStatusOptions: [ |
|
|
|
|
|
{value: "1", label: "支付成功"}, |
|
|
|
|
|
{value: "2", label: "支付处理中"}, |
|
|
|
|
|
{value: "3", label: "支付失败"}, |
|
|
|
|
|
{value: "4", label: "退款成功"} |
|
|
|
|
|
], |
|
|
// 按钮loading |
|
|
// 按钮loading |
|
|
buttonLoading: false, |
|
|
buttonLoading: false, |
|
|
// 遮罩层 |
|
|
// 遮罩层 |
|
@ -286,7 +373,24 @@ export default { |
|
|
// 表单参数 |
|
|
// 表单参数 |
|
|
form: {}, |
|
|
form: {}, |
|
|
// 表单校验 |
|
|
// 表单校验 |
|
|
rules: {} |
|
|
rules: { |
|
|
|
|
|
userId: [ |
|
|
|
|
|
{required: true, message: "用户编号不能为空", trigger: "blur"}, |
|
|
|
|
|
{pattern: /^\d+$/, message: "用户编号必须为数字", trigger: "blur"} |
|
|
|
|
|
], |
|
|
|
|
|
relatedOrderId: [ |
|
|
|
|
|
{required: true, message: "订单编号不能为空", trigger: "blur"}, |
|
|
|
|
|
{pattern: /^\d+$/, message: "订单编号必须为数字", trigger: "blur"} |
|
|
|
|
|
], |
|
|
|
|
|
transactionAmount: [ |
|
|
|
|
|
{required: true, message: "交易金额不能为空", trigger: "blur"}, |
|
|
|
|
|
{pattern: /^\d+(\.\d+)?$/, message: "交易金额必须为数字", trigger: "blur"} |
|
|
|
|
|
], |
|
|
|
|
|
paymentChannelNo: [ |
|
|
|
|
|
{required: true, message: "渠道编号不能为空", trigger: "blur"}, |
|
|
|
|
|
{pattern: /^\d+$/, message: "渠道编号必须为数字", trigger: "blur"} |
|
|
|
|
|
] |
|
|
|
|
|
} |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
@ -418,7 +522,33 @@ export default { |
|
|
this.download('business/recordPayCallback/export', { |
|
|
this.download('business/recordPayCallback/export', { |
|
|
...this.queryParams |
|
|
...this.queryParams |
|
|
}, `recordPayCallback_${new Date().getTime()}.xlsx`) |
|
|
}, `recordPayCallback_${new Date().getTime()}.xlsx`) |
|
|
|
|
|
}, |
|
|
|
|
|
formatProcessingStatus(status) { |
|
|
|
|
|
switch (Number(status)) { |
|
|
|
|
|
case 1: |
|
|
|
|
|
return '成功处理的回调' |
|
|
|
|
|
case 0: |
|
|
|
|
|
return '处理中的回调' |
|
|
|
|
|
case 2: |
|
|
|
|
|
return '处理失败的回调' |
|
|
|
|
|
default: |
|
|
|
|
|
return status |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
formatTransactionStatus(status) { |
|
|
|
|
|
switch (Number(status)) { |
|
|
|
|
|
case 1: |
|
|
|
|
|
return '支付成功' |
|
|
|
|
|
case 2: |
|
|
|
|
|
return '支付处理中' |
|
|
|
|
|
case 3: |
|
|
|
|
|
return '支付失败' |
|
|
|
|
|
case 4: |
|
|
|
|
|
return '退款成功' |
|
|
|
|
|
default: |
|
|
|
|
|
return status |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
}; |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|