daimenglei
1 month ago
11 changed files with 1669 additions and 186 deletions
@ -0,0 +1,53 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
// 查询代理商认证列表
|
|||
export function listAgentVerification(query) { |
|||
return request({ |
|||
url: '/business/agentVerification/list', |
|||
method: 'get', |
|||
params: query |
|||
}) |
|||
} |
|||
|
|||
// 查询代理商认证详细
|
|||
export function getAgentVerification(id) { |
|||
return request({ |
|||
url: '/business/agentVerification/' + id, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
|
|||
// 新增代理商认证
|
|||
export function addAgentVerification(data) { |
|||
return request({ |
|||
url: '/business/agentVerification', |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 修改代理商认证
|
|||
export function updateAgentVerification(data) { |
|||
return request({ |
|||
url: '/business/agentVerification', |
|||
method: 'put', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 删除代理商认证
|
|||
export function delAgentVerification(id) { |
|||
return request({ |
|||
url: '/business/agentVerification/' + id, |
|||
method: 'delete' |
|||
}) |
|||
} |
|||
|
|||
// 代理商实名认证
|
|||
export function agentAudit(data) { |
|||
return request({ |
|||
url: '/business/agentVerification/agentVerificationAudit' , |
|||
method: 'post', |
|||
data:data |
|||
}) |
|||
} |
|||
@ -0,0 +1,44 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
// 查询代理商信息列表
|
|||
export function listUserInfoAgent(query) { |
|||
return request({ |
|||
url: '/business/userInfoAgent/list', |
|||
method: 'get', |
|||
params: query |
|||
}) |
|||
} |
|||
|
|||
// 查询代理商信息详细
|
|||
export function getUserInfoAgent(id) { |
|||
return request({ |
|||
url: '/business/userInfoAgent/' + id, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
|
|||
// 新增代理商信息
|
|||
export function addUserInfoAgent(data) { |
|||
return request({ |
|||
url: '/business/userInfoAgent', |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 修改代理商信息
|
|||
export function updateUserInfoAgent(data) { |
|||
return request({ |
|||
url: '/business/userInfoAgent', |
|||
method: 'put', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 删除代理商信息
|
|||
export function delUserInfoAgent(id) { |
|||
return request({ |
|||
url: '/business/userInfoAgent/' + id, |
|||
method: 'delete' |
|||
}) |
|||
} |
|||
@ -0,0 +1,458 @@ |
|||
<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="userAccount"> |
|||
<el-input |
|||
v-model="queryParams.userAccount" |
|||
placeholder="请输入登录账号" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="代理名称" prop="agentName"> |
|||
<el-input |
|||
v-model="queryParams.agentName" |
|||
placeholder="请输入代理商名称" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="身份证号" prop="legalPersonIdCard"> |
|||
<el-input |
|||
v-model="queryParams.legalPersonIdCard" |
|||
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.button.search') }}</el-button> |
|||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.button.reset') }}</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-hasPermi="['business:agentVerification:export']" |
|||
>{{ $t('common.button.export') }}</el-button> |
|||
</el-col> |
|||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
|
|||
<el-table v-loading="loading" :data="merchantVerificationList" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center"/> |
|||
<el-table-column label="登录账号" align="center" prop="userAccount"/> |
|||
<el-table-column label="代理商名称" align="center" prop="agentName"/> |
|||
<el-table-column label="营业执照" align="center" prop="businessLicenseNumber"/> |
|||
<el-table-column label="法人姓名" align="center" prop="legalPersonInfoName"/> |
|||
<el-table-column label="法人身份证" align="center" prop="legalPersonIdCard"/> |
|||
<el-table-column label="认证状态" align="center" prop="status"> |
|||
<template slot-scope="scope"> |
|||
<el-tag type="primary" v-if="scope.row.status == '0' || scope.row.status == null">未认证</el-tag> |
|||
<el-tag type="success" v-if="scope.row.status == '1'">认证通过</el-tag> |
|||
<el-tag type="danger" v-if="scope.row.status == '2'">认证失败</el-tag> |
|||
<el-tag type="warning" v-if="scope.row.status == '3'">待审核</el-tag> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="审核时间" align="center" prop="authenticationDate" width="180"/> |
|||
<el-table-column label="失败原因" align="center" prop="failureReason"/> |
|||
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> |
|||
<template slot-scope="scope"> |
|||
<el-button v-if="(scope.row.status == null || scope.row.status == '2')" |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-document-add" |
|||
@click="handleAdd(scope.row)" |
|||
>认证</el-button> |
|||
<el-button v-if="(scope.row.status == 1)" |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-view" |
|||
@click="handleDetail(scope.row)" |
|||
>详情</el-button> |
|||
<el-button v-if="(scope.row.status == 3)" |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-view" |
|||
@click="handleAudit(scope.row)" |
|||
>审核</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="agentName"> |
|||
<el-input v-model="form.agentName" placeholder="请输入商户名称"/> |
|||
</el-form-item> |
|||
<el-form-item label="营业执照" prop="businessLicenseNumber"> |
|||
<el-input v-model="form.businessLicenseNumber" placeholder="请输入营业执照号"/> |
|||
</el-form-item> |
|||
<el-form-item label="法人姓名" prop="legalPersonName"> |
|||
<el-input v-model="form.legalPersonName" placeholder="请输入法人姓名"/> |
|||
</el-form-item> |
|||
<el-form-item label="身份证" prop="legalPersonIdCard"> |
|||
<el-input v-model="form.legalPersonIdCard" placeholder="请输入法人身份证"/> |
|||
</el-form-item> |
|||
<el-form-item label="电子合同" prop="electronicContract"> |
|||
<el-input v-model="form.electronicContract" placeholder="请上传电子合同"/> |
|||
</el-form-item> |
|||
<el-form-item label="保证金缴纳证明" prop="earnestMoney"> |
|||
<el-input v-model="form.earnestMoney" placeholder="请上传保证金缴纳证明"/> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">{{ $t('common.button.confirm') }}</el-button> |
|||
<el-button @click="cancel">{{ $t('common.button.cancel') }}</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<!-- 认证审核 --> |
|||
<el-dialog :title="title" :visible.sync="auditOpen" width="700px" append-to-body> |
|||
<el-form ref="auditForm" :model="auditForm" :rules="rules" label-width="auto"> |
|||
<el-form-item label="注册代理商名称："> |
|||
{{auditForm.agentInfoName}} |
|||
</el-form-item> |
|||
<el-form-item label="认证代理名称："> |
|||
{{auditForm.agentName}} |
|||
</el-form-item> |
|||
<el-form-item label="注册法人名称："> |
|||
{{auditForm.legalPersonInfoName}} |
|||
</el-form-item> |
|||
<el-form-item label="认证法人名称："> |
|||
{{auditForm.legalPersonName}} |
|||
</el-form-item> |
|||
<el-form-item label="法人身份证号："> |
|||
{{auditForm.legalPersonIdCardShow}} |
|||
</el-form-item> |
|||
<el-form-item label="营业执照："> |
|||
{{auditForm.businessLicenseNumber}} |
|||
</el-form-item> |
|||
<el-form-item label="认证失败原因：" prop="failureReason"> |
|||
<el-input v-model="auditForm.failureReason" placeholder="请输入认证失败原因" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="success" @click="submitPass">通 过</el-button> |
|||
<el-button :loading="buttonLoading" type="danger" @click="submitRefuse">拒 绝</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.agentName }} |
|||
</el-form-item> |
|||
<el-form-item label="营业执照号："> |
|||
{{ form.businessLicenseNumber }} |
|||
</el-form-item> |
|||
<el-form-item label="法人姓名："> |
|||
{{ form.legalPersonName }} |
|||
</el-form-item> |
|||
<el-form-item label="法人身份证："> |
|||
{{ form.legalPersonIdCard }} |
|||
</el-form-item> |
|||
<el-form-item label="电子合同："> |
|||
{{ form.electronicContract }} |
|||
</el-form-item> |
|||
<el-form-item label="保证金缴纳证明："> |
|||
{{ form.earnestMoney }} |
|||
</el-form-item> |
|||
<el-form-item label="审核时间：" prop="authenticationDate"> |
|||
{{ form.authenticationDate }} |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click="cancel">{{$t('common.button.cancel')}}</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
listAgentVerification, |
|||
getAgentVerification, |
|||
delAgentVerification, |
|||
addAgentVerification, |
|||
updateAgentVerification, |
|||
agentAudit |
|||
} from "@/api/business/agentVerification"; |
|||
|
|||
export default { |
|||
name: "AgentVerification", |
|||
data() { |
|||
return { |
|||
// 按钮loading |
|||
buttonLoading: false, |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 商户认证信息表格数据 |
|||
merchantVerificationList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
// 是否显示详情弹出层 |
|||
detailOpen: false, |
|||
// 是否显示详情弹出层 |
|||
auditOpen: false, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
merchantName: undefined, |
|||
businessLicenseNumber: undefined, |
|||
legalPersonName: undefined, |
|||
legalPersonIdCard: undefined, |
|||
contactPersonName: undefined, |
|||
contactPersonPhone: undefined, |
|||
contactPersonEmail: undefined, |
|||
businessLicenseImage: undefined, |
|||
legalPersonIdCardImage: undefined, |
|||
bankAccountNumber: undefined, |
|||
bankName: undefined, |
|||
status: undefined, |
|||
authenticationDate: undefined, |
|||
failureReason: undefined, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
//审核参数 |
|||
auditForm: {}, |
|||
// 表单校验 |
|||
rules: { |
|||
agentName: [ |
|||
{ required: true, message: "代理商名称不能为空", trigger: "blur" } |
|||
], |
|||
legalPersonName: [ |
|||
{ required: true, message: "法人姓名不能为空", trigger: "blur" } |
|||
], |
|||
electronicContract: [ |
|||
{ required: true, message: "电子合同不能为空", trigger: "blur" } |
|||
], |
|||
earnestMoney: [ |
|||
{ required: true, message: "保证金缴纳证明不能为空", trigger: "blur" } |
|||
], |
|||
legalPersonIdCard: [ |
|||
{ required: true,pattern: /^\d+$/, message: "身份证号只能为数字", trigger: "blur" } |
|||
], |
|||
failureReason: [ |
|||
{ } |
|||
], |
|||
} |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
/** 查询商户认证信息列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
listAgentVerification(this.queryParams).then(response => { |
|||
this.merchantVerificationList = response.rows; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.detailOpen = false; |
|||
this.auditOpen = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: undefined, |
|||
merchantName: undefined, |
|||
businessLicenseNumber: undefined, |
|||
legalPersonName: undefined, |
|||
legalPersonIdCard: undefined, |
|||
contactPersonName: undefined, |
|||
contactPersonPhone: undefined, |
|||
contactPersonEmail: undefined, |
|||
businessLicenseImage: undefined, |
|||
legalPersonIdCardImage: undefined, |
|||
bankAccountNumber: undefined, |
|||
bankName: undefined, |
|||
status: undefined, |
|||
authenticationDate: undefined, |
|||
failureReason: undefined, |
|||
createTime: undefined, |
|||
updateTime: undefined, |
|||
createBy: undefined, |
|||
updateBy: 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(row) { |
|||
if (row.id != null){ |
|||
this.form = row; |
|||
this.open = true; |
|||
this.title = "商户认证"; |
|||
}else { |
|||
this.form.userId = row.userId; |
|||
this.open = true; |
|||
this.title = "商户认证"; |
|||
} |
|||
}, |
|||
/** 详情按钮操作 */ |
|||
handleDetail(row) { |
|||
this.reset(); |
|||
this.form = row; |
|||
this.detailOpen = true; |
|||
this.title = "商户认证信息"; |
|||
}, |
|||
/** 审核按钮操作 */ |
|||
handleAudit(row){ |
|||
this.reset(); |
|||
this.auditForm = row; |
|||
this.auditOpen = true; |
|||
this.title = "商户认证审核"; |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.loading = true; |
|||
this.reset(); |
|||
const id = row.id || this.ids |
|||
getAgentVerification(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) { |
|||
updateAgentVerification(this.form).then(response => { |
|||
this.$modal.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} else { |
|||
addAgentVerification(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 delAgentVerification(ids); |
|||
}).then(() => { |
|||
this.loading = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess("删除成功"); |
|||
}).catch(() => { |
|||
}).finally(() => { |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
/** 导出按钮操作 */ |
|||
handleExport() { |
|||
this.download('business/agentVerification/export', { |
|||
...this.queryParams |
|||
}, `merchantVerification_${new Date().getTime()}.xlsx`) |
|||
}, |
|||
/** 审核拒绝*/ |
|||
submitRefuse() { |
|||
this.rules.failureReason = [ |
|||
{ required: true, message: '拒绝原因不能为空！', trigger: 'blur' } |
|||
]; |
|||
this.$refs["auditForm"].validate(valid => { |
|||
if (valid) { |
|||
this.$modal.confirm('是否【拒绝】商户"' + this.auditForm.agentName + '"的认证申请？').then(() => { |
|||
this.buttonLoading = true; |
|||
this.auditForm.status = "2"; |
|||
agentAudit(this.auditForm).then(response => { |
|||
this.$modal.msgSuccess("审核结果：拒绝"); |
|||
this.auditOpen = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
}) |
|||
} |
|||
}); |
|||
}, |
|||
/** 审核通过*/ |
|||
submitPass() { |
|||
this.buttonLoading = true; |
|||
this.auditForm.status = "1"; |
|||
this.$refs["auditForm"].clearValidate("failureReason"); |
|||
this.$modal.confirm('是否【通过】商户"' + this.auditForm.agentName + '"的认证申请？').then(() => { |
|||
agentAudit(this.auditForm).then(response => { |
|||
this.$modal.msgSuccess("审核结果：通过"); |
|||
this.auditOpen = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
}) |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
@ -0,0 +1,296 @@ |
|||
<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="agentName"> |
|||
<el-input |
|||
v-model="queryParams.agentName" |
|||
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> |
|||
<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-hasPermi="['business:userInfoAgent:export']" |
|||
>导出</el-button> |
|||
</el-col> |
|||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
|
|||
<el-table v-loading="loading" :data="userInfoAgentList" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column label="登录账号" align="center" prop="account" /> |
|||
<el-table-column label="代理名称" align="center" prop="agentName" /> |
|||
<el-table-column label="营业执照" align="center" prop="license" /> |
|||
<el-table-column label="其它证照信息" align="center" prop="licenseOther" /> |
|||
<el-table-column label="法人姓名" align="center" prop="legalPerson" /> |
|||
<el-table-column label="经营状态" align="center" prop="operateStatus" /> |
|||
<el-table-column label="联系地址" align="center" prop="contactAddress" /> |
|||
<el-table-column label="经营地址" align="center" prop="operateAddr" /> |
|||
<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-edit" |
|||
@click="handleUpdate(scope.row)" |
|||
v-hasPermi="['business:userInfoAgent:edit']" |
|||
>修改</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="agentName"> |
|||
<el-input v-model="form.agentName" placeholder="请输入代理名称" /> |
|||
</el-form-item> |
|||
<el-form-item label="营业执照" prop="license"> |
|||
<el-input v-model="form.license" placeholder="请输入营业执照" /> |
|||
</el-form-item> |
|||
<el-form-item label="其它证照信息" prop="licenseOther"> |
|||
<el-input v-model="form.licenseOther" placeholder="请输入其它证照信息" /> |
|||
</el-form-item> |
|||
<el-form-item label="法人姓名" prop="legalPerson"> |
|||
<el-input v-model="form.legalPerson" placeholder="请输入法人姓名" /> |
|||
</el-form-item> |
|||
<el-form-item label="联系地址" prop="contactAddress"> |
|||
<el-input v-model="form.contactAddress" placeholder="请输入联系地址" /> |
|||
</el-form-item> |
|||
<el-form-item label="经营地址" prop="operateAddr"> |
|||
<el-input v-model="form.operateAddr" 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> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { listUserInfoAgent, getUserInfoAgent, delUserInfoAgent, addUserInfoAgent, updateUserInfoAgent } from "@/api/business/userInfoAgent"; |
|||
|
|||
export default { |
|||
name: "UserInfoAgent", |
|||
data() { |
|||
return { |
|||
// 按钮loading |
|||
buttonLoading: false, |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 代理商信息表格数据 |
|||
userInfoAgentList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
userId: undefined, |
|||
agentName: undefined, |
|||
license: undefined, |
|||
licenseOther: undefined, |
|||
legalPerson: undefined, |
|||
operateStatus: undefined, |
|||
contactAddress: undefined, |
|||
operateAddr: undefined, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
// 表单校验 |
|||
rules: { |
|||
id: [ |
|||
{ required: true, message: "唯一ID不能为空", trigger: "blur" } |
|||
], |
|||
userId: [ |
|||
{ required: true, message: "用户ID不能为空", trigger: "blur" } |
|||
], |
|||
agentName: [ |
|||
{ required: true, message: "代理名称不能为空", trigger: "blur" } |
|||
], |
|||
license: [ |
|||
{ required: true, message: "营业执照不能为空", trigger: "blur" } |
|||
], |
|||
licenseOther: [ |
|||
{ required: true, message: "其它证照信息不能为空", trigger: "blur" } |
|||
], |
|||
legalPerson: [ |
|||
{ required: true, message: "法人姓名不能为空", trigger: "blur" } |
|||
], |
|||
operateStatus: [ |
|||
{ required: true, message: "经营状态不能为空", trigger: "change" } |
|||
], |
|||
contactAddress: [ |
|||
{ required: true, message: "联系地址不能为空", trigger: "blur" } |
|||
], |
|||
operateAddr: [ |
|||
{ required: true, message: "经营地址不能为空", trigger: "blur" } |
|||
], |
|||
} |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
/** 查询代理商信息列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
listUserInfoAgent(this.queryParams).then(response => { |
|||
this.userInfoAgentList = response.rows; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: undefined, |
|||
userId: undefined, |
|||
agentName: undefined, |
|||
license: undefined, |
|||
licenseOther: undefined, |
|||
legalPerson: undefined, |
|||
operateStatus: undefined, |
|||
contactAddress: undefined, |
|||
operateAddr: 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 = "添加代理商信息"; |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.loading = true; |
|||
this.reset(); |
|||
const id = row.id || this.ids |
|||
getUserInfoAgent(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) { |
|||
updateUserInfoAgent(this.form).then(response => { |
|||
this.$modal.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} else { |
|||
addUserInfoAgent(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 delUserInfoAgent(ids); |
|||
}).then(() => { |
|||
this.loading = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess("删除成功"); |
|||
}).catch(() => { |
|||
}).finally(() => { |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
/** 导出按钮操作 */ |
|||
handleExport() { |
|||
this.download('business/userInfoAgent/export', { |
|||
...this.queryParams |
|||
}, `userInfoAgent_${new Date().getTime()}.xlsx`) |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
@ -0,0 +1,634 @@ |
|||
<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="account"> |
|||
<el-input |
|||
v-model="queryParams.account" |
|||
placeholder="请输入登录账号" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="电话" prop="phone"> |
|||
<el-input |
|||
v-model="queryParams.phone" |
|||
placeholder="请输入电话" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="用户级别" prop="userLevel"> |
|||
<el-select v-model="queryParams.userLevel" size="medium" placeholder="请选择用户级别" > |
|||
<el-option |
|||
v-for="item in options_userLevel" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value"> |
|||
</el-option> |
|||
</el-select> |
|||
</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:userRegister: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:userRegister: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:userRegister: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:userRegister:export']" |
|||
>导出</el-button> |
|||
</el-col> |
|||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
|
|||
<el-table v-loading="loading" :data="userRegisterList" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column label="登录账号" align="center" prop="account" /> |
|||
<el-table-column label="代理商名称" align="center" prop="agentName" /> |
|||
<el-table-column label="用户状态" align="center" prop="status" > |
|||
<template slot-scope="scope"> |
|||
<el-tag type="primary" v-if="scope.row.status == '0'">发起</el-tag> |
|||
<el-tag type="warning" v-if="scope.row.status == '1'">拒绝</el-tag> |
|||
<el-tag type="success" v-if="scope.row.status == '2'">通过</el-tag> |
|||
<el-tag type="danger" v-if="scope.row.status == '3'">冻结</el-tag> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="用户类型" align="center" prop="userType" > |
|||
<template slot-scope="scope"> |
|||
<el-tag type="success" v-if="scope.row.userType == '0'">普通用户</el-tag> |
|||
<el-tag type="warning" v-if="scope.row.userType == '1'">商企用户</el-tag> |
|||
<el-tag type="warning" v-if="scope.row.userType == '2'">代理用户</el-tag> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="用户级别" align="center" prop="userLevel" > |
|||
<template slot-scope="scope"> |
|||
<span v-if="scope.row.userLevel == '0'">普通用户</span> |
|||
<span v-if="scope.row.userLevel == '1'">VIP用户</span> |
|||
<span v-if="scope.row.userLevel == '2'">商企用户</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="联系电话" align="center" prop="phone" /> |
|||
<el-table-column label="联系地址" align="center" prop="contactAddress" /> |
|||
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> |
|||
<template slot-scope="scope"> |
|||
<el-button v-if="(scope.row.agentName == null)" |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-document-add" |
|||
@click="handleAddInfo(scope.row)" |
|||
>补充</el-button> |
|||
<el-button v-if="(scope.row.agentName != null)" |
|||
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:userRegister:edit']" |
|||
>修改</el-button> |
|||
<el-dropdown> |
|||
<span class="el-dropdown-link"> |
|||
更多<i class="el-icon-arrow-down el-icon--right"></i> |
|||
</span> |
|||
<el-dropdown-menu slot="dropdown"> |
|||
<el-dropdown-item> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-refresh" |
|||
@click="passwordReset(scope.row)" |
|||
v-hasPermi="['business:userRegister:edit']" |
|||
>密码重置</el-button> |
|||
</el-dropdown-item> |
|||
<el-dropdown-item> |
|||
<el-button v-if="(scope.row.status != '3')" |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-lock" |
|||
@click="accountLock(scope.row)" |
|||
v-hasPermi="['business:userRegister:edit']" |
|||
>账号冻结</el-button> |
|||
<el-button v-if="(scope.row.status == '3')" |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-unlock" |
|||
@click="accountUnlock(scope.row)" |
|||
v-hasPermi="['business:userRegister:edit']" |
|||
>账号解冻</el-button> |
|||
</el-dropdown-item> |
|||
<el-dropdown-item> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-delete" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['business:userRegister:remove']" |
|||
>删除</el-button> |
|||
</el-dropdown-item> |
|||
</el-dropdown-menu> |
|||
</el-dropdown> |
|||
</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="account"> |
|||
<el-input v-model="form.account" placeholder="请输入名字" /> |
|||
</el-form-item> |
|||
<el-form-item label="联系电话" prop="phone"> |
|||
<el-input v-model="form.phone" placeholder="请输入电话" /> |
|||
</el-form-item> |
|||
<el-form-item label="用户类型" prop="userType"> |
|||
<el-select v-model="form.userType" placeholder="请选择用户类型" > |
|||
<el-option |
|||
v-for="item in options_userType" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="用户级别" prop="userLevel"> |
|||
<el-select v-model="form.userLevel" size="medium" placeholder="请选择用户级别" > |
|||
<el-option |
|||
v-for="item in options_userLevel" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value"> |
|||
</el-option> |
|||
</el-select> |
|||
</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="openInfoAgent" width="700px" append-to-body> |
|||
<el-form ref="formInfoAgent" :model="formInfoAgent" :rules="rules" label-width="auto"> |
|||
<el-form-item label="代理商名称" prop="agentName"> |
|||
<el-input v-model="formInfoAgent.agentName" placeholder="请输入代理商名称" /> |
|||
</el-form-item> |
|||
<el-form-item label="营业执照" prop="license"> |
|||
<el-input v-model="formInfoAgent.license" placeholder="请输入营业执照" /> |
|||
</el-form-item> |
|||
<el-form-item label="其它证照信息" prop="licenseOther"> |
|||
<el-input v-model="formInfoAgent.licenseOther" placeholder="请输入其它证照信息" /> |
|||
</el-form-item> |
|||
<el-form-item label="法人姓名" prop="legalPerson"> |
|||
<el-input v-model="formInfoAgent.legalPerson" placeholder="请输入法人姓名" /> |
|||
</el-form-item> |
|||
<el-form-item label="营业状态" prop="operateStatus"> |
|||
<el-select v-model="formInfoAgent.operateStatus" placeholder="请选择营业状态" > |
|||
<el-option |
|||
v-for="item in options_operateStatus" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="经营地址" prop="operateAddr"> |
|||
<el-input v-model="formInfoAgent.operateAddr" placeholder="请输入经营地址" /> |
|||
</el-form-item> |
|||
<el-form-item label="联系地址" prop="contactAddress"> |
|||
<el-input v-model="formInfoAgent.contactAddress" placeholder="请输入经营地址" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitFormInfoAgent">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<!-- 用户注册详情-代理商--> |
|||
<el-dialog :title="title" :visible.sync="detailOpenAgent" width="700px" append-to-body> |
|||
<el-form ref="formDetailAgent" :model="formDetailAgent" label-width="auto"> |
|||
<el-form-item label="登录账号："> |
|||
{{formDetailAgent.account}} |
|||
</el-form-item> |
|||
<el-form-item label="商企名称："> |
|||
{{formDetailAgent.userInfoAgentVo.agentName}} |
|||
</el-form-item> |
|||
<el-form-item label="营业执照："> |
|||
{{formDetailAgent.userInfoAgentVo.license}} |
|||
</el-form-item> |
|||
<el-form-item label="其它证照："> |
|||
{{formDetailAgent.userInfoAgentVo.licenseOther}} |
|||
</el-form-item> |
|||
<el-form-item label="法人姓名："> |
|||
{{formDetailAgent.userInfoAgentVo.legalPerson}} |
|||
</el-form-item> |
|||
<el-form-item label="营业状态："> |
|||
{{formDetailAgent.userInfoAgentVo.operateStatus}} |
|||
</el-form-item> |
|||
<el-form-item label="经营地址："> |
|||
{{formDetailAgent.userInfoAgentVo.operateAddr}} |
|||
</el-form-item> |
|||
<el-form-item label="联系地址："> |
|||
{{formDetailAgent.userInfoAgentVo.contactAddress}} |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click="cancel">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getUserRegister, |
|||
delUserRegister, |
|||
addUserRegister, |
|||
updateUserRegister, |
|||
addUserInfo, |
|||
addUserInfoBus, |
|||
resetUserPassword, |
|||
accountLock, |
|||
listUserRegisterBus, |
|||
listUserRegisterAgent |
|||
} from "@/api/business/userRegister"; |
|||
|
|||
export default { |
|||
name: "UserRegister", |
|||
data() { |
|||
return { |
|||
// 按钮loading |
|||
buttonLoading: false, |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 用户注册表格数据 |
|||
userRegisterList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
// 是否显示详情弹出层-代理商 |
|||
detailOpenAgent: false, |
|||
// 是否展示用户信息弹窗层-个人 |
|||
openInfoAgent: false, |
|||
// 是否展示用户信息弹窗层-商企 |
|||
openInfoBus: false, |
|||
options_operateStatus: [{ |
|||
value: '存续', |
|||
label: '存续' |
|||
}, { |
|||
value: '注销', |
|||
label: '注销' |
|||
}], |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
userId: undefined, |
|||
account: undefined, |
|||
phone: undefined, |
|||
passwd: undefined, |
|||
status: undefined, |
|||
userType: undefined, |
|||
userLevel: undefined, |
|||
}, |
|||
// 表单参数 |
|||
form: { |
|||
userInfoVo:{}, |
|||
userInfoBusVo:{} |
|||
}, |
|||
// 用户详情表单参数-商企 |
|||
formDetailAgent: { |
|||
userInfoAgentVo:{} |
|||
}, |
|||
// 用户信息表单参数-代理 |
|||
formInfoAgent: {}, |
|||
// 表单校验 |
|||
rules: { |
|||
legalPerson: [ |
|||
{ required: true, message: "法人姓名不能为空", trigger: "blur" } |
|||
], |
|||
operateStatus: [ |
|||
{ required: true, message: "经营状态不能为空", trigger: "change" } |
|||
], |
|||
operateAddr: [ |
|||
{ required: true, message: "经营地址不能为空", trigger: "blur" } |
|||
], |
|||
agentName: [ |
|||
{ required: true, message: "代理商名称不能为空", trigger: "blur" } |
|||
], |
|||
idCard: [ |
|||
{ required: true,pattern: /^\d+$/, message: "身份证号只能为数字", trigger: "blur" } |
|||
], |
|||
phone: [ |
|||
{ required: true,pattern: /^\d+$/, message: "手机号码只能为数字", trigger: "blur"} |
|||
], |
|||
age: [ |
|||
{ required: true,pattern: /^\d+$/, message: "年龄只能为数字", trigger: "blur"} |
|||
], |
|||
contactAddress: [ |
|||
{ required: true, message: "联系地址不能为空", trigger: "blur" } |
|||
], |
|||
merchantName: [ |
|||
{ required: true, message: "商企名称不能为空", trigger: "blur" } |
|||
], |
|||
}, |
|||
options_userType: [{ |
|||
value: '2', |
|||
label: '代理用户' |
|||
}], |
|||
options_userLevel: [{ |
|||
value: '0', |
|||
label: '普通用户' |
|||
}, { |
|||
value: '1', |
|||
label: 'VIP用户' |
|||
}, { |
|||
value: '2', |
|||
label: '商企用户' |
|||
}] |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
/** 查询用户注册列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
listUserRegisterAgent(this.queryParams).then(response => { |
|||
this.userRegisterList = response.rows; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.detailOpenAgent = false; |
|||
this.openInfoAgent = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: undefined, |
|||
userId: undefined, |
|||
account: undefined, |
|||
phone: undefined, |
|||
passwd: undefined, |
|||
status: undefined, |
|||
delFlag: undefined, |
|||
userType: 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.loading = true; |
|||
this.reset(); |
|||
const id = row.id || this.ids |
|||
getUserRegister(id).then(response => { |
|||
this.loading = false; |
|||
this.formDetailAgent = response.data; |
|||
this.detailOpenAgent = true; |
|||
this.title = "代理商详情信息"; |
|||
}); |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.loading = true; |
|||
this.reset(); |
|||
const id = row.id || this.ids |
|||
getUserRegister(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) { |
|||
updateUserRegister(this.form).then(response => { |
|||
this.$modal.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} else { |
|||
addUserRegister(this.form).then(response => { |
|||
this.$modal.msgSuccess("新增成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
/** 用户信息-提交按钮-代理商 */ |
|||
submitFormInfoAgent() { |
|||
this.$refs["formInfoAgent"].validate(valid => { |
|||
if (valid) { |
|||
addUserInfoBus(this.formInfoAgent).then(response => { |
|||
this.$modal.msgSuccess(this.$t('common.addSuccess')); |
|||
this.openInfoAgent = false; |
|||
this.getList(); |
|||
}).finally(() => { |
|||
this.buttonLoading = false; |
|||
}); |
|||
} |
|||
}); |
|||
}, |
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const account = row.account; |
|||
const ids = row.id || this.ids; |
|||
var msg = ""; |
|||
if(null != account) |
|||
msg = '是否确认删除登录账号为"' + account + '"的数据项？'; |
|||
else |
|||
msg = "是否要批量删除？"; |
|||
this.$modal.confirm(msg).then(() => { |
|||
this.loading = true; |
|||
return delUserRegister(ids); |
|||
}).then(() => { |
|||
this.loading = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess("删除成功"); |
|||
}).catch(() => { |
|||
}).finally(() => { |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
/** 导出按钮操作 */ |
|||
handleExport() { |
|||
this.download('business/userRegister/export', { |
|||
...this.queryParams |
|||
}, `userRegister_${new Date().getTime()}.xlsx`) |
|||
}, |
|||
handleAddInfo(row) { |
|||
this.reset(); |
|||
this.formInfoAgent = row; |
|||
this.openInfoAgent = true; |
|||
this.title = "代理商信息补充"; |
|||
}, |
|||
|
|||
/** |
|||
* 密码重置 |
|||
* @param row |
|||
*/ |
|||
passwordReset(row) { |
|||
this.$modal.confirm('是否确认重置登录密码？').then(() => { |
|||
this.loading = true; |
|||
return resetUserPassword(row.id); |
|||
}).then(() => { |
|||
this.loading = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess("重置成功"); |
|||
}).catch(() => { |
|||
}).finally(() => { |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
|
|||
/** |
|||
* 账号冻结 |
|||
* @param row |
|||
*/ |
|||
accountLock(row) { |
|||
this.$modal.confirm('是否确认对账号"' + row.account + '"进行冻结？').then(() => { |
|||
this.loading = true; |
|||
return accountLock(row); |
|||
}).then(() => { |
|||
this.loading = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess("冻结成功"); |
|||
}).catch(() => { |
|||
}).finally(() => { |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
/** |
|||
* 账号解冻 |
|||
* @param row |
|||
*/ |
|||
accountUnlock(row) { |
|||
this.$modal.confirm('是否确认解除账号"' + row.account + '"的冻结？').then(() => { |
|||
this.loading = true; |
|||
return accountLock(row); |
|||
}).then(() => { |
|||
this.loading = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess("解除冻结成功"); |
|||
}).catch(() => { |
|||
}).finally(() => { |
|||
this.loading = false; |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style> |
|||
.el-dropdown-link { |
|||
cursor: pointer; |
|||
color: #409EFF; |
|||
} |
|||
.el-icon-arrow-down { |
|||
font-size: 12px; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue