GhubCy
2 months ago
18 changed files with 4522 additions and 316 deletions
@ -0,0 +1,44 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
// 查询付款订单列表
|
|||
export function listDealPayment(query) { |
|||
return request({ |
|||
url: '/business/dealPayment/list', |
|||
method: 'get', |
|||
params: query |
|||
}) |
|||
} |
|||
|
|||
// 查询付款订单详细
|
|||
export function getDealPayment(id) { |
|||
return request({ |
|||
url: '/business/dealPayment/' + id, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
|
|||
// 新增付款订单
|
|||
export function addDealPayment(data) { |
|||
return request({ |
|||
url: '/business/dealPayment', |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 修改付款订单
|
|||
export function updateDealPayment(data) { |
|||
return request({ |
|||
url: '/business/dealPayment', |
|||
method: 'put', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 删除付款订单
|
|||
export function delDealPayment(id) { |
|||
return request({ |
|||
url: '/business/dealPayment/' + id, |
|||
method: 'delete' |
|||
}) |
|||
} |
|||
@ -0,0 +1,44 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
// 查询代缴订单列表
|
|||
export function listDealProxy(query) { |
|||
return request({ |
|||
url: '/business/dealProxy/list', |
|||
method: 'get', |
|||
params: query |
|||
}) |
|||
} |
|||
|
|||
// 查询代缴订单详细
|
|||
export function getDealProxy(id) { |
|||
return request({ |
|||
url: '/business/dealProxy/' + id, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
|
|||
// 新增代缴订单
|
|||
export function addDealProxy(data) { |
|||
return request({ |
|||
url: '/business/dealProxy', |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 修改代缴订单
|
|||
export function updateDealProxy(data) { |
|||
return request({ |
|||
url: '/business/dealProxy', |
|||
method: 'put', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 删除代缴订单
|
|||
export function delDealProxy(id) { |
|||
return request({ |
|||
url: '/business/dealProxy/' + id, |
|||
method: 'delete' |
|||
}) |
|||
} |
|||
@ -0,0 +1,44 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
// 查询收款订单列表
|
|||
export function listDealReceipt(query) { |
|||
return request({ |
|||
url: '/business/dealReceipt/list', |
|||
method: 'get', |
|||
params: query |
|||
}) |
|||
} |
|||
|
|||
// 查询收款订单详细
|
|||
export function getDealReceipt(id) { |
|||
return request({ |
|||
url: '/business/dealReceipt/' + id, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
|
|||
// 新增收款订单
|
|||
export function addDealReceipt(data) { |
|||
return request({ |
|||
url: '/business/dealReceipt', |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 修改收款订单
|
|||
export function updateDealReceipt(data) { |
|||
return request({ |
|||
url: '/business/dealReceipt', |
|||
method: 'put', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 删除收款订单
|
|||
export function delDealReceipt(id) { |
|||
return request({ |
|||
url: '/business/dealReceipt/' + id, |
|||
method: 'delete' |
|||
}) |
|||
} |
|||
@ -0,0 +1,44 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
// 查询充值订单列表
|
|||
export function listDealRecharge(query) { |
|||
return request({ |
|||
url: '/business/dealRecharge/list', |
|||
method: 'get', |
|||
params: query |
|||
}) |
|||
} |
|||
|
|||
// 查询充值订单详细
|
|||
export function getDealRecharge(id) { |
|||
return request({ |
|||
url: '/business/dealRecharge/' + id, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
|
|||
// 新增充值订单
|
|||
export function addDealRecharge(data) { |
|||
return request({ |
|||
url: '/business/dealRecharge', |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 修改充值订单
|
|||
export function updateDealRecharge(data) { |
|||
return request({ |
|||
url: '/business/dealRecharge', |
|||
method: 'put', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 删除充值订单
|
|||
export function delDealRecharge(id) { |
|||
return request({ |
|||
url: '/business/dealRecharge/' + id, |
|||
method: 'delete' |
|||
}) |
|||
} |
|||
@ -0,0 +1,44 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
// 查询提现订单列表
|
|||
export function listDealWithdrawal(query) { |
|||
return request({ |
|||
url: '/business/dealWithdrawal/list', |
|||
method: 'get', |
|||
params: query |
|||
}) |
|||
} |
|||
|
|||
// 查询提现订单详细
|
|||
export function getDealWithdrawal(id) { |
|||
return request({ |
|||
url: '/business/dealWithdrawal/' + id, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
|
|||
// 新增提现订单
|
|||
export function addDealWithdrawal(data) { |
|||
return request({ |
|||
url: '/business/dealWithdrawal', |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 修改提现订单
|
|||
export function updateDealWithdrawal(data) { |
|||
return request({ |
|||
url: '/business/dealWithdrawal', |
|||
method: 'put', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 删除提现订单
|
|||
export function delDealWithdrawal(id) { |
|||
return request({ |
|||
url: '/business/dealWithdrawal/' + id, |
|||
method: 'delete' |
|||
}) |
|||
} |
|||
@ -0,0 +1,44 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
// 查询手续费记录列表
|
|||
export function listFeeRecord(query) { |
|||
return request({ |
|||
url: '/business/feeRecord/list', |
|||
method: 'get', |
|||
params: query |
|||
}) |
|||
} |
|||
|
|||
// 查询手续费记录详细
|
|||
export function getFeeRecord(id) { |
|||
return request({ |
|||
url: '/business/feeRecord/' + id, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
|
|||
// 新增手续费记录
|
|||
export function addFeeRecord(data) { |
|||
return request({ |
|||
url: '/business/feeRecord', |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 修改手续费记录
|
|||
export function updateFeeRecord(data) { |
|||
return request({ |
|||
url: '/business/feeRecord', |
|||
method: 'put', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 删除手续费记录
|
|||
export function delFeeRecord(id) { |
|||
return request({ |
|||
url: '/business/feeRecord/' + id, |
|||
method: 'delete' |
|||
}) |
|||
} |
|||
@ -0,0 +1,44 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
// 查询手续费规则列表
|
|||
export function listFeeStandard(query) { |
|||
return request({ |
|||
url: '/business/feeStandard/list', |
|||
method: 'get', |
|||
params: query |
|||
}) |
|||
} |
|||
|
|||
// 查询手续费规则详细
|
|||
export function getFeeStandard(feeStandardId) { |
|||
return request({ |
|||
url: '/business/feeStandard/' + feeStandardId, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
|
|||
// 新增手续费规则
|
|||
export function addFeeStandard(data) { |
|||
return request({ |
|||
url: '/business/feeStandard', |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 修改手续费规则
|
|||
export function updateFeeStandard(data) { |
|||
return request({ |
|||
url: '/business/feeStandard', |
|||
method: 'put', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 删除手续费规则
|
|||
export function delFeeStandard(feeStandardId) { |
|||
return request({ |
|||
url: '/business/feeStandard/' + feeStandardId, |
|||
method: 'delete' |
|||
}) |
|||
} |
|||
@ -0,0 +1,44 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
// 查询支付回执列表
|
|||
export function listRecordPaymentReceipt(query) { |
|||
return request({ |
|||
url: '/business/recordPaymentReceipt/list', |
|||
method: 'get', |
|||
params: query |
|||
}) |
|||
} |
|||
|
|||
// 查询支付回执详细
|
|||
export function getRecordPaymentReceipt(id) { |
|||
return request({ |
|||
url: '/business/recordPaymentReceipt/' + id, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
|
|||
// 新增支付回执
|
|||
export function addRecordPaymentReceipt(data) { |
|||
return request({ |
|||
url: '/business/recordPaymentReceipt', |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 修改支付回执
|
|||
export function updateRecordPaymentReceipt(data) { |
|||
return request({ |
|||
url: '/business/recordPaymentReceipt', |
|||
method: 'put', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 删除支付回执
|
|||
export function delRecordPaymentReceipt(id) { |
|||
return request({ |
|||
url: '/business/recordPaymentReceipt/' + id, |
|||
method: 'delete' |
|||
}) |
|||
} |
|||
@ -0,0 +1,483 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|||
<el-form-item label="付款人id" prop="payerId"> |
|||
<el-input |
|||
v-model="queryParams.payerId" |
|||
placeholder="请输入付款人id" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="付款账户名" prop="payerAccountName"> |
|||
<el-input |
|||
v-model="queryParams.payerAccountName" |
|||
placeholder="请输入付款账户名" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="收款人id" prop="payeeId"> |
|||
<el-input |
|||
v-model="queryParams.payeeId" |
|||
placeholder="请输入收款人id" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="收款账户名" prop="payeeAccountName"> |
|||
<el-input |
|||
v-model="queryParams.payeeAccountName" |
|||
placeholder="请输入收款账户名" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="交易金额" prop="transactionAmount"> |
|||
<el-input |
|||
v-model="queryParams.transactionAmount" |
|||
placeholder="请输入交易金额" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="手续费" prop="fee"> |
|||
<el-input |
|||
v-model="queryParams.fee" |
|||
placeholder="请输入手续费" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="支付方式" prop="paymentMethod"> |
|||
<el-input |
|||
v-model="queryParams.paymentMethod" |
|||
placeholder="请输入支付方式" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="创建人" prop="creator"> |
|||
<el-input |
|||
v-model="queryParams.creator" |
|||
placeholder="请输入创建人" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="修改人" prop="modifier"> |
|||
<el-input |
|||
v-model="queryParams.modifier" |
|||
placeholder="请输入修改人" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="primary" |
|||
plain |
|||
icon="el-icon-plus" |
|||
size="mini" |
|||
@click="handleAdd" |
|||
v-hasPermi="['business:dealPayment:add']" |
|||
>新增</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="success" |
|||
plain |
|||
icon="el-icon-edit" |
|||
size="mini" |
|||
:disabled="single" |
|||
@click="handleUpdate" |
|||
v-hasPermi="['business:dealPayment:edit']" |
|||
>修改</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="danger" |
|||
plain |
|||
icon="el-icon-delete" |
|||
size="mini" |
|||
:disabled="multiple" |
|||
@click="handleDelete" |
|||
v-hasPermi="['business:dealPayment:remove']" |
|||
>删除</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="warning" |
|||
plain |
|||
icon="el-icon-download" |
|||
size="mini" |
|||
@click="handleExport" |
|||
v-hasPermi="['business:dealPayment:export']" |
|||
>导出</el-button> |
|||
</el-col> |
|||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
|
|||
<el-table v-loading="loading" :data="dealPaymentList" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column label="订单编号" align="center" prop="id" v-if="true"/> |
|||
<el-table-column label="付款人id" align="center" prop="payerId" /> |
|||
<el-table-column label="付款账户名" align="center" prop="payerAccountName" /> |
|||
<el-table-column label="收款人id" align="center" prop="payeeId" /> |
|||
<el-table-column label="收款账户名" align="center" prop="payeeAccountName" /> |
|||
<el-table-column label="交易金额" align="center" prop="transactionAmount" /> |
|||
<el-table-column label="手续费" align="center" prop="fee" /> |
|||
<el-table-column label="付款类型" align="center" prop="paymentType" /> |
|||
<el-table-column label="订单状态" align="center" prop="status" /> |
|||
<el-table-column label="支付方式" align="center" prop="paymentMethod" /> |
|||
<el-table-column label="创建人" align="center" prop="creator" /> |
|||
<el-table-column label="修改人" align="center" prop="modifier" /> |
|||
<el-table-column label="备注" align="center" prop="remark" /> |
|||
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-view" |
|||
@click="handleDetail(scope.row)" |
|||
>详情</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-edit" |
|||
@click="handleUpdate(scope.row)" |
|||
v-hasPermi="['business:dealPayment:edit']" |
|||
>修改</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-delete" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['business:dealPayment:remove']" |
|||
>删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination |
|||
v-show="total>0" |
|||
:total="total" |
|||
:page.sync="queryParams.pageNum" |
|||
:limit.sync="queryParams.pageSize" |
|||
@pagination="getList" |
|||
/> |
|||
|
|||
<!-- 添加或修改付款订单对话框 --> |
|||
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="auto"> |
|||
<el-form-item label="付款人id" prop="payerId"> |
|||
<el-input v-model="form.payerId" placeholder="请输入付款人id" /> |
|||
</el-form-item> |
|||
<el-form-item label="付款账户名" prop="payerAccountName"> |
|||
<el-input v-model="form.payerAccountName" placeholder="请输入付款账户名" /> |
|||
</el-form-item> |
|||
<el-form-item label="收款人id" prop="payeeId"> |
|||
<el-input v-model="form.payeeId" placeholder="请输入收款人id" /> |
|||
</el-form-item> |
|||
<el-form-item label="收款账户名" prop="payeeAccountName"> |
|||
<el-input v-model="form.payeeAccountName" placeholder="请输入收款账户名" /> |
|||
</el-form-item> |
|||
<el-form-item label="交易金额" prop="transactionAmount"> |
|||
<el-input v-model="form.transactionAmount" placeholder="请输入交易金额" /> |
|||
</el-form-item> |
|||
<el-form-item label="手续费" prop="fee"> |
|||
<el-input v-model="form.fee" placeholder="请输入手续费" /> |
|||
</el-form-item> |
|||
<el-form-item label="支付方式" prop="paymentMethod"> |
|||
<el-input v-model="form.paymentMethod" placeholder="请输入支付方式" /> |
|||
</el-form-item> |
|||
<el-form-item label="创建人" prop="creator"> |
|||
<el-input v-model="form.creator" placeholder="请输入创建人" /> |
|||
</el-form-item> |
|||
<el-form-item label="修改人" prop="modifier"> |
|||
<el-input v-model="form.modifier" placeholder="请输入修改人" /> |
|||
</el-form-item> |
|||
<el-form-item label="备注" prop="remark"> |
|||
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<!-- 付款订单详情 --> |
|||
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" label-width="auto"> |
|||
<el-form-item label="付款人id："> |
|||
{{form.payerId}} |
|||
</el-form-item> |
|||
<el-form-item label="付款账户名："> |
|||
{{form.payerAccountName}} |
|||
</el-form-item> |
|||
<el-form-item label="收款人id："> |
|||
{{form.payeeId}} |
|||
</el-form-item> |
|||
<el-form-item label="收款账户名："> |
|||
{{form.payeeAccountName}} |
|||
</el-form-item> |
|||
<el-form-item label="交易金额："> |
|||
{{form.transactionAmount}} |
|||
</el-form-item> |
|||
<el-form-item label="手续费："> |
|||
{{form.fee}} |
|||
</el-form-item> |
|||
<el-form-item label="支付方式："> |
|||
{{form.paymentMethod}} |
|||
</el-form-item> |
|||
<el-form-item label="创建人："> |
|||
{{form.creator}} |
|||
</el-form-item> |
|||
<el-form-item label="修改人："> |
|||
{{form.modifier}} |
|||
</el-form-item> |
|||
<el-form-item label="备注："> |
|||
{{form.remark}} |
|||
|
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click="cancel">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { listDealPayment, getDealPayment, delDealPayment, addDealPayment, updateDealPayment } from "@/api/business/dealPayment"; |
|||
|
|||
export default { |
|||
name: "DealPayment", |
|||
data() { |
|||
return { |
|||
// 按钮loading |
|||
buttonLoading: false, |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 付款订单表格数据 |
|||
dealPaymentList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
// 是否显示详情弹出层 |
|||
detailOpen: false, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
payerId: undefined, |
|||
payerAccountName: undefined, |
|||
payeeId: undefined, |
|||
payeeAccountName: undefined, |
|||
transactionAmount: undefined, |
|||
fee: undefined, |
|||
paymentType: undefined, |
|||
status: undefined, |
|||
paymentMethod: undefined, |
|||
creator: undefined, |
|||
modifier: undefined, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
// 表单校验 |
|||
rules: { |
|||
id: [ |
|||
{ required: true, message: "订单编号不能为空", trigger: "blur" } |
|||
], |
|||
payerId: [ |
|||
{ required: true, message: "付款人id不能为空", trigger: "blur" } |
|||
], |
|||
payerAccountName: [ |
|||
{ required: true, message: "付款账户名不能为空", trigger: "blur" } |
|||
], |
|||
payeeId: [ |
|||
{ required: true, message: "收款人id不能为空", trigger: "blur" } |
|||
], |
|||
payeeAccountName: [ |
|||
{ required: true, message: "收款账户名不能为空", trigger: "blur" } |
|||
], |
|||
transactionAmount: [ |
|||
{ required: true, message: "交易金额不能为空", trigger: "blur" } |
|||
], |
|||
fee: [ |
|||
{ required: true, message: "手续费不能为空", trigger: "blur" } |
|||
], |
|||
paymentType: [ |
|||
{ required: true, message: "付款类型不能为空", trigger: "change" } |
|||
], |
|||
status: [ |
|||
{ required: true, message: "订单状态不能为空", trigger: "change" } |
|||
], |
|||
paymentMethod: [ |
|||
{ required: true, message: "支付方式不能为空", trigger: "blur" } |
|||
], |
|||
createTime: [ |
|||
{ required: true, message: "创建时间不能为空", trigger: "blur" } |
|||
], |
|||
creator: [ |
|||
{ required: true, message: "创建人不能为空", trigger: "blur" } |
|||
], |
|||
modifier: [ |
|||
{ required: true, message: "修改人不能为空", trigger: "blur" } |
|||
], |
|||
remark: [ |
|||
{ required: true, message: "备注不能为空", trigger: "blur" } |
|||
], |
|||
} |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
/** 查询付款订单列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
listDealPayment(this.queryParams).then(response => { |
|||
this.dealPaymentList = response.rows; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.detailOpen = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: undefined, |
|||
payerId: undefined, |
|||
payerAccountName: undefined, |
|||
payeeId: undefined, |
|||
payeeAccountName: undefined, |
|||
transactionAmount: undefined, |
|||
fee: undefined, |
|||
paymentType: undefined, |
|||
status: undefined, |
|||
paymentMethod: undefined, |
|||
createTime: undefined, |
|||
updateTime: undefined, |
|||
creator: undefined, |
|||
modifier: undefined, |
|||
remark: undefined, |
|||
delFlag: undefined |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.resetForm("queryForm"); |
|||
this.handleQuery(); |
|||
}, |
|||
// 多选框选中数据 |
|||
handleSelectionChange(selection) { |
|||
this.ids = selection.map(item => item.id) |
|||
this.single = selection.length!==1 |
|||
this.multiple = !selection.length |
|||
}, |
|||
/** 新增按钮操作 */ |
|||
handleAdd() { |
|||
this.reset(); |
|||
this.open = true; |
|||
this.title = "添加付款订单"; |
|||
}, |
|||
/** 详情按钮操作 */ |
|||
handleDetail(row){ |
|||
this.reset(); |
|||
this.form = row; |
|||
this.detailOpen = true; |
|||
this.title = "付款订单"; |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.loading = true; |
|||
this.reset(); |
|||
const id = row.id || this.ids |
|||
getDealPayment(id).then(response => { |
|||
this.loading = false; |
|||
this.form = response.data; |
|||
this.open = true; |
|||
this.title = "修改付款订单"; |
|||
}); |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate(valid => { |
|||
if (valid) { |
|||
this.buttonLoading = true; |
|||
if (this.form.id != null) { |
|||
updateDealPayment(this.form).then(response => { |
|||
this.$modal.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} else { |
|||
addDealPayment(this.form).then(response => { |
|||
this.$modal.msgSuccess("新增成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const ids = row.id || this.ids; |
|||
this.$modal.confirm('是否确认删除付款订单编号为"' + ids + '"的数据项？').then(() => { |
|||
this.loading = true; |
|||
return delDealPayment(ids); |
|||
}).then(() => { |
|||
this.loading = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess("删除成功"); |
|||
}).catch(() => { |
|||
}).finally(() => { |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
/** 导出按钮操作 */ |
|||
handleExport() { |
|||
this.download('business/dealPayment/export', { |
|||
...this.queryParams |
|||
}, `dealPayment_${new Date().getTime()}.xlsx`) |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
@ -0,0 +1,463 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|||
<el-form-item label="代缴人id" prop="proxyPayerId"> |
|||
<el-input |
|||
v-model="queryParams.proxyPayerId" |
|||
placeholder="请输入代缴人id" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="代缴账户名" prop="proxyPayerAccountName"> |
|||
<el-input |
|||
v-model="queryParams.proxyPayerAccountName" |
|||
placeholder="请输入代缴账户名" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="交易金额" prop="transactionAmount"> |
|||
<el-input |
|||
v-model="queryParams.transactionAmount" |
|||
placeholder="请输入交易金额" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="手续费" prop="fee"> |
|||
<el-input |
|||
v-model="queryParams.fee" |
|||
placeholder="请输入手续费" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="代缴服务账户" prop="proxyServiceAccount"> |
|||
<el-input |
|||
v-model="queryParams.proxyServiceAccount" |
|||
placeholder="请输入代缴服务账户" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="创建人" prop="creator"> |
|||
<el-input |
|||
v-model="queryParams.creator" |
|||
placeholder="请输入创建人" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="修改人" prop="modifier"> |
|||
<el-input |
|||
v-model="queryParams.modifier" |
|||
placeholder="请输入修改人" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="支付渠道" prop="paymentChannel"> |
|||
<el-input |
|||
v-model="queryParams.paymentChannel" |
|||
placeholder="请输入支付渠道" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="primary" |
|||
plain |
|||
icon="el-icon-plus" |
|||
size="mini" |
|||
@click="handleAdd" |
|||
v-hasPermi="['business:dealProxy:add']" |
|||
>新增</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="success" |
|||
plain |
|||
icon="el-icon-edit" |
|||
size="mini" |
|||
:disabled="single" |
|||
@click="handleUpdate" |
|||
v-hasPermi="['business:dealProxy:edit']" |
|||
>修改</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="danger" |
|||
plain |
|||
icon="el-icon-delete" |
|||
size="mini" |
|||
:disabled="multiple" |
|||
@click="handleDelete" |
|||
v-hasPermi="['business:dealProxy:remove']" |
|||
>删除</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="warning" |
|||
plain |
|||
icon="el-icon-download" |
|||
size="mini" |
|||
@click="handleExport" |
|||
v-hasPermi="['business:dealProxy:export']" |
|||
>导出</el-button> |
|||
</el-col> |
|||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
|
|||
<el-table v-loading="loading" :data="dealProxyList" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column label="订单编号" align="center" prop="id" v-if="true"/> |
|||
<el-table-column label="代缴人id" align="center" prop="proxyPayerId" /> |
|||
<el-table-column label="代缴账户名" align="center" prop="proxyPayerAccountName" /> |
|||
<el-table-column label="交易金额" align="center" prop="transactionAmount" /> |
|||
<el-table-column label="手续费" align="center" prop="fee" /> |
|||
<el-table-column label="代缴服务类型" align="center" prop="proxyServiceType" /> |
|||
<el-table-column label="代缴服务账户" align="center" prop="proxyServiceAccount" /> |
|||
<el-table-column label="订单状态" align="center" prop="status" /> |
|||
<el-table-column label="创建人" align="center" prop="creator" /> |
|||
<el-table-column label="修改人" align="center" prop="modifier" /> |
|||
<el-table-column label="备注" align="center" prop="remark" /> |
|||
<el-table-column label="支付渠道" align="center" prop="paymentChannel" /> |
|||
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-view" |
|||
@click="handleDetail(scope.row)" |
|||
>详情</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-edit" |
|||
@click="handleUpdate(scope.row)" |
|||
v-hasPermi="['business:dealProxy:edit']" |
|||
>修改</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-delete" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['business:dealProxy:remove']" |
|||
>删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination |
|||
v-show="total>0" |
|||
:total="total" |
|||
:page.sync="queryParams.pageNum" |
|||
:limit.sync="queryParams.pageSize" |
|||
@pagination="getList" |
|||
/> |
|||
|
|||
<!-- 添加或修改代缴订单对话框 --> |
|||
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="auto"> |
|||
<el-form-item label="代缴人id" prop="proxyPayerId"> |
|||
<el-input v-model="form.proxyPayerId" placeholder="请输入代缴人id" /> |
|||
</el-form-item> |
|||
<el-form-item label="代缴账户名" prop="proxyPayerAccountName"> |
|||
<el-input v-model="form.proxyPayerAccountName" placeholder="请输入代缴账户名" /> |
|||
</el-form-item> |
|||
<el-form-item label="交易金额" prop="transactionAmount"> |
|||
<el-input v-model="form.transactionAmount" placeholder="请输入交易金额" /> |
|||
</el-form-item> |
|||
<el-form-item label="手续费" prop="fee"> |
|||
<el-input v-model="form.fee" placeholder="请输入手续费" /> |
|||
</el-form-item> |
|||
<el-form-item label="代缴服务账户" prop="proxyServiceAccount"> |
|||
<el-input v-model="form.proxyServiceAccount" placeholder="请输入代缴服务账户" /> |
|||
</el-form-item> |
|||
<el-form-item label="创建人" prop="creator"> |
|||
<el-input v-model="form.creator" placeholder="请输入创建人" /> |
|||
</el-form-item> |
|||
<el-form-item label="修改人" prop="modifier"> |
|||
<el-input v-model="form.modifier" placeholder="请输入修改人" /> |
|||
</el-form-item> |
|||
<el-form-item label="备注" prop="remark"> |
|||
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> |
|||
</el-form-item> |
|||
<el-form-item label="支付渠道" prop="paymentChannel"> |
|||
<el-input v-model="form.paymentChannel" placeholder="请输入支付渠道" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<!-- 代缴订单详情 --> |
|||
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" label-width="auto"> |
|||
<el-form-item label="代缴人id："> |
|||
{{form.proxyPayerId}} |
|||
</el-form-item> |
|||
<el-form-item label="代缴账户名："> |
|||
{{form.proxyPayerAccountName}} |
|||
</el-form-item> |
|||
<el-form-item label="交易金额："> |
|||
{{form.transactionAmount}} |
|||
</el-form-item> |
|||
<el-form-item label="手续费："> |
|||
{{form.fee}} |
|||
</el-form-item> |
|||
<el-form-item label="代缴服务账户："> |
|||
{{form.proxyServiceAccount}} |
|||
</el-form-item> |
|||
<el-form-item label="创建人："> |
|||
{{form.creator}} |
|||
</el-form-item> |
|||
<el-form-item label="修改人："> |
|||
{{form.modifier}} |
|||
</el-form-item> |
|||
<el-form-item label="备注："> |
|||
{{form.remark}} |
|||
|
|||
</el-form-item> |
|||
<el-form-item label="支付渠道："> |
|||
{{form.paymentChannel}} |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click="cancel">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { listDealProxy, getDealProxy, delDealProxy, addDealProxy, updateDealProxy } from "@/api/business/dealProxy"; |
|||
|
|||
export default { |
|||
name: "DealProxy", |
|||
data() { |
|||
return { |
|||
// 按钮loading |
|||
buttonLoading: false, |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 代缴订单表格数据 |
|||
dealProxyList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
// 是否显示详情弹出层 |
|||
detailOpen: false, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
proxyPayerId: undefined, |
|||
proxyPayerAccountName: undefined, |
|||
transactionAmount: undefined, |
|||
fee: undefined, |
|||
proxyServiceType: undefined, |
|||
proxyServiceAccount: undefined, |
|||
status: undefined, |
|||
creator: undefined, |
|||
modifier: undefined, |
|||
paymentChannel: undefined, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
// 表单校验 |
|||
rules: { |
|||
id: [ |
|||
{ required: true, message: "订单编号不能为空", trigger: "blur" } |
|||
], |
|||
proxyPayerId: [ |
|||
{ required: true, message: "代缴人id不能为空", trigger: "blur" } |
|||
], |
|||
proxyPayerAccountName: [ |
|||
{ required: true, message: "代缴账户名不能为空", trigger: "blur" } |
|||
], |
|||
transactionAmount: [ |
|||
{ required: true, message: "交易金额不能为空", trigger: "blur" } |
|||
], |
|||
fee: [ |
|||
{ required: true, message: "手续费不能为空", trigger: "blur" } |
|||
], |
|||
proxyServiceType: [ |
|||
{ required: true, message: "代缴服务类型不能为空", trigger: "change" } |
|||
], |
|||
proxyServiceAccount: [ |
|||
{ required: true, message: "代缴服务账户不能为空", trigger: "blur" } |
|||
], |
|||
status: [ |
|||
{ required: true, message: "订单状态不能为空", trigger: "change" } |
|||
], |
|||
createTime: [ |
|||
{ required: true, message: "创建时间不能为空", trigger: "blur" } |
|||
], |
|||
creator: [ |
|||
{ required: true, message: "创建人不能为空", trigger: "blur" } |
|||
], |
|||
modifier: [ |
|||
{ required: true, message: "修改人不能为空", trigger: "blur" } |
|||
], |
|||
remark: [ |
|||
{ required: true, message: "备注不能为空", trigger: "blur" } |
|||
], |
|||
paymentChannel: [ |
|||
{ required: true, message: "支付渠道不能为空", trigger: "blur" } |
|||
], |
|||
} |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
/** 查询代缴订单列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
listDealProxy(this.queryParams).then(response => { |
|||
this.dealProxyList = response.rows; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.detailOpen = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: undefined, |
|||
proxyPayerId: undefined, |
|||
proxyPayerAccountName: undefined, |
|||
transactionAmount: undefined, |
|||
fee: undefined, |
|||
proxyServiceType: undefined, |
|||
proxyServiceAccount: undefined, |
|||
status: undefined, |
|||
createTime: undefined, |
|||
updateTime: undefined, |
|||
creator: undefined, |
|||
modifier: undefined, |
|||
remark: undefined, |
|||
paymentChannel: undefined, |
|||
delFlag: undefined |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.resetForm("queryForm"); |
|||
this.handleQuery(); |
|||
}, |
|||
// 多选框选中数据 |
|||
handleSelectionChange(selection) { |
|||
this.ids = selection.map(item => item.id) |
|||
this.single = selection.length!==1 |
|||
this.multiple = !selection.length |
|||
}, |
|||
/** 新增按钮操作 */ |
|||
handleAdd() { |
|||
this.reset(); |
|||
this.open = true; |
|||
this.title = "添加代缴订单"; |
|||
}, |
|||
/** 详情按钮操作 */ |
|||
handleDetail(row){ |
|||
this.reset(); |
|||
this.form = row; |
|||
this.detailOpen = true; |
|||
this.title = "代缴订单"; |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.loading = true; |
|||
this.reset(); |
|||
const id = row.id || this.ids |
|||
getDealProxy(id).then(response => { |
|||
this.loading = false; |
|||
this.form = response.data; |
|||
this.open = true; |
|||
this.title = "修改代缴订单"; |
|||
}); |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate(valid => { |
|||
if (valid) { |
|||
this.buttonLoading = true; |
|||
if (this.form.id != null) { |
|||
updateDealProxy(this.form).then(response => { |
|||
this.$modal.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} else { |
|||
addDealProxy(this.form).then(response => { |
|||
this.$modal.msgSuccess("新增成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const ids = row.id || this.ids; |
|||
this.$modal.confirm('是否确认删除代缴订单编号为"' + ids + '"的数据项？').then(() => { |
|||
this.loading = true; |
|||
return delDealProxy(ids); |
|||
}).then(() => { |
|||
this.loading = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess("删除成功"); |
|||
}).catch(() => { |
|||
}).finally(() => { |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
/** 导出按钮操作 */ |
|||
handleExport() { |
|||
this.download('business/dealProxy/export', { |
|||
...this.queryParams |
|||
}, `dealProxy_${new Date().getTime()}.xlsx`) |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
@ -0,0 +1,483 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|||
<el-form-item label="付款人id" prop="payerId"> |
|||
<el-input |
|||
v-model="queryParams.payerId" |
|||
placeholder="请输入付款人id" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="付款账户名" prop="payerAccountName"> |
|||
<el-input |
|||
v-model="queryParams.payerAccountName" |
|||
placeholder="请输入付款账户名" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="收款人id" prop="payeeId"> |
|||
<el-input |
|||
v-model="queryParams.payeeId" |
|||
placeholder="请输入收款人id" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="收款账户名" prop="payeeAccountName"> |
|||
<el-input |
|||
v-model="queryParams.payeeAccountName" |
|||
placeholder="请输入收款账户名" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="交易金额" prop="transactionAmount"> |
|||
<el-input |
|||
v-model="queryParams.transactionAmount" |
|||
placeholder="请输入交易金额" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="手续费" prop="fee"> |
|||
<el-input |
|||
v-model="queryParams.fee" |
|||
placeholder="请输入手续费" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="支付方式" prop="paymentMethod"> |
|||
<el-input |
|||
v-model="queryParams.paymentMethod" |
|||
placeholder="请输入支付方式" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="创建人" prop="creator"> |
|||
<el-input |
|||
v-model="queryParams.creator" |
|||
placeholder="请输入创建人" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="修改人" prop="modifier"> |
|||
<el-input |
|||
v-model="queryParams.modifier" |
|||
placeholder="请输入修改人" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="primary" |
|||
plain |
|||
icon="el-icon-plus" |
|||
size="mini" |
|||
@click="handleAdd" |
|||
v-hasPermi="['business:dealReceipt:add']" |
|||
>新增</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="success" |
|||
plain |
|||
icon="el-icon-edit" |
|||
size="mini" |
|||
:disabled="single" |
|||
@click="handleUpdate" |
|||
v-hasPermi="['business:dealReceipt:edit']" |
|||
>修改</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="danger" |
|||
plain |
|||
icon="el-icon-delete" |
|||
size="mini" |
|||
:disabled="multiple" |
|||
@click="handleDelete" |
|||
v-hasPermi="['business:dealReceipt:remove']" |
|||
>删除</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="warning" |
|||
plain |
|||
icon="el-icon-download" |
|||
size="mini" |
|||
@click="handleExport" |
|||
v-hasPermi="['business:dealReceipt:export']" |
|||
>导出</el-button> |
|||
</el-col> |
|||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
|
|||
<el-table v-loading="loading" :data="dealReceiptList" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column label="订单编号" align="center" prop="id" v-if="true"/> |
|||
<el-table-column label="付款人id" align="center" prop="payerId" /> |
|||
<el-table-column label="付款账户名" align="center" prop="payerAccountName" /> |
|||
<el-table-column label="收款人id" align="center" prop="payeeId" /> |
|||
<el-table-column label="收款账户名" align="center" prop="payeeAccountName" /> |
|||
<el-table-column label="交易金额" align="center" prop="transactionAmount" /> |
|||
<el-table-column label="手续费" align="center" prop="fee" /> |
|||
<el-table-column label="收款类型" align="center" prop="receiptType" /> |
|||
<el-table-column label="订单状态" align="center" prop="status" /> |
|||
<el-table-column label="支付方式" align="center" prop="paymentMethod" /> |
|||
<el-table-column label="创建人" align="center" prop="creator" /> |
|||
<el-table-column label="修改人" align="center" prop="modifier" /> |
|||
<el-table-column label="备注" align="center" prop="remark" /> |
|||
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-view" |
|||
@click="handleDetail(scope.row)" |
|||
>详情</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-edit" |
|||
@click="handleUpdate(scope.row)" |
|||
v-hasPermi="['business:dealReceipt:edit']" |
|||
>修改</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-delete" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['business:dealReceipt:remove']" |
|||
>删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination |
|||
v-show="total>0" |
|||
:total="total" |
|||
:page.sync="queryParams.pageNum" |
|||
:limit.sync="queryParams.pageSize" |
|||
@pagination="getList" |
|||
/> |
|||
|
|||
<!-- 添加或修改收款订单对话框 --> |
|||
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="auto"> |
|||
<el-form-item label="付款人id" prop="payerId"> |
|||
<el-input v-model="form.payerId" placeholder="请输入付款人id" /> |
|||
</el-form-item> |
|||
<el-form-item label="付款账户名" prop="payerAccountName"> |
|||
<el-input v-model="form.payerAccountName" placeholder="请输入付款账户名" /> |
|||
</el-form-item> |
|||
<el-form-item label="收款人id" prop="payeeId"> |
|||
<el-input v-model="form.payeeId" placeholder="请输入收款人id" /> |
|||
</el-form-item> |
|||
<el-form-item label="收款账户名" prop="payeeAccountName"> |
|||
<el-input v-model="form.payeeAccountName" placeholder="请输入收款账户名" /> |
|||
</el-form-item> |
|||
<el-form-item label="交易金额" prop="transactionAmount"> |
|||
<el-input v-model="form.transactionAmount" placeholder="请输入交易金额" /> |
|||
</el-form-item> |
|||
<el-form-item label="手续费" prop="fee"> |
|||
<el-input v-model="form.fee" placeholder="请输入手续费" /> |
|||
</el-form-item> |
|||
<el-form-item label="支付方式" prop="paymentMethod"> |
|||
<el-input v-model="form.paymentMethod" placeholder="请输入支付方式" /> |
|||
</el-form-item> |
|||
<el-form-item label="创建人" prop="creator"> |
|||
<el-input v-model="form.creator" placeholder="请输入创建人" /> |
|||
</el-form-item> |
|||
<el-form-item label="修改人" prop="modifier"> |
|||
<el-input v-model="form.modifier" placeholder="请输入修改人" /> |
|||
</el-form-item> |
|||
<el-form-item label="备注" prop="remark"> |
|||
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<!-- 收款订单详情 --> |
|||
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" label-width="auto"> |
|||
<el-form-item label="付款人id："> |
|||
{{form.payerId}} |
|||
</el-form-item> |
|||
<el-form-item label="付款账户名："> |
|||
{{form.payerAccountName}} |
|||
</el-form-item> |
|||
<el-form-item label="收款人id："> |
|||
{{form.payeeId}} |
|||
</el-form-item> |
|||
<el-form-item label="收款账户名："> |
|||
{{form.payeeAccountName}} |
|||
</el-form-item> |
|||
<el-form-item label="交易金额："> |
|||
{{form.transactionAmount}} |
|||
</el-form-item> |
|||
<el-form-item label="手续费："> |
|||
{{form.fee}} |
|||
</el-form-item> |
|||
<el-form-item label="支付方式："> |
|||
{{form.paymentMethod}} |
|||
</el-form-item> |
|||
<el-form-item label="创建人："> |
|||
{{form.creator}} |
|||
</el-form-item> |
|||
<el-form-item label="修改人："> |
|||
{{form.modifier}} |
|||
</el-form-item> |
|||
<el-form-item label="备注："> |
|||
{{form.remark}} |
|||
|
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click="cancel">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { listDealReceipt, getDealReceipt, delDealReceipt, addDealReceipt, updateDealReceipt } from "@/api/business/dealReceipt"; |
|||
|
|||
export default { |
|||
name: "DealReceipt", |
|||
data() { |
|||
return { |
|||
// 按钮loading |
|||
buttonLoading: false, |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 收款订单表格数据 |
|||
dealReceiptList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
// 是否显示详情弹出层 |
|||
detailOpen: false, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
payerId: undefined, |
|||
payerAccountName: undefined, |
|||
payeeId: undefined, |
|||
payeeAccountName: undefined, |
|||
transactionAmount: undefined, |
|||
fee: undefined, |
|||
receiptType: undefined, |
|||
status: undefined, |
|||
paymentMethod: undefined, |
|||
creator: undefined, |
|||
modifier: undefined, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
// 表单校验 |
|||
rules: { |
|||
id: [ |
|||
{ required: true, message: "订单编号不能为空", trigger: "blur" } |
|||
], |
|||
payerId: [ |
|||
{ required: true, message: "付款人id不能为空", trigger: "blur" } |
|||
], |
|||
payerAccountName: [ |
|||
{ required: true, message: "付款账户名不能为空", trigger: "blur" } |
|||
], |
|||
payeeId: [ |
|||
{ required: true, message: "收款人id不能为空", trigger: "blur" } |
|||
], |
|||
payeeAccountName: [ |
|||
{ required: true, message: "收款账户名不能为空", trigger: "blur" } |
|||
], |
|||
transactionAmount: [ |
|||
{ required: true, message: "交易金额不能为空", trigger: "blur" } |
|||
], |
|||
fee: [ |
|||
{ required: true, message: "手续费不能为空", trigger: "blur" } |
|||
], |
|||
receiptType: [ |
|||
{ required: true, message: "收款类型不能为空", trigger: "change" } |
|||
], |
|||
status: [ |
|||
{ required: true, message: "订单状态不能为空", trigger: "change" } |
|||
], |
|||
paymentMethod: [ |
|||
{ required: true, message: "支付方式不能为空", trigger: "blur" } |
|||
], |
|||
createTime: [ |
|||
{ required: true, message: "创建时间不能为空", trigger: "blur" } |
|||
], |
|||
creator: [ |
|||
{ required: true, message: "创建人不能为空", trigger: "blur" } |
|||
], |
|||
modifier: [ |
|||
{ required: true, message: "修改人不能为空", trigger: "blur" } |
|||
], |
|||
remark: [ |
|||
{ required: true, message: "备注不能为空", trigger: "blur" } |
|||
], |
|||
} |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
/** 查询收款订单列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
listDealReceipt(this.queryParams).then(response => { |
|||
this.dealReceiptList = response.rows; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.detailOpen = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: undefined, |
|||
payerId: undefined, |
|||
payerAccountName: undefined, |
|||
payeeId: undefined, |
|||
payeeAccountName: undefined, |
|||
transactionAmount: undefined, |
|||
fee: undefined, |
|||
receiptType: undefined, |
|||
status: undefined, |
|||
paymentMethod: undefined, |
|||
createTime: undefined, |
|||
updateTime: undefined, |
|||
creator: undefined, |
|||
modifier: undefined, |
|||
remark: undefined, |
|||
delFlag: undefined |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.resetForm("queryForm"); |
|||
this.handleQuery(); |
|||
}, |
|||
// 多选框选中数据 |
|||
handleSelectionChange(selection) { |
|||
this.ids = selection.map(item => item.id) |
|||
this.single = selection.length!==1 |
|||
this.multiple = !selection.length |
|||
}, |
|||
/** 新增按钮操作 */ |
|||
handleAdd() { |
|||
this.reset(); |
|||
this.open = true; |
|||
this.title = "添加收款订单"; |
|||
}, |
|||
/** 详情按钮操作 */ |
|||
handleDetail(row){ |
|||
this.reset(); |
|||
this.form = row; |
|||
this.detailOpen = true; |
|||
this.title = "收款订单"; |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.loading = true; |
|||
this.reset(); |
|||
const id = row.id || this.ids |
|||
getDealReceipt(id).then(response => { |
|||
this.loading = false; |
|||
this.form = response.data; |
|||
this.open = true; |
|||
this.title = "修改收款订单"; |
|||
}); |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate(valid => { |
|||
if (valid) { |
|||
this.buttonLoading = true; |
|||
if (this.form.id != null) { |
|||
updateDealReceipt(this.form).then(response => { |
|||
this.$modal.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} else { |
|||
addDealReceipt(this.form).then(response => { |
|||
this.$modal.msgSuccess("新增成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const ids = row.id || this.ids; |
|||
this.$modal.confirm('是否确认删除收款订单编号为"' + ids + '"的数据项？').then(() => { |
|||
this.loading = true; |
|||
return delDealReceipt(ids); |
|||
}).then(() => { |
|||
this.loading = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess("删除成功"); |
|||
}).catch(() => { |
|||
}).finally(() => { |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
/** 导出按钮操作 */ |
|||
handleExport() { |
|||
this.download('business/dealReceipt/export', { |
|||
...this.queryParams |
|||
}, `dealReceipt_${new Date().getTime()}.xlsx`) |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
@ -0,0 +1,477 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|||
<el-form-item label="充值用户id" prop="rechargeUserId"> |
|||
<el-input |
|||
v-model="queryParams.rechargeUserId" |
|||
placeholder="请输入充值用户id" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="充值账户名" prop="rechargeAccountName"> |
|||
<el-input |
|||
v-model="queryParams.rechargeAccountName" |
|||
placeholder="请输入充值账户名" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="交易金额" prop="transactionAmount"> |
|||
<el-input |
|||
v-model="queryParams.transactionAmount" |
|||
placeholder="请输入交易金额" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="手续费" prop="fee"> |
|||
<el-input |
|||
v-model="queryParams.fee" |
|||
placeholder="请输入手续费" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="实际到账金额" prop="actualAmount"> |
|||
<el-input |
|||
v-model="queryParams.actualAmount" |
|||
placeholder="请输入实际到账金额" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="支付方式" prop="paymentMethod"> |
|||
<el-input |
|||
v-model="queryParams.paymentMethod" |
|||
placeholder="请输入支付方式" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="充值方式" prop="rechargeMethod"> |
|||
<el-input |
|||
v-model="queryParams.rechargeMethod" |
|||
placeholder="请输入充值方式" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="创建人" prop="creator"> |
|||
<el-input |
|||
v-model="queryParams.creator" |
|||
placeholder="请输入创建人" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="修改人" prop="modifier"> |
|||
<el-input |
|||
v-model="queryParams.modifier" |
|||
placeholder="请输入修改人" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="primary" |
|||
plain |
|||
icon="el-icon-plus" |
|||
size="mini" |
|||
@click="handleAdd" |
|||
v-hasPermi="['business:dealRecharge:add']" |
|||
>新增</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="success" |
|||
plain |
|||
icon="el-icon-edit" |
|||
size="mini" |
|||
:disabled="single" |
|||
@click="handleUpdate" |
|||
v-hasPermi="['business:dealRecharge:edit']" |
|||
>修改</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="danger" |
|||
plain |
|||
icon="el-icon-delete" |
|||
size="mini" |
|||
:disabled="multiple" |
|||
@click="handleDelete" |
|||
v-hasPermi="['business:dealRecharge:remove']" |
|||
>删除</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="warning" |
|||
plain |
|||
icon="el-icon-download" |
|||
size="mini" |
|||
@click="handleExport" |
|||
v-hasPermi="['business:dealRecharge:export']" |
|||
>导出</el-button> |
|||
</el-col> |
|||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
|
|||
<el-table v-loading="loading" :data="dealRechargeList" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column label="订单编号" align="center" prop="id" v-if="true"/> |
|||
<el-table-column label="充值用户id" align="center" prop="rechargeUserId" /> |
|||
<el-table-column label="充值账户名" align="center" prop="rechargeAccountName" /> |
|||
<el-table-column label="交易金额" align="center" prop="transactionAmount" /> |
|||
<el-table-column label="手续费" align="center" prop="fee" /> |
|||
<el-table-column label="实际到账金额" align="center" prop="actualAmount" /> |
|||
<el-table-column label="支付方式" align="center" prop="paymentMethod" /> |
|||
<el-table-column label="充值方式" align="center" prop="rechargeMethod" /> |
|||
<el-table-column label="订单状态" align="center" prop="status" /> |
|||
<el-table-column label="创建人" align="center" prop="creator" /> |
|||
<el-table-column label="修改人" align="center" prop="modifier" /> |
|||
<el-table-column label="备注" align="center" prop="remark" /> |
|||
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-view" |
|||
@click="handleDetail(scope.row)" |
|||
>详情</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-edit" |
|||
@click="handleUpdate(scope.row)" |
|||
v-hasPermi="['business:dealRecharge:edit']" |
|||
>修改</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-delete" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['business:dealRecharge:remove']" |
|||
>删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination |
|||
v-show="total>0" |
|||
:total="total" |
|||
:page.sync="queryParams.pageNum" |
|||
:limit.sync="queryParams.pageSize" |
|||
@pagination="getList" |
|||
/> |
|||
|
|||
<!-- 添加或修改充值订单对话框 --> |
|||
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="auto"> |
|||
<el-form-item label="充值用户id" prop="rechargeUserId"> |
|||
<el-input v-model="form.rechargeUserId" placeholder="请输入充值用户id" /> |
|||
</el-form-item> |
|||
<el-form-item label="充值账户名" prop="rechargeAccountName"> |
|||
<el-input v-model="form.rechargeAccountName" placeholder="请输入充值账户名" /> |
|||
</el-form-item> |
|||
<el-form-item label="交易金额" prop="transactionAmount"> |
|||
<el-input v-model="form.transactionAmount" placeholder="请输入交易金额" /> |
|||
</el-form-item> |
|||
<el-form-item label="手续费" prop="fee"> |
|||
<el-input v-model="form.fee" placeholder="请输入手续费" /> |
|||
</el-form-item> |
|||
<el-form-item label="实际到账金额" prop="actualAmount"> |
|||
<el-input v-model="form.actualAmount" placeholder="请输入实际到账金额" /> |
|||
</el-form-item> |
|||
<el-form-item label="支付方式" prop="paymentMethod"> |
|||
<el-input v-model="form.paymentMethod" placeholder="请输入支付方式" /> |
|||
</el-form-item> |
|||
<el-form-item label="充值方式" prop="rechargeMethod"> |
|||
<el-input v-model="form.rechargeMethod" placeholder="请输入充值方式" /> |
|||
</el-form-item> |
|||
<el-form-item label="创建人" prop="creator"> |
|||
<el-input v-model="form.creator" placeholder="请输入创建人" /> |
|||
</el-form-item> |
|||
<el-form-item label="修改人" prop="modifier"> |
|||
<el-input v-model="form.modifier" placeholder="请输入修改人" /> |
|||
</el-form-item> |
|||
<el-form-item label="备注" prop="remark"> |
|||
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<!-- 充值订单详情 --> |
|||
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" label-width="auto"> |
|||
<el-form-item label="充值用户id："> |
|||
{{form.rechargeUserId}} |
|||
</el-form-item> |
|||
<el-form-item label="充值账户名："> |
|||
{{form.rechargeAccountName}} |
|||
</el-form-item> |
|||
<el-form-item label="交易金额："> |
|||
{{form.transactionAmount}} |
|||
</el-form-item> |
|||
<el-form-item label="手续费："> |
|||
{{form.fee}} |
|||
</el-form-item> |
|||
<el-form-item label="实际到账金额："> |
|||
{{form.actualAmount}} |
|||
</el-form-item> |
|||
<el-form-item label="支付方式："> |
|||
{{form.paymentMethod}} |
|||
</el-form-item> |
|||
<el-form-item label="充值方式："> |
|||
{{form.rechargeMethod}} |
|||
</el-form-item> |
|||
<el-form-item label="创建人："> |
|||
{{form.creator}} |
|||
</el-form-item> |
|||
<el-form-item label="修改人："> |
|||
{{form.modifier}} |
|||
</el-form-item> |
|||
<el-form-item label="备注："> |
|||
{{form.remark}} |
|||
|
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click="cancel">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { listDealRecharge, getDealRecharge, delDealRecharge, addDealRecharge, updateDealRecharge } from "@/api/business/dealRecharge"; |
|||
|
|||
export default { |
|||
name: "DealRecharge", |
|||
data() { |
|||
return { |
|||
// 按钮loading |
|||
buttonLoading: false, |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 充值订单表格数据 |
|||
dealRechargeList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
// 是否显示详情弹出层 |
|||
detailOpen: false, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
rechargeUserId: undefined, |
|||
rechargeAccountName: undefined, |
|||
transactionAmount: undefined, |
|||
fee: undefined, |
|||
actualAmount: undefined, |
|||
paymentMethod: undefined, |
|||
rechargeMethod: undefined, |
|||
status: undefined, |
|||
creator: undefined, |
|||
modifier: undefined, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
// 表单校验 |
|||
rules: { |
|||
id: [ |
|||
{ required: true, message: "订单编号不能为空", trigger: "blur" } |
|||
], |
|||
rechargeUserId: [ |
|||
{ required: true, message: "充值用户id不能为空", trigger: "blur" } |
|||
], |
|||
rechargeAccountName: [ |
|||
{ required: true, message: "充值账户名不能为空", trigger: "blur" } |
|||
], |
|||
transactionAmount: [ |
|||
{ required: true, message: "交易金额不能为空", trigger: "blur" } |
|||
], |
|||
fee: [ |
|||
{ required: true, message: "手续费不能为空", trigger: "blur" } |
|||
], |
|||
actualAmount: [ |
|||
{ required: true, message: "实际到账金额不能为空", trigger: "blur" } |
|||
], |
|||
paymentMethod: [ |
|||
{ required: true, message: "支付方式不能为空", trigger: "blur" } |
|||
], |
|||
rechargeMethod: [ |
|||
{ required: true, message: "充值方式不能为空", trigger: "blur" } |
|||
], |
|||
status: [ |
|||
{ required: true, message: "订单状态不能为空", trigger: "change" } |
|||
], |
|||
createTime: [ |
|||
{ required: true, message: "创建时间不能为空", trigger: "blur" } |
|||
], |
|||
creator: [ |
|||
{ required: true, message: "创建人不能为空", trigger: "blur" } |
|||
], |
|||
modifier: [ |
|||
{ required: true, message: "修改人不能为空", trigger: "blur" } |
|||
], |
|||
remark: [ |
|||
{ required: true, message: "备注不能为空", trigger: "blur" } |
|||
], |
|||
} |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
/** 查询充值订单列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
listDealRecharge(this.queryParams).then(response => { |
|||
this.dealRechargeList = response.rows; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.detailOpen = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: undefined, |
|||
rechargeUserId: undefined, |
|||
rechargeAccountName: undefined, |
|||
transactionAmount: undefined, |
|||
fee: undefined, |
|||
actualAmount: undefined, |
|||
paymentMethod: undefined, |
|||
rechargeMethod: undefined, |
|||
status: undefined, |
|||
createTime: undefined, |
|||
updateTime: undefined, |
|||
creator: undefined, |
|||
modifier: undefined, |
|||
remark: undefined, |
|||
delFlag: undefined |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.resetForm("queryForm"); |
|||
this.handleQuery(); |
|||
}, |
|||
// 多选框选中数据 |
|||
handleSelectionChange(selection) { |
|||
this.ids = selection.map(item => item.id) |
|||
this.single = selection.length!==1 |
|||
this.multiple = !selection.length |
|||
}, |
|||
/** 新增按钮操作 */ |
|||
handleAdd() { |
|||
this.reset(); |
|||
this.open = true; |
|||
this.title = "添加充值订单"; |
|||
}, |
|||
/** 详情按钮操作 */ |
|||
handleDetail(row){ |
|||
this.reset(); |
|||
this.form = row; |
|||
this.detailOpen = true; |
|||
this.title = "充值订单"; |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.loading = true; |
|||
this.reset(); |
|||
const id = row.id || this.ids |
|||
getDealRecharge(id).then(response => { |
|||
this.loading = false; |
|||
this.form = response.data; |
|||
this.open = true; |
|||
this.title = "修改充值订单"; |
|||
}); |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate(valid => { |
|||
if (valid) { |
|||
this.buttonLoading = true; |
|||
if (this.form.id != null) { |
|||
updateDealRecharge(this.form).then(response => { |
|||
this.$modal.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} else { |
|||
addDealRecharge(this.form).then(response => { |
|||
this.$modal.msgSuccess("新增成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const ids = row.id || this.ids; |
|||
this.$modal.confirm('是否确认删除充值订单编号为"' + ids + '"的数据项？').then(() => { |
|||
this.loading = true; |
|||
return delDealRecharge(ids); |
|||
}).then(() => { |
|||
this.loading = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess("删除成功"); |
|||
}).catch(() => { |
|||
}).finally(() => { |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
/** 导出按钮操作 */ |
|||
handleExport() { |
|||
this.download('business/dealRecharge/export', { |
|||
...this.queryParams |
|||
}, `dealRecharge_${new Date().getTime()}.xlsx`) |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
@ -1,372 +1,483 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|||
<el-form-item :label="$t('business.dealTransfer.transferAccount')" prop="userAccount"> |
|||
<el-input v-model="queryParams.userAccount" :placeholder="$t('business.dealTransfer.transferAccountPlaceholder')" clearable @keyup.enter.native="handleQuery" /> |
|||
<el-form-item label="转出人id" prop="senderId"> |
|||
<el-input |
|||
v-model="queryParams.senderId" |
|||
placeholder="请输入转出人id" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item :label="$t('business.dealTransfer.receiveAccount')" prop="toAccount"> |
|||
<el-input v-model="queryParams.toAccount" :placeholder="$t('business.dealTransfer.receiveAccountPlaceholder')" clearable @keyup.enter.native="handleQuery" /> |
|||
<el-form-item label="转出账户名" prop="senderAccountName"> |
|||
<el-input |
|||
v-model="queryParams.senderAccountName" |
|||
placeholder="请输入转出账户名" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item :label="$t('common.createTime')"> |
|||
<el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" |
|||
type="daterange" range-separator="-" :start-placeholder="$t('common.startDate')" :end-placeholder="$t('common.endDate')" |
|||
:default-time="['00:00:00', '23:59:59']"></el-date-picker> |
|||
<el-form-item label="接收人id" prop="receiverId"> |
|||
<el-input |
|||
v-model="queryParams.receiverId" |
|||
placeholder="请输入接收人id" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="接收人账户名" prop="receiverAccountName"> |
|||
<el-input |
|||
v-model="queryParams.receiverAccountName" |
|||
placeholder="请输入接收人账户名" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="交易金额" prop="transactionAmount"> |
|||
<el-input |
|||
v-model="queryParams.transactionAmount" |
|||
placeholder="请输入交易金额" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="手续费" prop="fee"> |
|||
<el-input |
|||
v-model="queryParams.fee" |
|||
placeholder="请输入手续费" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="支付方式" prop="paymentMethod"> |
|||
<el-input |
|||
v-model="queryParams.paymentMethod" |
|||
placeholder="请输入支付方式" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="创建人" prop="creator"> |
|||
<el-input |
|||
v-model="queryParams.creator" |
|||
placeholder="请输入创建人" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="修改人" prop="modifier"> |
|||
<el-input |
|||
v-model="queryParams.modifier" |
|||
placeholder="请输入修改人" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('common.search') }}</el-button> |
|||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.reset') }}</el-button> |
|||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|||
v-hasPermi="['business:dealTransfer:add']">{{ $t('common.add') }}</el-button> |
|||
<el-button |
|||
type="primary" |
|||
plain |
|||
icon="el-icon-plus" |
|||
size="mini" |
|||
@click="handleAdd" |
|||
v-hasPermi="['business:dealTransfer:add']" |
|||
>新增</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" |
|||
v-hasPermi="['business:dealTransfer:edit']">{{ $t('common.edit') }}</el-button> |
|||
<el-button |
|||
type="success" |
|||
plain |
|||
icon="el-icon-edit" |
|||
size="mini" |
|||
:disabled="single" |
|||
@click="handleUpdate" |
|||
v-hasPermi="['business:dealTransfer:edit']" |
|||
>修改</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" |
|||
v-hasPermi="['business:dealTransfer:remove']">{{ $t('common.delete') }}</el-button> |
|||
<el-button |
|||
type="danger" |
|||
plain |
|||
icon="el-icon-delete" |
|||
size="mini" |
|||
:disabled="multiple" |
|||
@click="handleDelete" |
|||
v-hasPermi="['business:dealTransfer:remove']" |
|||
>删除</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" |
|||
v-hasPermi="['business:dealTransfer:export']">{{ $t('common.export') }}</el-button> |
|||
<el-button |
|||
type="warning" |
|||
plain |
|||
icon="el-icon-download" |
|||
size="mini" |
|||
@click="handleExport" |
|||
v-hasPermi="['business:dealTransfer:export']" |
|||
>导出</el-button> |
|||
</el-col> |
|||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
|
|||
<el-table v-loading="loading" :data="dealTransferList" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column :label="$t('business.dealTransfer.transferId')" align="center" prop="userId" /> |
|||
<el-table-column :label="$t('business.dealTransfer.transferAccount')" align="center" prop="userAccount" /> |
|||
<el-table-column :label="$t('business.dealTransfer.receiveId')" align="center" prop="toId" /> |
|||
<el-table-column :label="$t('business.dealTransfer.receiveAccount')" align="center" prop="toAccount" /> |
|||
<el-table-column :label="$t('business.dealTransfer.billCode')" align="center" prop="billCode" /> |
|||
<el-table-column :label="$t('business.dealTransfer.amount')" align="center" prop="amount" /> |
|||
<el-table-column :label="$t('business.dealTransfer.transferType')" align="center" prop="transferType"> |
|||
<el-table-column label="订单编号" align="center" prop="id" v-if="true"/> |
|||
<el-table-column label="转出人id" align="center" prop="senderId" /> |
|||
<el-table-column label="转出账户名" align="center" prop="senderAccountName" /> |
|||
<el-table-column label="接收人id" align="center" prop="receiverId" /> |
|||
<el-table-column label="接收人账户名" align="center" prop="receiverAccountName" /> |
|||
<el-table-column label="交易金额" align="center" prop="transactionAmount" /> |
|||
<el-table-column label="手续费" align="center" prop="fee" /> |
|||
<el-table-column label="转账类型" align="center" prop="transferType" /> |
|||
<el-table-column label="订单状态" align="center" prop="status" /> |
|||
<el-table-column label="支付方式" align="center" prop="paymentMethod" /> |
|||
<el-table-column label="创建人" align="center" prop="creator" /> |
|||
<el-table-column label="修改人" align="center" prop="modifier" /> |
|||
<el-table-column label="备注" align="center" prop="remark" /> |
|||
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> |
|||
<template slot-scope="scope"> |
|||
<el-tag type="success" v-if="scope.row.transferType == '0'">{{ $t('business.dealTransfer.directTransfer') }}</el-tag> |
|||
<el-tag type="danger" v-if="scope.row.transferType == '1'">{{ $t('business.dealTransfer.reviewTransfer') }}</el-tag> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column :label="$t('business.dealTransfer.remark')" align="center" prop="remark" /> |
|||
<el-table-column :label="$t('business.dealTransfer.status')" align="center" prop="status"> |
|||
<template slot-scope="scope"> |
|||
<el-tag v-if="scope.row.status == '0'">{{ $t('business.dealTransfer.statusInit') }}</el-tag> |
|||
<el-tag type="danger" v-if="scope.row.status == '1'">{{ $t('business.dealTransfer.statusReject') }}</el-tag> |
|||
<el-tag type="success" v-if="scope.row.status == '2'">{{ $t('business.dealTransfer.statusPass') }}</el-tag> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column :label="$t('common.createTime')" align="center" prop="createTime" width="180"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column :label="$t('common.operation')" align="center" width="200" class-name="small-padding fixed-width"> |
|||
<template slot-scope="scope"> |
|||
<el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">{{ $t('common.detail') }}</el-button> |
|||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|||
v-hasPermi="['business:dealTransfer:edit']">{{ $t('common.edit') }}</el-button> |
|||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|||
v-hasPermi="['business:dealTransfer:remove']">{{ $t('common.delete') }}</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-view" |
|||
@click="handleDetail(scope.row)" |
|||
>详情</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-edit" |
|||
@click="handleUpdate(scope.row)" |
|||
v-hasPermi="['business:dealTransfer:edit']" |
|||
>修改</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-delete" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['business:dealTransfer:remove']" |
|||
>删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" |
|||
@pagination="getList" /> |
|||
<pagination |
|||
v-show="total>0" |
|||
:total="total" |
|||
:page.sync="queryParams.pageNum" |
|||
:limit.sync="queryParams.pageSize" |
|||
@pagination="getList" |
|||
/> |
|||
|
|||
<!-- 添加或修改转账对话框 --> |
|||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|||
<el-form-item :label="$t('business.dealTransfer.transferId')" prop="userId"> |
|||
<el-input v-model="form.userId" :placeholder="$t('business.dealTransfer.transferIdPlaceholder')" /> |
|||
</el-form-item> |
|||
<el-form-item :label="$t('business.dealTransfer.transferAccount')" prop="userAccount"> |
|||
<el-input v-model="form.userAccount" :placeholder="$t('business.dealTransfer.transferAccountPlaceholder')" /> |
|||
</el-form-item> |
|||
<el-form-item :label="$t('business.dealTransfer.receiveId')" prop="toId"> |
|||
<el-input v-model="form.toId" :placeholder="$t('business.dealTransfer.receiveIdPlaceholder')" /> |
|||
<!-- 添加或修改转账订单对话框 --> |
|||
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="auto"> |
|||
<el-form-item label="转出人id" prop="senderId"> |
|||
<el-input v-model="form.senderId" placeholder="请输入转出人id" /> |
|||
</el-form-item> |
|||
<el-form-item :label="$t('business.dealTransfer.receiveAccount')" prop="toAccount"> |
|||
<el-input v-model="form.toAccount" :placeholder="$t('business.dealTransfer.receiveAccountPlaceholder')" /> |
|||
<el-form-item label="转出账户名" prop="senderAccountName"> |
|||
<el-input v-model="form.senderAccountName" placeholder="请输入转出账户名" /> |
|||
</el-form-item> |
|||
<el-form-item :label="$t('business.dealTransfer.billCode')" prop="billCode"> |
|||
<el-input v-model="form.billCode" :placeholder="$t('business.dealTransfer.billCodePlaceholder')" /> |
|||
<el-form-item label="接收人id" prop="receiverId"> |
|||
<el-input v-model="form.receiverId" placeholder="请输入接收人id" /> |
|||
</el-form-item> |
|||
<el-form-item :label="$t('business.dealTransfer.amount')" prop="amount"> |
|||
<el-input v-model="form.amount" :placeholder="$t('business.dealTransfer.amountPlaceholder')" /> |
|||
<el-form-item label="接收人账户名" prop="receiverAccountName"> |
|||
<el-input v-model="form.receiverAccountName" placeholder="请输入接收人账户名" /> |
|||
</el-form-item> |
|||
<el-form-item label="状态" prop="amount" v-if="statusShow"> |
|||
<el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949" active-value="2" |
|||
inactive-value="1"> |
|||
</el-switch> |
|||
<el-form-item label="交易金额" prop="transactionAmount"> |
|||
<el-input v-model="form.transactionAmount" placeholder="请输入交易金额" /> |
|||
</el-form-item> |
|||
<el-form-item :label="$t('business.dealTransfer.remark')" prop="remark"> |
|||
<el-input v-model="form.remark" :placeholder="$t('business.dealTransfer.remarkPlaceholder')" /> |
|||
<el-form-item label="手续费" prop="fee"> |
|||
<el-input v-model="form.fee" placeholder="请输入手续费" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">{{ $t('common.confirm') }}</el-button> |
|||
<el-button @click="cancel">{{ $t('common.cancel') }}</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<!-- 转账详情 --> |
|||
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" label-width="auto"> |
|||
<el-form-item :label="$t('business.dealTransfer.transferId') + '：'"> |
|||
{{form.userId}} |
|||
</el-form-item> |
|||
<el-form-item :label="$t('business.dealTransfer.transferAccount') + '：'"> |
|||
{{form.userAccount}} |
|||
</el-form-item> |
|||
<el-form-item :label="$t('business.dealTransfer.receiveId') + '：'"> |
|||
{{form.toId}} |
|||
</el-form-item> |
|||
<el-form-item :label="$t('business.dealTransfer.receiveAccount') + '：'"> |
|||
{{form.toAccount}} |
|||
<el-form-item label="支付方式" prop="paymentMethod"> |
|||
<el-input v-model="form.paymentMethod" placeholder="请输入支付方式" /> |
|||
</el-form-item> |
|||
<el-form-item :label="$t('business.dealTransfer.billCode') + '：'"> |
|||
{{form.billCode}} |
|||
<el-form-item label="创建人" prop="creator"> |
|||
<el-input v-model="form.creator" placeholder="请输入创建人" /> |
|||
</el-form-item> |
|||
<el-form-item :label="$t('business.dealTransfer.amount') + '：'"> |
|||
{{form.amount}} |
|||
<el-form-item label="修改人" prop="modifier"> |
|||
<el-input v-model="form.modifier" placeholder="请输入修改人" /> |
|||
</el-form-item> |
|||
<el-form-item :label="$t('business.dealTransfer.remark') + '：'"> |
|||
{{form.remark}} |
|||
<el-form-item label="备注" prop="remark"> |
|||
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click="cancel">{{ $t('common.close') }}</el-button> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<!-- 转账订单详情 --> |
|||
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" label-width="auto"> |
|||
<el-form-item label="转出人id："> |
|||
{{form.senderId}} |
|||
</el-form-item> |
|||
<el-form-item label="转出账户名："> |
|||
{{form.senderAccountName}} |
|||
</el-form-item> |
|||
<el-form-item label="接收人id："> |
|||
{{form.receiverId}} |
|||
</el-form-item> |
|||
<el-form-item label="接收人账户名："> |
|||
{{form.receiverAccountName}} |
|||
</el-form-item> |
|||
<el-form-item label="交易金额："> |
|||
{{form.transactionAmount}} |
|||
</el-form-item> |
|||
<el-form-item label="手续费："> |
|||
{{form.fee}} |
|||
</el-form-item> |
|||
<el-form-item label="支付方式："> |
|||
{{form.paymentMethod}} |
|||
</el-form-item> |
|||
<el-form-item label="创建人："> |
|||
{{form.creator}} |
|||
</el-form-item> |
|||
<el-form-item label="修改人："> |
|||
{{form.modifier}} |
|||
</el-form-item> |
|||
<el-form-item label="备注："> |
|||
{{form.remark}} |
|||
|
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click="cancel">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
listDealTransfer, |
|||
getDealTransfer, |
|||
delDealTransfer, |
|||
addDealTransfer, |
|||
updateDealTransfer |
|||
} from "@/api/business/dealTransfer"; |
|||
import { listDealTransfer, getDealTransfer, delDealTransfer, addDealTransfer, updateDealTransfer } from "@/api/business/dealTransfer"; |
|||
|
|||
export default { |
|||
name: "DealTransfer", |
|||
data() { |
|||
return { |
|||
// 滑块 |
|||
statusShow: false, |
|||
value: '2', |
|||
// 按钮loading |
|||
buttonLoading: false, |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 转账表格数据 |
|||
dealTransferList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
// 是否显示详情弹出层 |
|||
detailOpen: false, |
|||
// 状态时间范围 |
|||
daterangeCreateTime: [], |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
userId: undefined, |
|||
userAccount: undefined, |
|||
toId: undefined, |
|||
toAccount: undefined, |
|||
billCode: undefined, |
|||
amount: undefined, |
|||
transferType: undefined, |
|||
remark: undefined, |
|||
status: undefined, |
|||
createTime: undefined, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
// 表单校验 |
|||
rules: { |
|||
userId: [{ |
|||
required: true, |
|||
message: this.$t('business.dealTransfer.transferIdRequired'), |
|||
trigger: "blur" |
|||
}], |
|||
userAccount: [{ |
|||
required: true, |
|||
message: this.$t('business.dealTransfer.transferAccountRequired'), |
|||
trigger: "blur" |
|||
}], |
|||
toId: [{ |
|||
required: true, |
|||
message: this.$t('business.dealTransfer.receiveIdRequired'), |
|||
trigger: "blur" |
|||
}], |
|||
toAccount: [{ |
|||
required: true, |
|||
message: this.$t('business.dealTransfer.receiveAccountRequired'), |
|||
trigger: "blur" |
|||
}], |
|||
} |
|||
export default { |
|||
name: "DealTransfer", |
|||
data() { |
|||
return { |
|||
// 按钮loading |
|||
buttonLoading: false, |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 转账订单表格数据 |
|||
dealTransferList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
// 是否显示详情弹出层 |
|||
detailOpen: false, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
senderId: undefined, |
|||
senderAccountName: undefined, |
|||
receiverId: undefined, |
|||
receiverAccountName: undefined, |
|||
transactionAmount: undefined, |
|||
fee: undefined, |
|||
transferType: undefined, |
|||
status: undefined, |
|||
paymentMethod: undefined, |
|||
creator: undefined, |
|||
modifier: undefined, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
// 表单校验 |
|||
rules: { |
|||
id: [ |
|||
{ required: true, message: "订单编号不能为空", trigger: "blur" } |
|||
], |
|||
senderId: [ |
|||
{ required: true, message: "转出人id不能为空", trigger: "blur" } |
|||
], |
|||
senderAccountName: [ |
|||
{ required: true, message: "转出账户名不能为空", trigger: "blur" } |
|||
], |
|||
receiverId: [ |
|||
{ required: true, message: "接收人id不能为空", trigger: "blur" } |
|||
], |
|||
receiverAccountName: [ |
|||
{ required: true, message: "接收人账户名不能为空", trigger: "blur" } |
|||
], |
|||
transactionAmount: [ |
|||
{ required: true, message: "交易金额不能为空", trigger: "blur" } |
|||
], |
|||
fee: [ |
|||
{ required: true, message: "手续费不能为空", trigger: "blur" } |
|||
], |
|||
transferType: [ |
|||
{ required: true, message: "转账类型不能为空", trigger: "change" } |
|||
], |
|||
status: [ |
|||
{ required: true, message: "订单状态不能为空", trigger: "change" } |
|||
], |
|||
paymentMethod: [ |
|||
{ required: true, message: "支付方式不能为空", trigger: "blur" } |
|||
], |
|||
createTime: [ |
|||
{ required: true, message: "创建时间不能为空", trigger: "blur" } |
|||
], |
|||
creator: [ |
|||
{ required: true, message: "创建人不能为空", trigger: "blur" } |
|||
], |
|||
modifier: [ |
|||
{ required: true, message: "修改人不能为空", trigger: "blur" } |
|||
], |
|||
remark: [ |
|||
{ required: true, message: "备注不能为空", trigger: "blur" } |
|||
], |
|||
} |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
/** 查询转账订单列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
listDealTransfer(this.queryParams).then(response => { |
|||
this.dealTransferList = response.rows; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.detailOpen = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: undefined, |
|||
senderId: undefined, |
|||
senderAccountName: undefined, |
|||
receiverId: undefined, |
|||
receiverAccountName: undefined, |
|||
transactionAmount: undefined, |
|||
fee: undefined, |
|||
transferType: undefined, |
|||
status: undefined, |
|||
paymentMethod: undefined, |
|||
createTime: undefined, |
|||
updateTime: undefined, |
|||
creator: undefined, |
|||
modifier: undefined, |
|||
remark: undefined, |
|||
delFlag: undefined |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
created() { |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
/** 查询转账列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
this.queryParams.params = {}; |
|||
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) { |
|||
this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0]; |
|||
this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1]; |
|||
} |
|||
listDealTransfer(this.queryParams).then(response => { |
|||
this.dealTransferList = response.rows; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.detailOpen = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: undefined, |
|||
userId: undefined, |
|||
userAccount: undefined, |
|||
toId: undefined, |
|||
toAccount: undefined, |
|||
billCode: undefined, |
|||
amount: undefined, |
|||
transferType: undefined, |
|||
remark: undefined, |
|||
status: undefined, |
|||
delFlag: undefined, |
|||
createBy: undefined, |
|||
createTime: undefined, |
|||
updateBy: undefined, |
|||
updateTime: undefined |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.daterangeCreateTime = []; |
|||
this.resetForm("queryForm"); |
|||
this.handleQuery(); |
|||
}, |
|||
// 多选框选中数据 |
|||
handleSelectionChange(selection) { |
|||
this.ids = selection.map(item => item.id) |
|||
this.single = selection.length !== 1 |
|||
this.multiple = !selection.length |
|||
}, |
|||
/** 新增按钮操作 */ |
|||
handleAdd() { |
|||
this.reset(); |
|||
this.open = true; |
|||
this.title = this.$t('business.dealTransfer.addTitle'); |
|||
}, |
|||
/** 详情按钮操作 */ |
|||
handleDetail(row) { |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.resetForm("queryForm"); |
|||
this.handleQuery(); |
|||
}, |
|||
// 多选框选中数据 |
|||
handleSelectionChange(selection) { |
|||
this.ids = selection.map(item => item.id) |
|||
this.single = selection.length!==1 |
|||
this.multiple = !selection.length |
|||
}, |
|||
/** 新增按钮操作 */ |
|||
handleAdd() { |
|||
this.reset(); |
|||
this.open = true; |
|||
this.title = "添加转账订单"; |
|||
}, |
|||
/** 详情按钮操作 */ |
|||
handleDetail(row){ |
|||
this.reset(); |
|||
this.form = row; |
|||
this.detailOpen = true; |
|||
this.title = this.$t('business.dealTransfer.detailTitle'); |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.loading = true; |
|||
this.reset(); |
|||
const id = row.id || this.ids |
|||
getDealTransfer(id).then(response => { |
|||
this.loading = false; |
|||
this.form = response.data; |
|||
if (this.form.status == "0") { |
|||
this.statusShow = true; |
|||
} |
|||
this.open = true; |
|||
this.title = this.$t('business.dealTransfer.editTitle'); |
|||
}); |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate(valid => { |
|||
if (valid) { |
|||
this.buttonLoading = true; |
|||
if (this.form.id != null) { |
|||
this.form.status = this.value; |
|||
updateDealTransfer(this.form).then(response => { |
|||
this.$modal.msgSuccess(this.$t('common.editSuccess')); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} else { |
|||
addDealTransfer(this.form).then(response => { |
|||
this.$modal.msgSuccess(this.$t('common.addSuccess')); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} |
|||
this.title = "转账订单"; |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.loading = true; |
|||
this.reset(); |
|||
const id = row.id || this.ids |
|||
getDealTransfer(id).then(response => { |
|||
this.loading = false; |
|||
this.form = response.data; |
|||
this.open = true; |
|||
this.title = "修改转账订单"; |
|||
}); |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate(valid => { |
|||
if (valid) { |
|||
this.buttonLoading = true; |
|||
if (this.form.id != null) { |
|||
updateDealTransfer(this.form).then(response => { |
|||
this.$modal.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} else { |
|||
addDealTransfer(this.form).then(response => { |
|||
this.$modal.msgSuccess("新增成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} |
|||
}); |
|||
}, |
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const ids = row.id || this.ids; |
|||
this.$modal.confirm(this.$t('common.deleteConfirm')).then(() => { |
|||
this.loading = true; |
|||
return delDealTransfer(ids); |
|||
}).then(() => { |
|||
this.loading = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess(this.$t('common.deleteSuccess')); |
|||
}).catch(() => {}).finally(() => { |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
/** 导出按钮操作 */ |
|||
handleExport() { |
|||
this.download('business/dealTransfer/export', { |
|||
...this.queryParams |
|||
}, `dealTransfer_${new Date().getTime()}.xlsx`) |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const ids = row.id || this.ids; |
|||
this.$modal.confirm('是否确认删除转账订单编号为"' + ids + '"的数据项？').then(() => { |
|||
this.loading = true; |
|||
return delDealTransfer(ids); |
|||
}).then(() => { |
|||
this.loading = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess("删除成功"); |
|||
}).catch(() => { |
|||
}).finally(() => { |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
/** 导出按钮操作 */ |
|||
handleExport() { |
|||
this.download('business/dealTransfer/export', { |
|||
...this.queryParams |
|||
}, `dealTransfer_${new Date().getTime()}.xlsx`) |
|||
} |
|||
}; |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
@ -0,0 +1,457 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|||
<el-form-item label="提现用户id" prop="withdrawalUserId"> |
|||
<el-input |
|||
v-model="queryParams.withdrawalUserId" |
|||
placeholder="请输入提现用户id" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="提现账户名" prop="withdrawalAccountName"> |
|||
<el-input |
|||
v-model="queryParams.withdrawalAccountName" |
|||
placeholder="请输入提现账户名" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="交易金额" prop="transactionAmount"> |
|||
<el-input |
|||
v-model="queryParams.transactionAmount" |
|||
placeholder="请输入交易金额" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="手续费" prop="fee"> |
|||
<el-input |
|||
v-model="queryParams.fee" |
|||
placeholder="请输入手续费" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="实际到账金额" prop="actualAmount"> |
|||
<el-input |
|||
v-model="queryParams.actualAmount" |
|||
placeholder="请输入实际到账金额" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="提现方式" prop="withdrawalMethod"> |
|||
<el-input |
|||
v-model="queryParams.withdrawalMethod" |
|||
placeholder="请输入提现方式" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="创建人" prop="creator"> |
|||
<el-input |
|||
v-model="queryParams.creator" |
|||
placeholder="请输入创建人" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="修改人" prop="modifier"> |
|||
<el-input |
|||
v-model="queryParams.modifier" |
|||
placeholder="请输入修改人" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="primary" |
|||
plain |
|||
icon="el-icon-plus" |
|||
size="mini" |
|||
@click="handleAdd" |
|||
v-hasPermi="['business:dealWithdrawal:add']" |
|||
>新增</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="success" |
|||
plain |
|||
icon="el-icon-edit" |
|||
size="mini" |
|||
:disabled="single" |
|||
@click="handleUpdate" |
|||
v-hasPermi="['business:dealWithdrawal:edit']" |
|||
>修改</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="danger" |
|||
plain |
|||
icon="el-icon-delete" |
|||
size="mini" |
|||
:disabled="multiple" |
|||
@click="handleDelete" |
|||
v-hasPermi="['business:dealWithdrawal:remove']" |
|||
>删除</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="warning" |
|||
plain |
|||
icon="el-icon-download" |
|||
size="mini" |
|||
@click="handleExport" |
|||
v-hasPermi="['business:dealWithdrawal:export']" |
|||
>导出</el-button> |
|||
</el-col> |
|||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
|
|||
<el-table v-loading="loading" :data="dealWithdrawalList" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column label="订单编号" align="center" prop="id" v-if="true"/> |
|||
<el-table-column label="提现用户id" align="center" prop="withdrawalUserId" /> |
|||
<el-table-column label="提现账户名" align="center" prop="withdrawalAccountName" /> |
|||
<el-table-column label="交易金额" align="center" prop="transactionAmount" /> |
|||
<el-table-column label="手续费" align="center" prop="fee" /> |
|||
<el-table-column label="实际到账金额" align="center" prop="actualAmount" /> |
|||
<el-table-column label="提现方式" align="center" prop="withdrawalMethod" /> |
|||
<el-table-column label="订单状态" align="center" prop="status" /> |
|||
<el-table-column label="创建人" align="center" prop="creator" /> |
|||
<el-table-column label="修改人" align="center" prop="modifier" /> |
|||
<el-table-column label="备注" align="center" prop="remark" /> |
|||
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-view" |
|||
@click="handleDetail(scope.row)" |
|||
>详情</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-edit" |
|||
@click="handleUpdate(scope.row)" |
|||
v-hasPermi="['business:dealWithdrawal:edit']" |
|||
>修改</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-delete" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['business:dealWithdrawal:remove']" |
|||
>删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination |
|||
v-show="total>0" |
|||
:total="total" |
|||
:page.sync="queryParams.pageNum" |
|||
:limit.sync="queryParams.pageSize" |
|||
@pagination="getList" |
|||
/> |
|||
|
|||
<!-- 添加或修改提现订单对话框 --> |
|||
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="auto"> |
|||
<el-form-item label="提现用户id" prop="withdrawalUserId"> |
|||
<el-input v-model="form.withdrawalUserId" placeholder="请输入提现用户id" /> |
|||
</el-form-item> |
|||
<el-form-item label="提现账户名" prop="withdrawalAccountName"> |
|||
<el-input v-model="form.withdrawalAccountName" placeholder="请输入提现账户名" /> |
|||
</el-form-item> |
|||
<el-form-item label="交易金额" prop="transactionAmount"> |
|||
<el-input v-model="form.transactionAmount" placeholder="请输入交易金额" /> |
|||
</el-form-item> |
|||
<el-form-item label="手续费" prop="fee"> |
|||
<el-input v-model="form.fee" placeholder="请输入手续费" /> |
|||
</el-form-item> |
|||
<el-form-item label="实际到账金额" prop="actualAmount"> |
|||
<el-input v-model="form.actualAmount" placeholder="请输入实际到账金额" /> |
|||
</el-form-item> |
|||
<el-form-item label="提现方式" prop="withdrawalMethod"> |
|||
<el-input v-model="form.withdrawalMethod" placeholder="请输入提现方式" /> |
|||
</el-form-item> |
|||
<el-form-item label="创建人" prop="creator"> |
|||
<el-input v-model="form.creator" placeholder="请输入创建人" /> |
|||
</el-form-item> |
|||
<el-form-item label="修改人" prop="modifier"> |
|||
<el-input v-model="form.modifier" placeholder="请输入修改人" /> |
|||
</el-form-item> |
|||
<el-form-item label="备注" prop="remark"> |
|||
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<!-- 提现订单详情 --> |
|||
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" label-width="auto"> |
|||
<el-form-item label="提现用户id："> |
|||
{{form.withdrawalUserId}} |
|||
</el-form-item> |
|||
<el-form-item label="提现账户名："> |
|||
{{form.withdrawalAccountName}} |
|||
</el-form-item> |
|||
<el-form-item label="交易金额："> |
|||
{{form.transactionAmount}} |
|||
</el-form-item> |
|||
<el-form-item label="手续费："> |
|||
{{form.fee}} |
|||
</el-form-item> |
|||
<el-form-item label="实际到账金额："> |
|||
{{form.actualAmount}} |
|||
</el-form-item> |
|||
<el-form-item label="提现方式："> |
|||
{{form.withdrawalMethod}} |
|||
</el-form-item> |
|||
<el-form-item label="创建人："> |
|||
{{form.creator}} |
|||
</el-form-item> |
|||
<el-form-item label="修改人："> |
|||
{{form.modifier}} |
|||
</el-form-item> |
|||
<el-form-item label="备注："> |
|||
{{form.remark}} |
|||
|
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click="cancel">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { listDealWithdrawal, getDealWithdrawal, delDealWithdrawal, addDealWithdrawal, updateDealWithdrawal } from "@/api/business/dealWithdrawal"; |
|||
|
|||
export default { |
|||
name: "DealWithdrawal", |
|||
data() { |
|||
return { |
|||
// 按钮loading |
|||
buttonLoading: false, |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 提现订单表格数据 |
|||
dealWithdrawalList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
// 是否显示详情弹出层 |
|||
detailOpen: false, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
withdrawalUserId: undefined, |
|||
withdrawalAccountName: undefined, |
|||
transactionAmount: undefined, |
|||
fee: undefined, |
|||
actualAmount: undefined, |
|||
withdrawalMethod: undefined, |
|||
status: undefined, |
|||
creator: undefined, |
|||
modifier: undefined, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
// 表单校验 |
|||
rules: { |
|||
id: [ |
|||
{ required: true, message: "订单编号不能为空", trigger: "blur" } |
|||
], |
|||
withdrawalUserId: [ |
|||
{ required: true, message: "提现用户id不能为空", trigger: "blur" } |
|||
], |
|||
withdrawalAccountName: [ |
|||
{ required: true, message: "提现账户名不能为空", trigger: "blur" } |
|||
], |
|||
transactionAmount: [ |
|||
{ required: true, message: "交易金额不能为空", trigger: "blur" } |
|||
], |
|||
fee: [ |
|||
{ required: true, message: "手续费不能为空", trigger: "blur" } |
|||
], |
|||
actualAmount: [ |
|||
{ required: true, message: "实际到账金额不能为空", trigger: "blur" } |
|||
], |
|||
withdrawalMethod: [ |
|||
{ required: true, message: "提现方式不能为空", trigger: "blur" } |
|||
], |
|||
status: [ |
|||
{ required: true, message: "订单状态不能为空", trigger: "change" } |
|||
], |
|||
createTime: [ |
|||
{ required: true, message: "创建时间不能为空", trigger: "blur" } |
|||
], |
|||
creator: [ |
|||
{ required: true, message: "创建人不能为空", trigger: "blur" } |
|||
], |
|||
modifier: [ |
|||
{ required: true, message: "修改人不能为空", trigger: "blur" } |
|||
], |
|||
remark: [ |
|||
{ required: true, message: "备注不能为空", trigger: "blur" } |
|||
], |
|||
} |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
/** 查询提现订单列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
listDealWithdrawal(this.queryParams).then(response => { |
|||
this.dealWithdrawalList = response.rows; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.detailOpen = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: undefined, |
|||
withdrawalUserId: undefined, |
|||
withdrawalAccountName: undefined, |
|||
transactionAmount: undefined, |
|||
fee: undefined, |
|||
actualAmount: undefined, |
|||
withdrawalMethod: undefined, |
|||
status: undefined, |
|||
createTime: undefined, |
|||
updateTime: undefined, |
|||
creator: undefined, |
|||
modifier: undefined, |
|||
remark: undefined, |
|||
delFlag: undefined |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.resetForm("queryForm"); |
|||
this.handleQuery(); |
|||
}, |
|||
// 多选框选中数据 |
|||
handleSelectionChange(selection) { |
|||
this.ids = selection.map(item => item.id) |
|||
this.single = selection.length!==1 |
|||
this.multiple = !selection.length |
|||
}, |
|||
/** 新增按钮操作 */ |
|||
handleAdd() { |
|||
this.reset(); |
|||
this.open = true; |
|||
this.title = "添加提现订单"; |
|||
}, |
|||
/** 详情按钮操作 */ |
|||
handleDetail(row){ |
|||
this.reset(); |
|||
this.form = row; |
|||
this.detailOpen = true; |
|||
this.title = "提现订单"; |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.loading = true; |
|||
this.reset(); |
|||
const id = row.id || this.ids |
|||
getDealWithdrawal(id).then(response => { |
|||
this.loading = false; |
|||
this.form = response.data; |
|||
this.open = true; |
|||
this.title = "修改提现订单"; |
|||
}); |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate(valid => { |
|||
if (valid) { |
|||
this.buttonLoading = true; |
|||
if (this.form.id != null) { |
|||
updateDealWithdrawal(this.form).then(response => { |
|||
this.$modal.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} else { |
|||
addDealWithdrawal(this.form).then(response => { |
|||
this.$modal.msgSuccess("新增成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const ids = row.id || this.ids; |
|||
this.$modal.confirm('是否确认删除提现订单编号为"' + ids + '"的数据项？').then(() => { |
|||
this.loading = true; |
|||
return delDealWithdrawal(ids); |
|||
}).then(() => { |
|||
this.loading = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess("删除成功"); |
|||
}).catch(() => { |
|||
}).finally(() => { |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
/** 导出按钮操作 */ |
|||
handleExport() { |
|||
this.download('business/dealWithdrawal/export', { |
|||
...this.queryParams |
|||
}, `dealWithdrawal_${new Date().getTime()}.xlsx`) |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
@ -0,0 +1,465 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|||
<el-form-item label="关联订单编号" prop="relatedOrderId"> |
|||
<el-input |
|||
v-model="queryParams.relatedOrderId" |
|||
placeholder="请输入关联订单编号" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="用户编号" prop="userId"> |
|||
<el-input |
|||
v-model="queryParams.userId" |
|||
placeholder="请输入用户编号" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="手续费标准编号" prop="feeStandardId"> |
|||
<el-input |
|||
v-model="queryParams.feeStandardId" |
|||
placeholder="请输入手续费标准编号" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="优惠规则编号" prop="discountRuleId"> |
|||
<el-input |
|||
v-model="queryParams.discountRuleId" |
|||
placeholder="请输入优惠规则编号" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="计算手续费金额" prop="calculatedFeeAmount"> |
|||
<el-input |
|||
v-model="queryParams.calculatedFeeAmount" |
|||
placeholder="请输入计算手续费金额" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="优惠减免手续费金额" prop="discountedFeeAmount"> |
|||
<el-input |
|||
v-model="queryParams.discountedFeeAmount" |
|||
placeholder="请输入优惠减免手续费金额" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="实际收取手续费金额" prop="actualFeeAmount"> |
|||
<el-input |
|||
v-model="queryParams.actualFeeAmount" |
|||
placeholder="请输入实际收取手续费金额" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="手续费收取时间" prop="feeCollectionTime"> |
|||
<el-date-picker clearable |
|||
v-model="queryParams.feeCollectionTime" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="请选择手续费收取时间"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="primary" |
|||
plain |
|||
icon="el-icon-plus" |
|||
size="mini" |
|||
@click="handleAdd" |
|||
v-hasPermi="['business:feeRecord:add']" |
|||
>新增</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="success" |
|||
plain |
|||
icon="el-icon-edit" |
|||
size="mini" |
|||
:disabled="single" |
|||
@click="handleUpdate" |
|||
v-hasPermi="['business:feeRecord:edit']" |
|||
>修改</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="danger" |
|||
plain |
|||
icon="el-icon-delete" |
|||
size="mini" |
|||
:disabled="multiple" |
|||
@click="handleDelete" |
|||
v-hasPermi="['business:feeRecord:remove']" |
|||
>删除</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="warning" |
|||
plain |
|||
icon="el-icon-download" |
|||
size="mini" |
|||
@click="handleExport" |
|||
v-hasPermi="['business:feeRecord:export']" |
|||
>导出</el-button> |
|||
</el-col> |
|||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
|
|||
<el-table v-loading="loading" :data="feeRecordList" @selection-change="handleSelectionChange"> |
|||
<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="relatedOrderId" /> |
|||
<el-table-column label="业务类型" align="center" prop="businessType" /> |
|||
<el-table-column label="用户编号" align="center" prop="userId" /> |
|||
<el-table-column label="手续费标准编号" align="center" prop="feeStandardId" /> |
|||
<el-table-column label="优惠规则编号" align="center" prop="discountRuleId" /> |
|||
<el-table-column label="计算手续费金额" align="center" prop="calculatedFeeAmount" /> |
|||
<el-table-column label="优惠减免手续费金额" align="center" prop="discountedFeeAmount" /> |
|||
<el-table-column label="实际收取手续费金额" align="center" prop="actualFeeAmount" /> |
|||
<el-table-column label="手续费收取时间" align="center" prop="feeCollectionTime" width="180"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ parseTime(scope.row.feeCollectionTime, '{y}-{m}-{d}') }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="状态" align="center" prop="status" /> |
|||
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-view" |
|||
@click="handleDetail(scope.row)" |
|||
>详情</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-edit" |
|||
@click="handleUpdate(scope.row)" |
|||
v-hasPermi="['business:feeRecord:edit']" |
|||
>修改</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-delete" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['business:feeRecord:remove']" |
|||
>删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination |
|||
v-show="total>0" |
|||
:total="total" |
|||
:page.sync="queryParams.pageNum" |
|||
:limit.sync="queryParams.pageSize" |
|||
@pagination="getList" |
|||
/> |
|||
|
|||
<!-- 添加或修改手续费记录对话框 --> |
|||
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="auto"> |
|||
<el-form-item label="关联订单编号" prop="relatedOrderId"> |
|||
<el-input v-model="form.relatedOrderId" placeholder="请输入关联订单编号" /> |
|||
</el-form-item> |
|||
<el-form-item label="用户编号" prop="userId"> |
|||
<el-input v-model="form.userId" placeholder="请输入用户编号" /> |
|||
</el-form-item> |
|||
<el-form-item label="手续费标准编号" prop="feeStandardId"> |
|||
<el-input v-model="form.feeStandardId" placeholder="请输入手续费标准编号" /> |
|||
</el-form-item> |
|||
<el-form-item label="优惠规则编号" prop="discountRuleId"> |
|||
<el-input v-model="form.discountRuleId" placeholder="请输入优惠规则编号" /> |
|||
</el-form-item> |
|||
<el-form-item label="计算手续费金额" prop="calculatedFeeAmount"> |
|||
<el-input v-model="form.calculatedFeeAmount" placeholder="请输入计算手续费金额" /> |
|||
</el-form-item> |
|||
<el-form-item label="优惠减免手续费金额" prop="discountedFeeAmount"> |
|||
<el-input v-model="form.discountedFeeAmount" placeholder="请输入优惠减免手续费金额" /> |
|||
</el-form-item> |
|||
<el-form-item label="实际收取手续费金额" prop="actualFeeAmount"> |
|||
<el-input v-model="form.actualFeeAmount" placeholder="请输入实际收取手续费金额" /> |
|||
</el-form-item> |
|||
<el-form-item label="手续费收取时间" prop="feeCollectionTime"> |
|||
<el-date-picker clearable |
|||
v-model="form.feeCollectionTime" |
|||
type="datetime" |
|||
value-format="yyyy-MM-dd HH:mm:ss" |
|||
placeholder="请选择手续费收取时间"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<!-- 手续费记录详情 --> |
|||
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" label-width="auto"> |
|||
<el-form-item label="关联订单编号："> |
|||
{{form.relatedOrderId}} |
|||
</el-form-item> |
|||
<el-form-item label="用户编号："> |
|||
{{form.userId}} |
|||
</el-form-item> |
|||
<el-form-item label="手续费标准编号："> |
|||
{{form.feeStandardId}} |
|||
</el-form-item> |
|||
<el-form-item label="优惠规则编号："> |
|||
{{form.discountRuleId}} |
|||
</el-form-item> |
|||
<el-form-item label="计算手续费金额："> |
|||
{{form.calculatedFeeAmount}} |
|||
</el-form-item> |
|||
<el-form-item label="优惠减免手续费金额："> |
|||
{{form.discountedFeeAmount}} |
|||
</el-form-item> |
|||
<el-form-item label="实际收取手续费金额："> |
|||
{{form.actualFeeAmount}} |
|||
</el-form-item> |
|||
<el-form-item label="手续费收取时间" prop="feeCollectionTime"> |
|||
<el-date-picker clearable |
|||
v-model="form.feeCollectionTime" |
|||
type="datetime" |
|||
value-format="yyyy-MM-dd HH:mm:ss" |
|||
placeholder="请选择手续费收取时间"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click="cancel">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { listFeeRecord, getFeeRecord, delFeeRecord, addFeeRecord, updateFeeRecord } from "@/api/business/feeRecord"; |
|||
|
|||
export default { |
|||
name: "FeeRecord", |
|||
data() { |
|||
return { |
|||
// 按钮loading |
|||
buttonLoading: false, |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 手续费记录表格数据 |
|||
feeRecordList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
// 是否显示详情弹出层 |
|||
detailOpen: false, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
relatedOrderId: undefined, |
|||
businessType: undefined, |
|||
userId: undefined, |
|||
feeStandardId: undefined, |
|||
discountRuleId: undefined, |
|||
calculatedFeeAmount: undefined, |
|||
discountedFeeAmount: undefined, |
|||
actualFeeAmount: undefined, |
|||
feeCollectionTime: undefined, |
|||
status: undefined, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
// 表单校验 |
|||
rules: { |
|||
id: [ |
|||
{ required: true, message: "记录编号不能为空", trigger: "blur" } |
|||
], |
|||
relatedOrderId: [ |
|||
{ required: true, message: "关联订单编号不能为空", trigger: "blur" } |
|||
], |
|||
businessType: [ |
|||
{ required: true, message: "业务类型不能为空", trigger: "change" } |
|||
], |
|||
userId: [ |
|||
{ required: true, message: "用户编号不能为空", trigger: "blur" } |
|||
], |
|||
feeStandardId: [ |
|||
{ required: true, message: "手续费标准编号不能为空", trigger: "blur" } |
|||
], |
|||
discountRuleId: [ |
|||
{ required: true, message: "优惠规则编号不能为空", trigger: "blur" } |
|||
], |
|||
calculatedFeeAmount: [ |
|||
{ required: true, message: "计算手续费金额不能为空", trigger: "blur" } |
|||
], |
|||
discountedFeeAmount: [ |
|||
{ required: true, message: "优惠减免手续费金额不能为空", trigger: "blur" } |
|||
], |
|||
actualFeeAmount: [ |
|||
{ required: true, message: "实际收取手续费金额不能为空", trigger: "blur" } |
|||
], |
|||
feeCollectionTime: [ |
|||
{ required: true, message: "手续费收取时间不能为空", trigger: "blur" } |
|||
], |
|||
status: [ |
|||
{ required: true, message: "状态不能为空", trigger: "change" } |
|||
], |
|||
createTime: [ |
|||
{ required: true, message: "创建时间不能为空", trigger: "blur" } |
|||
], |
|||
} |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
/** 查询手续费记录列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
listFeeRecord(this.queryParams).then(response => { |
|||
this.feeRecordList = response.rows; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.detailOpen = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: undefined, |
|||
relatedOrderId: undefined, |
|||
businessType: undefined, |
|||
userId: undefined, |
|||
feeStandardId: undefined, |
|||
discountRuleId: undefined, |
|||
calculatedFeeAmount: undefined, |
|||
discountedFeeAmount: undefined, |
|||
actualFeeAmount: undefined, |
|||
feeCollectionTime: undefined, |
|||
status: undefined, |
|||
createTime: undefined, |
|||
updateTime: undefined, |
|||
delFlag: undefined |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.resetForm("queryForm"); |
|||
this.handleQuery(); |
|||
}, |
|||
// 多选框选中数据 |
|||
handleSelectionChange(selection) { |
|||
this.ids = selection.map(item => item.id) |
|||
this.single = selection.length!==1 |
|||
this.multiple = !selection.length |
|||
}, |
|||
/** 新增按钮操作 */ |
|||
handleAdd() { |
|||
this.reset(); |
|||
this.open = true; |
|||
this.title = "添加手续费记录"; |
|||
}, |
|||
/** 详情按钮操作 */ |
|||
handleDetail(row){ |
|||
this.reset(); |
|||
this.form = row; |
|||
this.detailOpen = true; |
|||
this.title = "手续费记录"; |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.loading = true; |
|||
this.reset(); |
|||
const id = row.id || this.ids |
|||
getFeeRecord(id).then(response => { |
|||
this.loading = false; |
|||
this.form = response.data; |
|||
this.open = true; |
|||
this.title = "修改手续费记录"; |
|||
}); |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate(valid => { |
|||
if (valid) { |
|||
this.buttonLoading = true; |
|||
if (this.form.id != null) { |
|||
updateFeeRecord(this.form).then(response => { |
|||
this.$modal.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} else { |
|||
addFeeRecord(this.form).then(response => { |
|||
this.$modal.msgSuccess("新增成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const ids = row.id || this.ids; |
|||
this.$modal.confirm('是否确认删除手续费记录编号为"' + ids + '"的数据项？').then(() => { |
|||
this.loading = true; |
|||
return delFeeRecord(ids); |
|||
}).then(() => { |
|||
this.loading = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess("删除成功"); |
|||
}).catch(() => { |
|||
}).finally(() => { |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
/** 导出按钮操作 */ |
|||
handleExport() { |
|||
this.download('business/feeRecord/export', { |
|||
...this.queryParams |
|||
}, `feeRecord_${new Date().getTime()}.xlsx`) |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
@ -0,0 +1,391 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|||
<el-form-item label="用户级别" prop="userLevel"> |
|||
<el-input |
|||
v-model="queryParams.userLevel" |
|||
placeholder="请输入用户级别" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="手续费值" prop="feeValue"> |
|||
<el-input |
|||
v-model="queryParams.feeValue" |
|||
placeholder="请输入手续费值" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="最低手续费" prop="minFee"> |
|||
<el-input |
|||
v-model="queryParams.minFee" |
|||
placeholder="请输入最低手续费" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="最高手续费" prop="maxFee"> |
|||
<el-input |
|||
v-model="queryParams.maxFee" |
|||
placeholder="请输入最高手续费" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="适用条件" prop="applicableCondition"> |
|||
<el-input |
|||
v-model="queryParams.applicableCondition" |
|||
placeholder="请输入适用条件" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="primary" |
|||
plain |
|||
icon="el-icon-plus" |
|||
size="mini" |
|||
@click="handleAdd" |
|||
v-hasPermi="['business:feeStandard:add']" |
|||
>新增</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="success" |
|||
plain |
|||
icon="el-icon-edit" |
|||
size="mini" |
|||
:disabled="single" |
|||
@click="handleUpdate" |
|||
v-hasPermi="['business:feeStandard:edit']" |
|||
>修改</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="danger" |
|||
plain |
|||
icon="el-icon-delete" |
|||
size="mini" |
|||
:disabled="multiple" |
|||
@click="handleDelete" |
|||
v-hasPermi="['business:feeStandard:remove']" |
|||
>删除</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="warning" |
|||
plain |
|||
icon="el-icon-download" |
|||
size="mini" |
|||
@click="handleExport" |
|||
v-hasPermi="['business:feeStandard:export']" |
|||
>导出</el-button> |
|||
</el-col> |
|||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
|
|||
<el-table v-loading="loading" :data="feeStandardList" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column label="手续费标准编号" align="center" prop="feeStandardId" v-if="true"/> |
|||
<el-table-column label="业务类型" align="center" prop="businessType" /> |
|||
<el-table-column label="用户级别" align="center" prop="userLevel" /> |
|||
<el-table-column label="手续费类型" align="center" prop="feeType" /> |
|||
<el-table-column label="手续费值" align="center" prop="feeValue" /> |
|||
<el-table-column label="最低手续费" align="center" prop="minFee" /> |
|||
<el-table-column label="最高手续费" align="center" prop="maxFee" /> |
|||
<el-table-column label="适用条件" align="center" prop="applicableCondition" /> |
|||
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-view" |
|||
@click="handleDetail(scope.row)" |
|||
>详情</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-edit" |
|||
@click="handleUpdate(scope.row)" |
|||
v-hasPermi="['business:feeStandard:edit']" |
|||
>修改</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-delete" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['business:feeStandard:remove']" |
|||
>删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination |
|||
v-show="total>0" |
|||
:total="total" |
|||
:page.sync="queryParams.pageNum" |
|||
:limit.sync="queryParams.pageSize" |
|||
@pagination="getList" |
|||
/> |
|||
|
|||
<!-- 添加或修改手续费规则对话框 --> |
|||
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="auto"> |
|||
<el-form-item label="用户级别" prop="userLevel"> |
|||
<el-input v-model="form.userLevel" placeholder="请输入用户级别" /> |
|||
</el-form-item> |
|||
<el-form-item label="手续费值" prop="feeValue"> |
|||
<el-input v-model="form.feeValue" placeholder="请输入手续费值" /> |
|||
</el-form-item> |
|||
<el-form-item label="最低手续费" prop="minFee"> |
|||
<el-input v-model="form.minFee" placeholder="请输入最低手续费" /> |
|||
</el-form-item> |
|||
<el-form-item label="最高手续费" prop="maxFee"> |
|||
<el-input v-model="form.maxFee" placeholder="请输入最高手续费" /> |
|||
</el-form-item> |
|||
<el-form-item label="适用条件" prop="applicableCondition"> |
|||
<el-input v-model="form.applicableCondition" type="textarea" placeholder="请输入内容" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<!-- 手续费规则详情 --> |
|||
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" label-width="auto"> |
|||
<el-form-item label="用户级别："> |
|||
{{form.userLevel}} |
|||
</el-form-item> |
|||
<el-form-item label="手续费值："> |
|||
{{form.feeValue}} |
|||
</el-form-item> |
|||
<el-form-item label="最低手续费："> |
|||
{{form.minFee}} |
|||
</el-form-item> |
|||
<el-form-item label="最高手续费："> |
|||
{{form.maxFee}} |
|||
</el-form-item> |
|||
<el-form-item label="适用条件："> |
|||
{{form.applicableCondition}} |
|||
|
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click="cancel">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { listFeeStandard, getFeeStandard, delFeeStandard, addFeeStandard, updateFeeStandard } from "@/api/business/feeStandard"; |
|||
|
|||
export default { |
|||
name: "FeeStandard", |
|||
data() { |
|||
return { |
|||
// 按钮loading |
|||
buttonLoading: false, |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 手续费规则表格数据 |
|||
feeStandardList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
// 是否显示详情弹出层 |
|||
detailOpen: false, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
businessType: undefined, |
|||
userLevel: undefined, |
|||
feeType: undefined, |
|||
feeValue: undefined, |
|||
minFee: undefined, |
|||
maxFee: undefined, |
|||
applicableCondition: undefined, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
// 表单校验 |
|||
rules: { |
|||
feeStandardId: [ |
|||
{ required: true, message: "手续费标准编号不能为空", trigger: "blur" } |
|||
], |
|||
businessType: [ |
|||
{ required: true, message: "业务类型不能为空", trigger: "change" } |
|||
], |
|||
userLevel: [ |
|||
{ required: true, message: "用户级别不能为空", trigger: "blur" } |
|||
], |
|||
feeType: [ |
|||
{ required: true, message: "手续费类型不能为空", trigger: "change" } |
|||
], |
|||
feeValue: [ |
|||
{ required: true, message: "手续费值不能为空", trigger: "blur" } |
|||
], |
|||
minFee: [ |
|||
{ required: true, message: "最低手续费不能为空", trigger: "blur" } |
|||
], |
|||
maxFee: [ |
|||
{ required: true, message: "最高手续费不能为空", trigger: "blur" } |
|||
], |
|||
applicableCondition: [ |
|||
{ required: true, message: "适用条件不能为空", trigger: "blur" } |
|||
], |
|||
createTime: [ |
|||
{ required: true, message: "创建时间不能为空", trigger: "blur" } |
|||
], |
|||
} |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
/** 查询手续费规则列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
listFeeStandard(this.queryParams).then(response => { |
|||
this.feeStandardList = response.rows; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.detailOpen = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
feeStandardId: undefined, |
|||
businessType: undefined, |
|||
userLevel: undefined, |
|||
feeType: undefined, |
|||
feeValue: undefined, |
|||
minFee: undefined, |
|||
maxFee: undefined, |
|||
applicableCondition: undefined, |
|||
createTime: undefined, |
|||
updateTime: undefined |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.resetForm("queryForm"); |
|||
this.handleQuery(); |
|||
}, |
|||
// 多选框选中数据 |
|||
handleSelectionChange(selection) { |
|||
this.ids = selection.map(item => item.feeStandardId) |
|||
this.single = selection.length!==1 |
|||
this.multiple = !selection.length |
|||
}, |
|||
/** 新增按钮操作 */ |
|||
handleAdd() { |
|||
this.reset(); |
|||
this.open = true; |
|||
this.title = "添加手续费规则"; |
|||
}, |
|||
/** 详情按钮操作 */ |
|||
handleDetail(row){ |
|||
this.reset(); |
|||
this.form = row; |
|||
this.detailOpen = true; |
|||
this.title = "手续费规则"; |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.loading = true; |
|||
this.reset(); |
|||
const feeStandardId = row.feeStandardId || this.ids |
|||
getFeeStandard(feeStandardId).then(response => { |
|||
this.loading = false; |
|||
this.form = response.data; |
|||
this.open = true; |
|||
this.title = "修改手续费规则"; |
|||
}); |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate(valid => { |
|||
if (valid) { |
|||
this.buttonLoading = true; |
|||
if (this.form.feeStandardId != null) { |
|||
updateFeeStandard(this.form).then(response => { |
|||
this.$modal.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} else { |
|||
addFeeStandard(this.form).then(response => { |
|||
this.$modal.msgSuccess("新增成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const feeStandardIds = row.feeStandardId || this.ids; |
|||
this.$modal.confirm('是否确认删除手续费规则编号为"' + feeStandardIds + '"的数据项？').then(() => { |
|||
this.loading = true; |
|||
return delFeeStandard(feeStandardIds); |
|||
}).then(() => { |
|||
this.loading = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess("删除成功"); |
|||
}).catch(() => { |
|||
}).finally(() => { |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
/** 导出按钮操作 */ |
|||
handleExport() { |
|||
this.download('business/feeStandard/export', { |
|||
...this.queryParams |
|||
}, `feeStandard_${new Date().getTime()}.xlsx`) |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
@ -0,0 +1,524 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|||
<el-form-item label="用户编号" prop="userId"> |
|||
<el-input |
|||
v-model="queryParams.userId" |
|||
placeholder="请输入用户编号" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="关联订单编号" prop="relatedOrderId"> |
|||
<el-input |
|||
v-model="queryParams.relatedOrderId" |
|||
placeholder="请输入关联订单编号" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="第三方支付平台名称" prop="thirdPartyPlatform"> |
|||
<el-input |
|||
v-model="queryParams.thirdPartyPlatform" |
|||
placeholder="请输入第三方支付平台名称" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="交易金额" prop="transactionAmount"> |
|||
<el-input |
|||
v-model="queryParams.transactionAmount" |
|||
placeholder="请输入交易金额" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="支付渠道交易编号" prop="paymentChannelNo"> |
|||
<el-input |
|||
v-model="queryParams.paymentChannelNo" |
|||
placeholder="请输入支付渠道交易编号" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="回执时间" prop="receiptTime"> |
|||
<el-date-picker clearable |
|||
v-model="queryParams.receiptTime" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="请选择回执时间"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="验证失败原因" prop="verificationFailureReason"> |
|||
<el-input |
|||
v-model="queryParams.verificationFailureReason" |
|||
placeholder="请输入验证失败原因" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="IP地址" prop="ipAddress"> |
|||
<el-input |
|||
v-model="queryParams.ipAddress" |
|||
placeholder="请输入IP地址" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="创建人" prop="creator"> |
|||
<el-input |
|||
v-model="queryParams.creator" |
|||
placeholder="请输入创建人" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="修改人" prop="modifier"> |
|||
<el-input |
|||
v-model="queryParams.modifier" |
|||
placeholder="请输入修改人" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="primary" |
|||
plain |
|||
icon="el-icon-plus" |
|||
size="mini" |
|||
@click="handleAdd" |
|||
v-hasPermi="['business:recordPaymentReceipt:add']" |
|||
>新增</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="success" |
|||
plain |
|||
icon="el-icon-edit" |
|||
size="mini" |
|||
:disabled="single" |
|||
@click="handleUpdate" |
|||
v-hasPermi="['business:recordPaymentReceipt:edit']" |
|||
>修改</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="danger" |
|||
plain |
|||
icon="el-icon-delete" |
|||
size="mini" |
|||
:disabled="multiple" |
|||
@click="handleDelete" |
|||
v-hasPermi="['business:recordPaymentReceipt:remove']" |
|||
>删除</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="warning" |
|||
plain |
|||
icon="el-icon-download" |
|||
size="mini" |
|||
@click="handleExport" |
|||
v-hasPermi="['business:recordPaymentReceipt:export']" |
|||
>导出</el-button> |
|||
</el-col> |
|||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
|
|||
<el-table v-loading="loading" :data="recordPaymentReceiptList" @selection-change="handleSelectionChange"> |
|||
<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="userId" /> |
|||
<el-table-column label="关联订单编号" align="center" prop="relatedOrderId" /> |
|||
<el-table-column label="第三方支付平台名称" align="center" prop="thirdPartyPlatform" /> |
|||
<el-table-column label="交易金额" align="center" prop="transactionAmount" /> |
|||
<el-table-column label="交易状态" align="center" prop="transactionStatus" /> |
|||
<el-table-column label="支付渠道交易编号" align="center" prop="paymentChannelNo" /> |
|||
<el-table-column label="回执时间" align="center" prop="receiptTime" width="180"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ parseTime(scope.row.receiptTime, '{y}-{m}-{d}') }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="回执内容" align="center" prop="receiptContent" /> |
|||
<el-table-column label="验证状态" align="center" prop="verificationStatus" /> |
|||
<el-table-column label="验证失败原因" align="center" prop="verificationFailureReason" /> |
|||
<el-table-column label="处理状态" align="center" prop="processingStatus" /> |
|||
<el-table-column label="IP地址" align="center" prop="ipAddress" /> |
|||
<el-table-column label="创建人" align="center" prop="creator" /> |
|||
<el-table-column label="修改人" align="center" prop="modifier" /> |
|||
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-view" |
|||
@click="handleDetail(scope.row)" |
|||
>详情</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-edit" |
|||
@click="handleUpdate(scope.row)" |
|||
v-hasPermi="['business:recordPaymentReceipt:edit']" |
|||
>修改</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-delete" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['business:recordPaymentReceipt:remove']" |
|||
>删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination |
|||
v-show="total>0" |
|||
:total="total" |
|||
:page.sync="queryParams.pageNum" |
|||
:limit.sync="queryParams.pageSize" |
|||
@pagination="getList" |
|||
/> |
|||
|
|||
<!-- 添加或修改支付回执对话框 --> |
|||
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="auto"> |
|||
<el-form-item label="用户编号" prop="userId"> |
|||
<el-input v-model="form.userId" placeholder="请输入用户编号" /> |
|||
</el-form-item> |
|||
<el-form-item label="关联订单编号" prop="relatedOrderId"> |
|||
<el-input v-model="form.relatedOrderId" placeholder="请输入关联订单编号" /> |
|||
</el-form-item> |
|||
<el-form-item label="第三方支付平台名称" prop="thirdPartyPlatform"> |
|||
<el-input v-model="form.thirdPartyPlatform" placeholder="请输入第三方支付平台名称" /> |
|||
</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-input v-model="form.paymentChannelNo" placeholder="请输入支付渠道交易编号" /> |
|||
</el-form-item> |
|||
<el-form-item label="回执时间" prop="receiptTime"> |
|||
<el-date-picker clearable |
|||
v-model="form.receiptTime" |
|||
type="datetime" |
|||
value-format="yyyy-MM-dd HH:mm:ss" |
|||
placeholder="请选择回执时间"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="回执内容"> |
|||
<editor v-model="form.receiptContent" :min-height="192"/> |
|||
</el-form-item> |
|||
<el-form-item label="验证失败原因" prop="verificationFailureReason"> |
|||
<el-input v-model="form.verificationFailureReason" type="textarea" placeholder="请输入内容" /> |
|||
</el-form-item> |
|||
<el-form-item label="IP地址" prop="ipAddress"> |
|||
<el-input v-model="form.ipAddress" placeholder="请输入IP地址" /> |
|||
</el-form-item> |
|||
<el-form-item label="创建人" prop="creator"> |
|||
<el-input v-model="form.creator" placeholder="请输入创建人" /> |
|||
</el-form-item> |
|||
<el-form-item label="修改人" prop="modifier"> |
|||
<el-input v-model="form.modifier" placeholder="请输入修改人" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<!-- 支付回执详情 --> |
|||
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> |
|||
<el-form ref="form" :model="form" label-width="auto"> |
|||
<el-form-item label="用户编号："> |
|||
{{form.userId}} |
|||
</el-form-item> |
|||
<el-form-item label="关联订单编号："> |
|||
{{form.relatedOrderId}} |
|||
</el-form-item> |
|||
<el-form-item label="第三方支付平台名称："> |
|||
{{form.thirdPartyPlatform}} |
|||
</el-form-item> |
|||
<el-form-item label="交易金额："> |
|||
{{form.transactionAmount}} |
|||
</el-form-item> |
|||
<el-form-item label="支付渠道交易编号："> |
|||
{{form.paymentChannelNo}} |
|||
</el-form-item> |
|||
<el-form-item label="回执时间" prop="receiptTime"> |
|||
<el-date-picker clearable |
|||
v-model="form.receiptTime" |
|||
type="datetime" |
|||
value-format="yyyy-MM-dd HH:mm:ss" |
|||
placeholder="请选择回执时间"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="回执内容"> |
|||
<editor v-model="form.receiptContent" :min-height="192"/> |
|||
</el-form-item> |
|||
<el-form-item label="验证失败原因："> |
|||
{{form.verificationFailureReason}} |
|||
|
|||
</el-form-item> |
|||
<el-form-item label="IP地址："> |
|||
{{form.ipAddress}} |
|||
</el-form-item> |
|||
<el-form-item label="创建人："> |
|||
{{form.creator}} |
|||
</el-form-item> |
|||
<el-form-item label="修改人："> |
|||
{{form.modifier}} |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click="cancel">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { listRecordPaymentReceipt, getRecordPaymentReceipt, delRecordPaymentReceipt, addRecordPaymentReceipt, updateRecordPaymentReceipt } from "@/api/business/recordPaymentReceipt"; |
|||
|
|||
export default { |
|||
name: "RecordPaymentReceipt", |
|||
data() { |
|||
return { |
|||
// 按钮loading |
|||
buttonLoading: false, |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 支付回执表格数据 |
|||
recordPaymentReceiptList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
// 是否显示详情弹出层 |
|||
detailOpen: false, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
userId: undefined, |
|||
relatedOrderId: undefined, |
|||
thirdPartyPlatform: undefined, |
|||
transactionAmount: undefined, |
|||
transactionStatus: undefined, |
|||
paymentChannelNo: undefined, |
|||
receiptTime: undefined, |
|||
receiptContent: undefined, |
|||
verificationStatus: undefined, |
|||
verificationFailureReason: undefined, |
|||
processingStatus: undefined, |
|||
ipAddress: undefined, |
|||
creator: undefined, |
|||
modifier: undefined, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
// 表单校验 |
|||
rules: { |
|||
id: [ |
|||
{ required: true, message: "回执编号不能为空", trigger: "blur" } |
|||
], |
|||
userId: [ |
|||
{ required: true, message: "用户编号不能为空", trigger: "blur" } |
|||
], |
|||
relatedOrderId: [ |
|||
{ required: true, message: "关联订单编号不能为空", trigger: "blur" } |
|||
], |
|||
thirdPartyPlatform: [ |
|||
{ required: true, message: "第三方支付平台名称不能为空", trigger: "blur" } |
|||
], |
|||
transactionAmount: [ |
|||
{ required: true, message: "交易金额不能为空", trigger: "blur" } |
|||
], |
|||
transactionStatus: [ |
|||
{ required: true, message: "交易状态不能为空", trigger: "change" } |
|||
], |
|||
paymentChannelNo: [ |
|||
{ required: true, message: "支付渠道交易编号不能为空", trigger: "blur" } |
|||
], |
|||
receiptTime: [ |
|||
{ required: true, message: "回执时间不能为空", trigger: "blur" } |
|||
], |
|||
receiptContent: [ |
|||
{ required: true, message: "回执内容不能为空", trigger: "blur" } |
|||
], |
|||
verificationStatus: [ |
|||
{ required: true, message: "验证状态不能为空", trigger: "change" } |
|||
], |
|||
verificationFailureReason: [ |
|||
{ required: true, message: "验证失败原因不能为空", trigger: "blur" } |
|||
], |
|||
processingStatus: [ |
|||
{ required: true, message: "处理状态不能为空", trigger: "change" } |
|||
], |
|||
ipAddress: [ |
|||
{ required: true, message: "IP地址不能为空", trigger: "blur" } |
|||
], |
|||
createTime: [ |
|||
{ required: true, message: "创建时间不能为空", trigger: "blur" } |
|||
], |
|||
creator: [ |
|||
{ required: true, message: "创建人不能为空", trigger: "blur" } |
|||
], |
|||
modifier: [ |
|||
{ required: true, message: "修改人不能为空", trigger: "blur" } |
|||
], |
|||
} |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
/** 查询支付回执列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
listRecordPaymentReceipt(this.queryParams).then(response => { |
|||
this.recordPaymentReceiptList = response.rows; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.detailOpen = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: undefined, |
|||
userId: undefined, |
|||
relatedOrderId: undefined, |
|||
thirdPartyPlatform: undefined, |
|||
transactionAmount: undefined, |
|||
transactionStatus: undefined, |
|||
paymentChannelNo: undefined, |
|||
receiptTime: undefined, |
|||
receiptContent: undefined, |
|||
verificationStatus: undefined, |
|||
verificationFailureReason: undefined, |
|||
processingStatus: undefined, |
|||
ipAddress: undefined, |
|||
createTime: undefined, |
|||
updateTime: undefined, |
|||
creator: undefined, |
|||
modifier: undefined, |
|||
delFlag: undefined |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.resetForm("queryForm"); |
|||
this.handleQuery(); |
|||
}, |
|||
// 多选框选中数据 |
|||
handleSelectionChange(selection) { |
|||
this.ids = selection.map(item => item.id) |
|||
this.single = selection.length!==1 |
|||
this.multiple = !selection.length |
|||
}, |
|||
/** 新增按钮操作 */ |
|||
handleAdd() { |
|||
this.reset(); |
|||
this.open = true; |
|||
this.title = "添加支付回执"; |
|||
}, |
|||
/** 详情按钮操作 */ |
|||
handleDetail(row){ |
|||
this.reset(); |
|||
this.form = row; |
|||
this.detailOpen = true; |
|||
this.title = "支付回执"; |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.loading = true; |
|||
this.reset(); |
|||
const id = row.id || this.ids |
|||
getRecordPaymentReceipt(id).then(response => { |
|||
this.loading = false; |
|||
this.form = response.data; |
|||
this.open = true; |
|||
this.title = "修改支付回执"; |
|||
}); |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate(valid => { |
|||
if (valid) { |
|||
this.buttonLoading = true; |
|||
if (this.form.id != null) { |
|||
updateRecordPaymentReceipt(this.form).then(response => { |
|||
this.$modal.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} else { |
|||
addRecordPaymentReceipt(this.form).then(response => { |
|||
this.$modal.msgSuccess("新增成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const ids = row.id || this.ids; |
|||
this.$modal.confirm('是否确认删除支付回执编号为"' + ids + '"的数据项？').then(() => { |
|||
this.loading = true; |
|||
return delRecordPaymentReceipt(ids); |
|||
}).then(() => { |
|||
this.loading = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess("删除成功"); |
|||
}).catch(() => { |
|||
}).finally(() => { |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
/** 导出按钮操作 */ |
|||
handleExport() { |
|||
this.download('business/recordPaymentReceipt/export', { |
|||
...this.queryParams |
|||
}, `recordPaymentReceipt_${new Date().getTime()}.xlsx`) |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
Loading…
Reference in new issue