|
@ -15,14 +15,14 @@ |
|
|
</div> |
|
|
</div> |
|
|
<el-table :data="tableData" style="width: 100%" header-row-class-name=""> |
|
|
<el-table :data="tableData" style="width: 100%" header-row-class-name=""> |
|
|
<el-table-column type="selection" width="55"></el-table-column> |
|
|
<el-table-column type="selection" width="55"></el-table-column> |
|
|
<el-table-column prop="account" label="企业名称"></el-table-column> |
|
|
<el-table-column prop="companyName" label="企业名称"></el-table-column> |
|
|
<el-table-column prop="name" label="联系人"></el-table-column> |
|
|
<el-table-column prop="contactName" label="联系人"></el-table-column> |
|
|
<el-table-column prop="phone" label="联系电话"></el-table-column> |
|
|
<el-table-column prop="phone" label="联系电话"></el-table-column> |
|
|
<el-table-column prop="enIdText" label="操作时间"></el-table-column> |
|
|
<el-table-column prop="insertTime" label="操作时间"></el-table-column> |
|
|
<el-table-column prop="enIdText" label="操作人"></el-table-column> |
|
|
<el-table-column prop="enIdText" label="操作人"></el-table-column> |
|
|
<el-table-column label="操作" width="200"> |
|
|
<el-table-column label="操作" width="200"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button type="text" size="small" @click="editUser(scope.row.id)"><i class="el-icon-edit"></i>修改</el-button> |
|
|
<el-button type="text" size="small" @click="editUser(scope.row)"><i class="el-icon-edit"></i>修改</el-button> |
|
|
<el-button type="text" size="small" @click="deleteUser(scope.row.id)"><i class="el-icon-delete"></i>移除</el-button> |
|
|
<el-button type="text" size="small" @click="deleteUser(scope.row.id)"><i class="el-icon-delete"></i>移除</el-button> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
@ -39,13 +39,12 @@ |
|
|
</el-pagination> |
|
|
</el-pagination> |
|
|
<el-dialog :title="isEdit == true ?'修改':'新增'" :visible.sync="dialogAddUserVisible" width="450px"> |
|
|
<el-dialog :title="isEdit == true ?'修改':'新增'" :visible.sync="dialogAddUserVisible" width="450px"> |
|
|
<el-form :model="form" :rules="rules" ref="ruleForm"> |
|
|
<el-form :model="form" :rules="rules" ref="ruleForm"> |
|
|
<el-form-item label="企业名称:" :label-width="formLabelWidth" prop="account"> |
|
|
<el-form-item label="企业名称:" :label-width="formLabelWidth" prop="company_name"> |
|
|
<el-input type="text" v-if="!isEdit" v-model="form.account" auto-complete="new-password" |
|
|
<el-input type="text" v-if="!isEdit" v-model="form.company_name" auto-complete="new-password" placeholder="请输入企业名称(必填)"></el-input> |
|
|
placeholder="请输入企业名称(必填)"></el-input> |
|
|
<span v-else>{{ form.company_name}}</span> |
|
|
<span v-else>{{ form.account }}</span> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="联系人:" :label-width="formLabelWidth" prop="name"> |
|
|
<el-form-item label="联系人:" :label-width="formLabelWidth" prop="contact_name"> |
|
|
<el-input v-model="form.name" autocomplete="off" placeholder="请输入姓名(必填)"></el-input> |
|
|
<el-input v-model="form.contact_name" autocomplete="off" placeholder="请输入姓名(必填)"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="联系电话:" :label-width="formLabelWidth" prop="phone"> |
|
|
<el-form-item label="联系电话:" :label-width="formLabelWidth" prop="phone"> |
|
|
<el-input v-model.number="form.phone" autocomplete="off" minlength="11" maxlength="11" |
|
|
<el-input v-model.number="form.phone" autocomplete="off" minlength="11" maxlength="11" |
|
@ -61,29 +60,13 @@ |
|
|
</template> |
|
|
</template> |
|
|
<script> |
|
|
<script> |
|
|
import { |
|
|
import { |
|
|
getWhitelist, getUserDetail, editUserStatus, |
|
|
getWhitelist, updateWhiteList, |
|
|
addUser, deleteUser, resetPass, |
|
|
addWhiteList, deleteWhiteList, |
|
|
updateUserInfo, existsUserName |
|
|
|
|
|
} from "@/api/user" |
|
|
} from "@/api/user" |
|
|
import {validatePhone, validateChinese} from "@/utils/validate" |
|
|
import {validatePhone} from "@/utils/validate" |
|
|
export default { |
|
|
export default { |
|
|
name: "whiteList", |
|
|
name: "whiteList", |
|
|
data() { |
|
|
data() { |
|
|
const checkIsUserdUser = (rule, value, callback) => { |
|
|
|
|
|
if (validateChinese(value)) { |
|
|
|
|
|
return callback(new Error('用户名不可为中文')); |
|
|
|
|
|
} else { |
|
|
|
|
|
if (!this.isEdit) { |
|
|
|
|
|
existsUserName({account: this.form.account}).then(res => { |
|
|
|
|
|
callback() |
|
|
|
|
|
}).catch(err => { |
|
|
|
|
|
return callback(new Error(err.message)); |
|
|
|
|
|
}) |
|
|
|
|
|
} else { |
|
|
|
|
|
callback() |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
}; |
|
|
|
|
|
const checkPhone = (rule, value, callback) => { |
|
|
const checkPhone = (rule, value, callback) => { |
|
|
if (!value) { |
|
|
if (!value) { |
|
|
return callback(new Error('手机号不能为空')); |
|
|
return callback(new Error('手机号不能为空')); |
|
@ -99,7 +82,7 @@ export default { |
|
|
return { |
|
|
return { |
|
|
isEdit: false, //添加 or 修改标记 |
|
|
isEdit: false, //添加 or 修改标记 |
|
|
formSearch: {//模糊搜索 |
|
|
formSearch: {//模糊搜索 |
|
|
account: '' |
|
|
company_name: '' |
|
|
}, |
|
|
}, |
|
|
currentPage: 1, //当前页 |
|
|
currentPage: 1, //当前页 |
|
|
pageSize: 10, //每页条数 |
|
|
pageSize: 10, //每页条数 |
|
@ -108,22 +91,16 @@ export default { |
|
|
dialogResetPass: false, //重置密码的Dialog |
|
|
dialogResetPass: false, //重置密码的Dialog |
|
|
formLabelWidth: '130px', //form的lable的宽带 |
|
|
formLabelWidth: '130px', //form的lable的宽带 |
|
|
form: { //添加修改的form |
|
|
form: { //添加修改的form |
|
|
account: '', |
|
|
company_name: '', |
|
|
name: '', |
|
|
contact_name: '', |
|
|
phone: '' |
|
|
phone: '' |
|
|
}, |
|
|
}, |
|
|
formPass: { //重置密码的form |
|
|
|
|
|
id: '', |
|
|
|
|
|
password: '', |
|
|
|
|
|
version: '', |
|
|
|
|
|
account: '', |
|
|
|
|
|
}, |
|
|
|
|
|
rules: { //添加修改的校验规则 |
|
|
rules: { //添加修改的校验规则 |
|
|
account: [ |
|
|
company_name:[ |
|
|
{required: true, message: '请输入企业名称', trigger: 'blur'}, |
|
|
{required: true, message: '请输入企业名称', trigger: 'blur'}, |
|
|
{validator: checkIsUserdUser, trigger: 'blur'} |
|
|
// {validator: checkIsUserdUser, trigger: 'blur'} |
|
|
], |
|
|
], |
|
|
name: [ |
|
|
contact_name:[ |
|
|
{required: true, message: '请输入联系人姓名', trigger: 'blur'}, |
|
|
{required: true, message: '请输入联系人姓名', trigger: 'blur'}, |
|
|
{min: 2, max: 5, message: '长度在 2 到 5 个字符', trigger: 'blur'} |
|
|
{min: 2, max: 5, message: '长度在 2 到 5 个字符', trigger: 'blur'} |
|
|
], |
|
|
], |
|
@ -162,8 +139,9 @@ export default { |
|
|
this.dialogAddUserVisible = true |
|
|
this.dialogAddUserVisible = true |
|
|
}, |
|
|
}, |
|
|
//添加用户信息 |
|
|
//添加用户信息 |
|
|
addUserInfo() { |
|
|
addWhiteListInfo() { |
|
|
addUser(params).then(res => { |
|
|
this.form.insert_time = new Date().toLocaleString() |
|
|
|
|
|
addWhiteList(this.form).then(res => { |
|
|
this.$message({ |
|
|
this.$message({ |
|
|
message: res.message, |
|
|
message: res.message, |
|
|
type: res.status == 200 ? 'success' : 'error' |
|
|
type: res.status == 200 ? 'success' : 'error' |
|
@ -180,7 +158,7 @@ export default { |
|
|
cancelButtonText: '取消', |
|
|
cancelButtonText: '取消', |
|
|
type: 'warning' |
|
|
type: 'warning' |
|
|
}).then(() => { |
|
|
}).then(() => { |
|
|
deleteUser([id]).then(res => { |
|
|
deleteWhiteList({wid:id}).then(res => { |
|
|
this.$message({ |
|
|
this.$message({ |
|
|
message: '删除成功!', |
|
|
message: '删除成功!', |
|
|
type: 'success' |
|
|
type: 'success' |
|
@ -196,26 +174,20 @@ export default { |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
//获取用户详细信息 |
|
|
//获取用户详细信息 |
|
|
editUser(id) { |
|
|
editUser(row) { |
|
|
this.isEdit = true |
|
|
this.isEdit = true |
|
|
// this.form = {} |
|
|
this.form = row |
|
|
|
|
|
this.form = { |
|
|
|
|
|
company_name: row.companyName, |
|
|
|
|
|
contact_name: row.contactName, |
|
|
|
|
|
// insert_time: row.insertTime, |
|
|
|
|
|
phone: row.phone, |
|
|
|
|
|
}, |
|
|
this.dialogAddUserVisible = true |
|
|
this.dialogAddUserVisible = true |
|
|
getUserDetail(id).then(res => { |
|
|
|
|
|
// this.form = {//添加修改的form |
|
|
|
|
|
// id: res.data.id, |
|
|
|
|
|
// account: res.data.account, |
|
|
|
|
|
// name: res.data.realName, |
|
|
|
|
|
// phone: res.data.phone, |
|
|
|
|
|
// typeId: res.data.typeId, |
|
|
|
|
|
// idNumber: res.data.idNumber, |
|
|
|
|
|
// email: res.data.email |
|
|
|
|
|
// } |
|
|
|
|
|
this.form = res.data |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
}, |
|
|
//更新用户信息 |
|
|
//更新用户信息 |
|
|
updateUserData() { |
|
|
updateUserData() { |
|
|
updateUserInfo(this.form).then(res => { |
|
|
updateWhiteList(this.form).then(res => { |
|
|
this.$message({ |
|
|
this.$message({ |
|
|
message: res.message, |
|
|
message: res.message, |
|
|
type: res.status == 200 ? 'success' : 'error' |
|
|
type: res.status == 200 ? 'success' : 'error' |
|
@ -231,7 +203,7 @@ export default { |
|
|
if (this.isEdit) { |
|
|
if (this.isEdit) { |
|
|
this.updateUserData() |
|
|
this.updateUserData() |
|
|
} else { |
|
|
} else { |
|
|
this.addUserInfo() |
|
|
this.addWhiteListInfo() |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} else { |
|
|
} else { |
|
|