gitea
/
fundHoldAdmin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

充值

main
niefei 4 months ago
parent
f483a3c38b
commit
59f01cdf6f
2 changed files with 420 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 44
      src/api/business/dealTopUp.js
  2. 376
      src/views/business/dealTopUp/index.vue

44
src/api/business/dealTopUp.js
View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询充值列表
export function listDealTopUp(query) {
return request({
url: '/business/dealTopUp/list',
method: 'get',
params: query
})
}
// 查询充值详细
export function getDealTopUp(id) {
return request({
url: '/business/dealTopUp/' + id,
method: 'get'
})
}
// 新增充值
export function addDealTopUp(data) {
return request({
url: '/business/dealTopUp',
method: 'post',
data: data
})
}
// 修改充值
export function updateDealTopUp(data) {
return request({
url: '/business/dealTopUp',
method: 'put',
data: data
})
}
// 删除充值
export function delDealTopUp(id) {
return request({
url: '/business/dealTopUp/' + id,
method: 'delete'
})
}

376
src/views/business/dealTopUp/index.vue
View File

@ -0,0 +1,376 @@
<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="userId">
<el-input v-model="queryParams.userId" placeholder="请输入充值ID" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="充值账户" prop="userAccount">
<el-input v-model="queryParams.userAccount" placeholder="请输入充值账户" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="目标ID" prop="toId">
<el-input v-model="queryParams.toId" placeholder="请输入目标ID" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="目标账户" prop="toAccount">
<el-input v-model="queryParams.toAccount" placeholder="请输入目标账户" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="账单唯一编号" prop="billCode">
<el-input v-model="queryParams.billCode" placeholder="请输入账单唯一编号" clearable @keyup.enter.native="handleQuery" />
</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>
<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:dealTopUp: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:dealTopUp: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:dealTopUp: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:dealTopUp:export']">导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="dealTopUpList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一ID" align="center" prop="id" v-if="true" />
<el-table-column label="充值ID" align="center" prop="userId" />
<el-table-column label="充值账户" align="center" prop="userAccount" />
<el-table-column label="目标ID" align="center" prop="toId" />
<el-table-column label="目标账户" align="center" prop="toAccount" />
<el-table-column label="账单唯一编号" align="center" prop="billCode" />
<el-table-column label="充值金额" align="center" prop="amount" />
<el-table-column label="充值类型" align="center" prop="transferType" />
<el-table-column label="充值备注" align="center" prop="remark" />
<el-table-column label="状态" align="center" prop="status">
<template slot-scope="scope">
<el-tag v-if="scope.row.status == '0'">提交</el-tag>
<el-tag type="danger" v-if="scope.row.status == '1'">拒绝</el-tag>
<el-tag type="success" v-if="scope.row.status == '2'">通过</el-tag>
</template>
</el-table-column>
<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:dealTopUp:edit']">修改</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['business:dealTopUp: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="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="充值ID" prop="userId">
<el-input v-model="form.userId" placeholder="请输入充值ID" />
</el-form-item>
<el-form-item label="充值账户" prop="userAccount">
<el-input v-model="form.userAccount" placeholder="请输入充值账户" />
</el-form-item>
<el-form-item label="目标ID" prop="toId">
<el-input v-model="form.toId" placeholder="请输入目标ID" />
</el-form-item>
<el-form-item label="目标账户" prop="toAccount">
<el-input v-model="form.toAccount" placeholder="请输入目标账户" />
</el-form-item>
<el-form-item label="账单唯一编号" prop="billCode">
<el-input v-model="form.billCode" placeholder="请输入账单唯一编号" />
</el-form-item>
<el-form-item label="充值金额" prop="amount">
<el-input v-model="form.amount" placeholder="请输入充值金额" />
</el-form-item>
<el-form-item label="充值备注" prop="remark">
<el-input v-model="form.remark" 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.userId}}
</el-form-item>
<el-form-item label="充值账户：">
{{form.userAccount}}
</el-form-item>
<el-form-item label="目标ID：">
{{form.toId}}
</el-form-item>
<el-form-item label="目标账户：">
{{form.toAccount}}
</el-form-item>
<el-form-item label="账单唯一编号：">
{{form.billCode}}
</el-form-item>
<el-form-item label="充值金额：">
{{form.amount}}
</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 {
listDealTopUp,
getDealTopUp,
delDealTopUp,
addDealTopUp,
updateDealTopUp
} from "@/api/business/dealTopUp";
export default {
name: "DealTopUp",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 充值表格数据
dealTopUpList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 是否显示详情弹出层
detailOpen: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
userId: undefined,
userAccount: undefined,
toId: undefined,
toAccount: undefined,
billCode: undefined,
amount: undefined,
transferType: undefined,
status: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
id: [{
required: true,
message: "唯一ID不能为空",
trigger: "blur"
}],
userId: [{
required: true,
message: "充值ID不能为空",
trigger: "blur"
}],
userAccount: [{
required: true,
message: "充值账户不能为空",
trigger: "blur"
}],
toId: [{
required: true,
message: "目标ID不能为空",
trigger: "blur"
}],
toAccount: [{
required: true,
message: "目标账户不能为空",
trigger: "blur"
}],
billCode: [{
required: true,
message: "账单唯一编号不能为空",
trigger: "blur"
}],
amount: [{
required: true,
message: "充值金额不能为空",
trigger: "blur"
}],
transferType: [{
required: true,
message: "充值类型不能为空",
trigger: "change"
}],
remark: [{
required: true,
message: "充值备注不能为空",
trigger: "blur"
}],
status: [{
required: true,
message: "状态不能为空",
trigger: "change"
}],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询充值列表 */
getList() {
this.loading = true;
listDealTopUp(this.queryParams).then(response => {
this.dealTopUpList = 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.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
getDealTopUp(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) {
updateDealTopUp(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
} else {
addDealTopUp(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 delDealTopUp(ids);
}).then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {}).finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download('business/dealTopUp/export', {
...this.queryParams
}, `dealTopUp_${new Date().getTime()}.xlsx`)
}
}
};
</script>
Write Preview
Loading…
Cancel
Save