Skip to content

薪
薪瑞通-前端
Commit 8ece81bb authored by 许珑标's avatar 许珑标
Browse files
Options

商户付款账户

parent ac187ee5
Show whitespace changes
Inline Side-by-side
Showing with 418 additions and 0 deletions
src/api/business/accInfo.js 0 → 100644
View file @ 8ece81bb
import request from '@/utils/request'
// 查询商户付款账户列表
export function listAccInfo(query) {
return request({
url: '/business/accInfo/list',
method: 'get',
params: query
})
}
// 查询商户付款账户所有列表
export function listAllAccInfo(query) {
return request({
url: '/business/accInfo/listAll',
method: 'get',
params: query
})
}
// 查询商户付款账户详细
export function getAccInfo(id) {
return request({
url: '/business/accInfo/getInfo/' + id,
method: 'get'
})
}
// 新增商户付款账户
export function addAccInfo(data) {
return request({
url: '/business/accInfo/add',
method: 'post',
data: data
})
}
// 修改商户付款账户
export function updateAccInfo(data) {
return request({
url: '/business/accInfo/edit',
method: 'post',
data: data
})
}
// 删除商户付款账户
export function delAccInfo(id) {
return request({
url: '/business/accInfo/remove/' + id,
method: 'get'
})
}
src/assets/styles/ruoyi.scss
View file @ 8ece81bb
...@@ -271,3 +271,8 @@ ...@@ -271,3 +271,8 @@
position: relative; position: relative;
float: right; float: right;
} }
input[aria-hidden=true]{
display: none !important;
}
src/views/business/accInfo/index.vue 0 → 100644
View file @ 8ece81bb
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px">
<el-form-item label="单位名称" prop="companyName">
<el-input
v-model="queryParams.companyName"
placeholder="请输入单位名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="信用代码" prop="companyCode">
<el-input
v-model="queryParams.companyCode"
placeholder="请输入单位信用代码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="发薪账户" prop="payAccNo">
<el-input
v-model="queryParams.payAccNo"
placeholder="请输入发薪账户"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="归属客户" prop="deptId">
<el-cascader
clearable
:props="cascaderProps"
v-model="queryParams.deptId"
:options="deptOptions">
</el-cascader>
</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"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:accInfo:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:accInfo:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:accInfo:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:accInfo:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="accInfoList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="单位名称" align="center" prop="companyName" />
<el-table-column label="信用代码" align="center" prop="companyCode" />
<el-table-column label="法人姓名" align="center" prop="legalName" />
<el-table-column label="法人电话" align="center" prop="legalPhone" />
<el-table-column label="发薪账户" align="center" prop="payAccNo" />
<el-table-column label="归属客户" align="center" prop="deptName" />
<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-hasPermi="['business:accInfo:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:accInfo: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="单位名称" prop="companyName">
<el-input v-model="form.companyName" placeholder="请输入单位名称" />
</el-form-item>
<el-form-item label="单位机构代码" prop="companyCode">
<el-input v-model="form.companyCode" placeholder="请输入单位机构代码" />
</el-form-item>
<el-form-item label="法人姓名" prop="legalName">
<el-input v-model="form.legalName" placeholder="请输入法人姓名" />
</el-form-item>
<el-form-item label="法人电话" prop="legalPhone">
<el-input v-model="form.legalPhone" placeholder="请输入法人电话" />
</el-form-item>
<el-form-item label="归属客户" prop="deptId">
<el-cascader
:props="cascaderProps"
v-model="form.deptId"
:options="deptOptions">
</el-cascader>
</el-form-item>
<el-form-item label="发薪账户" prop="payAccNo">
<el-input v-model="form.payAccNo" placeholder="请输入发薪账户" />
</el-form-item>
<el-form-item label="商户号" prop="merchantId">
<el-input v-model="form.merchantId" placeholder="请输入开发信息_商户id" />
</el-form-item>
<el-form-item label="公钥" prop="publicKey">
<el-input v-model="form.publicKey" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="私钥" prop="privateKey">
<el-input v-model="form.privateKey" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listAccInfo, getAccInfo, delAccInfo, addAccInfo, updateAccInfo } from "@/api/business/accInfo";
import { deptTreeSelect } from "@/api/system/user";
export default {
name: "AccInfo",
computed: {
},
data() {
return {
cascaderProps: {
label: 'label',
value: 'id',
checkStrictly: true,
emitPath: false
},
// 根路径
baseURL: process.env.VUE_APP_BASE_API,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 商户付款账户表格数据
accInfoList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 部门树选项
deptOptions: undefined,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
companyName: null,
companyCode: null,
legalName: null,
legalPhone: null,
payAccNo: null,
merchantId: null,
publicKey: null,
privateKey: null,
deptId: null
},
// 表单参数
form: {},
// 表单校验
rules: {
id: [
{ required: true, message: "$comment不能为空", trigger: "blur" }
],
companyName: [
{ required: true, message: "单位名称不能为空", trigger: "blur" }
],
companyCode: [
{ required: true, message: "单位机构代码不能为空", trigger: "blur" }
],
legalName: [
{ required: true, message: "法人姓名不能为空", trigger: "blur" }
],
legalPhone: [
{ required: true, message: "法人电话不能为空", trigger: "blur" }
],
deptId: [
{ required: true, message: "所属部门不能为空", trigger: "blur" }
],
payAccNo: [
{ required: true, message: "发薪账户不能为空", trigger: "blur" }
],
merchantId: [
{ required: true, message: "开发信息_商户id不能为空", trigger: "blur" }
],
publicKey: [
{ required: true, message: "公钥不能为空", trigger: "blur" }
],
privateKey: [
{ required: true, message: "私钥不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
this.getDeptTree();
},
methods: {
getDeptTree() {
deptTreeSelect().then(response => {
this.deptOptions = response.data;
});
},
/** 查询商户付款账户列表 */
getList() {
this.loading = true;
listAccInfo(this.queryParams).then(response => {
this.accInfoList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
companyName: null,
companyCode: null,
legalName: null,
legalPhone: null,
payAccNo: null,
merchantId: null,
publicKey: null,
privateKey: 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
getAccInfo(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) {
updateAccInfo(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addAccInfo(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 delAccInfo(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('business/accInfo/export', {
...this.queryParams
}, `accInfo_${new Date().getTime()}.xlsx`)
}
}
};
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment