chuangte/electripper-v2-ui
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: chuangte:5ea2abd32f7df2c2beb53ed6e5b3400ecda2bd8f
Branches Tags
chuangte:master
...
compare: chuangte:c8286ed0474dff8cd959fe8199030be88433752a
Branches Tags
chuangte:master

2 Commits
5ea2abd32f ... c8286ed047

Author SHA1 Message Date
磷叶
c8286ed047 Merge branch 'master' of http://61.174.243.28:15863/chuangte/electripper-v2-ui 2025-03-26 18:06:34 +08:00
磷叶
756b3c6c15 支付单、订单 2025-03-26 18:06:14 +08:00
6 changed files with 891 additions and 5 deletions
Show Stats Expand all files Collapse all files

44
src/api/bst/bonus.js Normal file
View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询分成明细列表
export function listBonus(query) {
return request({
url: '/bst/bonus/list',
method: 'get',
params: query
})
}
// 查询分成明细详细
export function getBonus(id) {
return request({
url: '/bst/bonus/' + id,
method: 'get'
})
}
// 新增分成明细
export function addBonus(data) {
return request({
url: '/bst/bonus',
method: 'post',
data: data
})
}
// 修改分成明细
export function updateBonus(data) {
return request({
url: '/bst/bonus',
method: 'put',
data: data
})
}
// 删除分成明细
export function delBonus(id) {
return request({
url: '/bst/bonus/' + id,
method: 'delete'
})
}

44
src/api/bst/pay.js Normal file
View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询支付订单列表
export function listPay(query) {
return request({
url: '/bst/pay/list',
method: 'get',
params: query
})
}
// 查询支付订单详细
export function getPay(id) {
return request({
url: '/bst/pay/' + id,
method: 'get'
})
}
// 新增支付订单
export function addPay(data) {
return request({
url: '/bst/pay',
method: 'post',
data: data
})
}
// 修改支付订单
export function updatePay(data) {
return request({
url: '/bst/pay',
method: 'put',
data: data
})
}
// 删除支付订单
export function delPay(id) {
return request({
url: '/bst/pay/' + id,
method: 'delete'
})
}

1
src/assets/icons/svg/pay.svg Normal file
View File

@ -0,0 +1 @@
<svg t="1742974845687" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2638" width="64" height="64"><path d="M173.077333 362.666667l91.114667-214.677334a65.6 65.6 0 0 1 86.016-34.773333c11.584 4.906667 24.96 10.282667 40.896 16.448 8.277333 3.2 16.789333 6.464 27.904 10.666667 28.202667 10.709333 39.296 14.933333 46.144 17.642666l51.477333-51.669333c28.181333-28.16 74.112-27.946667 102.570667 0.533333l195.925333 195.925334c16.426667 16.426667 23.445333 38.634667 21.056 59.904H896a42.666667 42.666667 0 0 1 42.666667 42.666666v490.666667a42.666667 42.666667 0 0 1-42.666667 42.666667H128a42.666667 42.666667 0 0 1-42.666667-42.666667V405.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h45.077333z m48.96 0h39.104l169.194667-169.770667-27.328-10.389333c-11.2-4.245333-19.818667-7.530667-28.224-10.794667a1459.2 1459.2 0 0 1-42.197333-17.002667 20.522667 20.522667 0 0 0-26.901334 10.88L222.037333 362.666667z m108.842667 0h454.954667a23.509333 23.509333 0 0 0-5.290667-25.322667l-195.925333-195.925333a23.36 23.36 0 0 0-33.024-0.213334L330.88 362.666667zM128 405.333333v490.666667h768V405.333333H128z m597.333333 320a85.333333 85.333333 0 1 1 0-170.666666 85.333333 85.333333 0 0 1 0 170.666666z m0-42.666666a42.666667 42.666667 0 1 0 0-85.333334 42.666667 42.666667 0 0 0 0 85.333334z" p-id="2639"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

399
src/views/bst/bonus/index.vue Normal file
View File

@ -0,0 +1,399 @@
<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="bstType">
<el-select v-model="queryParams.bstType" placeholder="请选择业务类型" clearable @change="handleQuery">
<el-option
v-for="dict in dict.type.bonus_bst_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable @change="handleQuery">
<el-option
v-for="dict in dict.type.bonus_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="分成方" prop="arrivalName">
<el-input
v-model="queryParams.arrivalName"
placeholder="请输入分成方名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="分成类型" prop="arrivalType">
<el-select v-model="queryParams.arrivalType" placeholder="请选择分成类型" clearable @change="handleQuery">
<el-option
v-for="dict in dict.type.bonus_arrival_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="原因" prop="reason">
<el-input
v-model="queryParams.reason"
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-has-permi="['bst:bonus:add']"
>新增</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-has-permi="['bst:bonus:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-has-permi="['bst:bonus:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="bonusList" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="onSortChange">
<el-table-column type="selection" width="55" align="center" />
<template v-for="column of showColumns">
<el-table-column
:key="column.key"
:label="column.label"
:prop="column.key"
:align="column.align"
:min-width="column.minWidth"
:sort-orders="orderSorts"
:sortable="column.sortable"
:show-overflow-tooltip="column.overflow"
:width="column.width"
>
<template slot-scope="d">
<template v-if="column.key === 'id'">
{{d.row[column.key]}}
</template>
<template v-else-if="column.key === 'reason'">
{{d.row.reason | dv}}
<dict-tag :options="dict.type.bonus_bst_type" :value="d.row.bstType" size="mini" style="margin-right: 4px;"/>
<dict-tag :options="dict.type.bonus_status" :value="d.row.status" size="mini" style="margin-right: 4px;"/>
</template>
<template v-else-if="column.key === 'arrivalName'">
{{d.row.arrivalName | dv}}
<dict-tag :options="dict.type.bonus_arrival_type" :value="d.row.arrivalType" size="mini" style="margin-right: 4px;"/>
</template>
<template v-else-if="column.key === 'toBalance'">
<boolean-tag :value="d.row.toBalance" size="mini"/>
</template>
<template v-else>
{{d.row[column.key]}}
</template>
</template>
</el-table-column>
</template>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-has-permi="['bst:bonus:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-has-permi="['bst:bonus: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"
/>
</div>
</template>
<script>
import { listBonus, getBonus, delBonus, addBonus, updateBonus } from "@/api/bst/bonus";
import { $showColumns } from '@/utils/mixins';
import FormCol from "@/components/FormCol/index.vue";
import BooleanTag from "@/components/BooleanTag/index.vue";
// 默认排序字段
const defaultSort = {
prop: "createTime",
order: "descending"
}
export default {
name: "Bonus",
mixins: [$showColumns],
dicts: ['bonus_status', 'bonus_arrival_type', 'bonus_bst_type'],
components: {FormCol, BooleanTag},
data() {
return {
span: 24,
// 字段列表
columns: [
{key: 'id', visible: false, label: 'ID', minWidth: null, sortable: true, overflow: false, align: 'center', width: "80"},
{key: 'bstId', visible: false, label: '业务ID', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'reason', visible: true, label: '原因', minWidth: "200", sortable: true, overflow: false, align: 'left', width: null},
{key: 'arrivalName', visible: true, label: '分成方', minWidth: "100", sortable: true, overflow: false, align: 'left', width: null},
{key: 'arrivalId', visible: false, label: '分成方ID', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'point', visible: true, label: '比例', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'amount', visible: true, label: '总金额', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'waitAmount', visible: true, label: '待分成', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'payedAmount', visible: true, label: '已分成', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'refundAmount', visible: true, label: '已退款', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'prePayTime', visible: true, label: '预计分成', minWidth: null, sortable: false, overflow: false, align: 'center', width: "100"},
{key: 'payTime', visible: true, label: '实际分成', minWidth: null, sortable: false, overflow: false, align: 'center', width: "100"},
{key: 'toBalance', visible: true, label: '余额变动', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'createTime', visible: true, label: '创建时间', minWidth: null, sortable: true, overflow: false, align: 'center', width: "100"},
],
// 排序方式
orderSorts: ['ascending', 'descending', null],
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 分成表格数据
bonusList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
defaultSort,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 20,
orderByColumn: defaultSort.prop,
isAsc: defaultSort.order,
id: null,
bstId: null,
bstType: null,
status: null,
arrivalId: null,
arrivalName: null,
arrivalType: null,
toBalance: null,
reason: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
bstId: [
{ required: true, message: "订单ID不能为空", trigger: "blur" }
],
bstType: [
{ required: true, message: "业务类型不能为空", trigger: "change" }
],
status: [
{ required: true, message: "状态不能为空", trigger: "change" }
],
arrivalId: [
{ required: true, message: "分成方ID不能为空", trigger: "blur" }
],
arrivalName: [
{ required: true, message: "分成方名称不能为空", trigger: "blur" }
],
arrivalType: [
{ required: true, message: "收款方类型不能为空", trigger: "change" }
],
point: [
{ required: true, message: "分成比例不能为空", trigger: "blur" }
],
amount: [
{ required: true, message: "分成总金额不能为空", trigger: "blur" }
],
waitAmount: [
{ required: true, message: "待分成金额不能为空", trigger: "blur" }
],
payedAmount: [
{ required: true, message: "已分成金额不能为空", trigger: "blur" }
],
refundAmount: [
{ required: true, message: "已退款金额不能为空", trigger: "blur" }
],
toBalance: [
{ required: true, message: "是否修改余额不能为空", trigger: "blur" }
],
createTime: [
{ required: true, message: "创建时间不能为空", trigger: "blur" }
]
}
};
},
created() {
this.getList();
},
methods: {
/** 当排序按钮被点击时触发 **/
onSortChange(column) {
if (column.order == null) {
this.queryParams.orderByColumn = defaultSort.prop;
this.queryParams.isAsc = defaultSort.order;
} else {
this.queryParams.orderByColumn = column.prop;
this.queryParams.isAsc = column.order;
}
this.getList();
},
/** 查询分成列表 */
getList() {
this.loading = true;
listBonus(this.queryParams).then(response => {
this.bonusList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
bstId: null,
bstType: null,
status: null,
arrivalId: null,
arrivalName: null,
arrivalType: null,
point: null,
amount: null,
waitAmount: null,
payedAmount: null,
refundAmount: null,
prePayTime: null,
payTime: null,
toBalance: null,
reason: null,
createTime: null
};
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 = "添加分成";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids
getBonus(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改分成";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
updateBonus(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addBonus(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除分成编号为"' + ids + '"的数据项？').then(function() {
return delBonus(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('bst/bonus/export', {
...this.queryParams
}, `bonus_${new Date().getTime()}.xlsx`)
}
}
};
</script>

10
src/views/bst/order/index.vue
View File

@ -159,13 +159,13 @@
<template v-else-if="column.key === 'totalFee'">
<div>
<el-row :gutter="8">
<el-col :span="12" v-if="d.row.totalFee != null">总金额：{{d.row.totalFee | fix2 | dv}} 元</el-col>
<el-col :span="12" v-if="d.row.depositFee != null">押金：{{d.row.depositFee | fix2 | dv}} 元</el-col>
<el-col :span="12" v-if="d.row.totalFee != null">总额：{{d.row.totalFee | fix2 | dv}} 元</el-col>
<el-col :span="12" v-if="d.row.ridingFee != null">骑行费：{{d.row.ridingFee | fix2 | dv}} 元</el-col>
<el-col :span="12" v-if="d.row.payRefunded != null">退款：{{d.row.payRefunded | fix2 | dv}} 元</el-col>
<el-col :span="12" v-if="d.row.dispatchFee != null">调度费：{{d.row.dispatchFee | fix2 | dv}} 元</el-col>
<el-col :span="12" v-if="d.row.manageFee != null">管理费：{{d.row.manageFee | fix2 | dv}} 元</el-col>
<el-col :span="12" v-if="d.row.deductionFee != null">车损费：{{d.row.deductionFee | fix2 | dv}} 元</el-col>
<el-col :span="12" v-if="d.row.payRefunded">退款：{{d.row.payRefunded | fix2 | dv}} 元</el-col>
<el-col :span="12" v-if="d.row.dispatchFee">调度费：{{d.row.dispatchFee | fix2 | dv}} 元</el-col>
<el-col :span="12" v-if="d.row.manageFee">管理费：{{d.row.manageFee | fix2 | dv}} 元</el-col>
<el-col :span="12" v-if="d.row.deductionFee">车损费：{{d.row.deductionFee | fix2 | dv}} 元</el-col>
</el-row>
</div>
</template>

398
src/views/bst/pay/index.vue Normal file
View File

@ -0,0 +1,398 @@
<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="no">
<el-input
v-model="queryParams.no"
placeholder="请输入支付单号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="渠道单号" prop="channelNo">
<el-input
v-model="queryParams.channelNo"
placeholder="请输入渠道支付单号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择支付状态" clearable @change="handleQuery">
<el-option
v-for="dict in dict.type.pay_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="业务类型" prop="bstType">
<el-select v-model="queryParams.bstType" placeholder="请选择业务类型" clearable @change="handleQuery">
<el-option
v-for="dict in dict.type.pay_bst_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="支付金额" prop="amount">
<el-input
v-model="queryParams.amount"
placeholder="请输入支付金额"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="支付渠道" prop="channelName">
<el-input
v-model="queryParams.channelName"
placeholder="请输入支付渠道名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="描述" prop="description">
<el-input
v-model="queryParams.description"
placeholder="请输入描述"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="支付账号" prop="account">
<el-input
v-model="queryParams.account"
placeholder="请输入支付账号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="付款IP" prop="ip">
<el-input
v-model="queryParams.ip"
placeholder="请输入付款人IP"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="应用名称" prop="appName">
<el-input
v-model="queryParams.appName"
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="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-has-permi="['bst:pay:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="payList" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="onSortChange">
<el-table-column type="selection" width="55" align="center" />
<template v-for="column of showColumns">
<el-table-column
:key="column.key"
:label="column.label"
:prop="column.key"
:align="column.align"
:min-width="column.minWidth"
:sort-orders="orderSorts"
:sortable="column.sortable"
:show-overflow-tooltip="column.overflow"
:width="column.width"
>
<template slot-scope="d">
<template v-if="column.key === 'id'">
{{d.row[column.key]}}
</template>
<template v-else-if="column.key === 'bstType'">
<dict-tag :options="dict.type.pay_bst_type" :value="d.row[column.key]"/>
</template>
<template v-else-if="column.key === 'status'">
<dict-tag :options="dict.type.pay_status" :value="d.row[column.key]"/>
</template>
<template v-else>
{{d.row[column.key]}}
</template>
</template>
</el-table-column>
</template>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
</template>
<script>
import { listPay, getPay, delPay, addPay, updatePay } from "@/api/bst/pay";
import { $showColumns } from '@/utils/mixins';
import FormCol from "@/components/FormCol/index.vue";
// 默认排序字段
const defaultSort = {
prop: "createTime",
order: "descending"
}
export default {
name: "Pay",
mixins: [$showColumns],
dicts: ['pay_status', 'pay_bst_type'],
components: {FormCol},
data() {
return {
span: 24,
// 字段列表
columns: [
{key: 'id', visible: false, label: 'ID', minWidth: null, sortable: true, overflow: false, align: 'center', width: "80"},
{key: 'no', visible: true, label: '支付单号', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'bstType', visible: true, label: '类型', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'bstId', visible: false, label: '业务ID', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'amount', visible: true, label: '金额', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'channelName', visible: true, label: '渠道', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'status', visible: true, label: '状态', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'payTime', visible: true, label: '支付时间', minWidth: null, sortable: false, overflow: false, align: 'center', width: "100"},
{key: 'description', visible: true, label: '描述', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'account', visible: true, label: '支付账号', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'channelCost', visible: true, label: '渠道成本', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'refunded', visible: true, label: '已退款', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'refunding', visible: true, label: '退款中', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'ip', visible: true, label: '付款人IP', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'appName', visible: true, label: '应用', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'channelNo', visible: true, label: '渠道单号', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'createTime', visible: true, label: '创建时间', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
],
// 排序方式
orderSorts: ['ascending', 'descending', null],
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 支付订单表格数据
payList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
defaultSort,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 20,
orderByColumn: defaultSort.prop,
isAsc: defaultSort.order,
id: null,
no: null,
bstType: null,
bstId: null,
amount: null,
channelId: null,
status: null,
description: null,
account: null,
ip: null,
appId: null,
channelNo: null
},
// 表单参数
form: {},
// 表单校验
rules: {
no: [
{ required: true, message: "支付订单编号不能为空", trigger: "blur" }
],
bstType: [
{ required: true, message: "业务类型不能为空", trigger: "change" }
],
bstId: [
{ required: true, message: "业务ID不能为空", trigger: "blur" }
],
amount: [
{ required: true, message: "支付金额不能为空", trigger: "blur" }
],
channelId: [
{ required: true, message: "支付渠道ID不能为空", trigger: "blur" }
],
status: [
{ required: true, message: "支付状态不能为空", trigger: "change" }
],
createTime: [
{ required: true, message: "创建时间不能为空", trigger: "blur" }
],
account: [
{ required: true, message: "支付账号不能为空", trigger: "blur" }
],
channelCost: [
{ required: true, message: "渠道成本不能为空", trigger: "blur" }
],
refunded: [
{ required: true, message: "已退款金额不能为空", trigger: "blur" }
],
refunding: [
{ required: true, message: "退款中金额不能为空", trigger: "blur" }
],
appId: [
{ required: true, message: "应用ID不能为空", trigger: "blur" }
],
channelNo: [
{ required: true, message: "渠道支付单号不能为空", trigger: "blur" }
]
}
};
},
created() {
this.getList();
},
methods: {
/** 当排序按钮被点击时触发 **/
onSortChange(column) {
if (column.order == null) {
this.queryParams.orderByColumn = defaultSort.prop;
this.queryParams.isAsc = defaultSort.order;
} else {
this.queryParams.orderByColumn = column.prop;
this.queryParams.isAsc = column.order;
}
this.getList();
},
/** 查询支付订单列表 */
getList() {
this.loading = true;
listPay(this.queryParams).then(response => {
this.payList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
no: null,
bstType: null,
bstId: null,
amount: null,
channelId: null,
status: null,
payTime: null,
createTime: null,
description: null,
account: null,
channelCost: null,
refunded: null,
refunding: null,
ip: null,
appId: null,
channelNo: null
};
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 = "添加支付订单";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids
getPay(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改支付订单";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
updatePay(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addPay(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除支付订单编号为"' + ids + '"的数据项？').then(function() {
return delPay(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('bst/pay/export', {
...this.queryParams
}, `pay_${new Date().getTime()}.xlsx`)
}
}
};
</script>