|
@@ -7,20 +7,29 @@
|
|
|
<!-- 列表 -->
|
|
|
<div class="tableWrap">
|
|
|
<el-table :data='tableList'>
|
|
|
- <el-table-column align='center' prop="username"
|
|
|
+ <el-table-column align='center' prop="realName"
|
|
|
label="姓名">
|
|
|
</el-table-column>
|
|
|
<el-table-column align='center' prop="phone"
|
|
|
label="手机号">
|
|
|
</el-table-column>
|
|
|
- <el-table-column align='center' prop="roleName"
|
|
|
+ <el-table-column align='center'
|
|
|
label="角色分类">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.roleNames | joinArray(',') }}
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align='center' prop="jobNature"
|
|
|
label="工作类型">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.jobNature | jobNature }}
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align='center' prop="organName"
|
|
|
+ <el-table-column align='center'
|
|
|
label="所属部门">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.organNameList | joinArray(',') }}
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align='center'
|
|
|
label="状态" :formatter="formatLockFlag">
|
|
@@ -51,8 +60,8 @@
|
|
|
|
|
|
<el-dialog :title="formTitle[formActionTitle]" :visible.sync="roleStatus" @close="onFormClose('ruleForm')" width="500px">
|
|
|
<el-form :model="form" :rules="rules" ref="ruleForm">
|
|
|
- <el-form-item label="姓名" prop="username" :label-width="formLabelWidth">
|
|
|
- <el-input v-model="form.username" autocomplete="off"></el-input>
|
|
|
+ <el-form-item label="姓名" prop="realName" :label-width="formLabelWidth">
|
|
|
+ <el-input v-model="form.realName" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="性别" prop="gender" :label-width="formLabelWidth">
|
|
|
<el-select v-model="form.gender">
|
|
@@ -68,8 +77,8 @@
|
|
|
<el-option v-for="item in roleList" :key="item.value" :label="item.label" :value="item.value"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="所属部门" prop="organIDList" :label-width="formLabelWidth">
|
|
|
- <el-select v-model="form.organIDList" multiple collapse-tags>
|
|
|
+ <el-form-item label="所属部门" prop="organIdList" :label-width="formLabelWidth">
|
|
|
+ <el-select v-model="form.organIdList" multiple collapse-tags>
|
|
|
<el-option v-for="item in branchList" :key="item.value"
|
|
|
:label="item.label" :value="item.value"></el-option>
|
|
|
</el-select>
|
|
@@ -125,20 +134,20 @@ export default {
|
|
|
},
|
|
|
formLabelWidth: '100px',
|
|
|
form: {
|
|
|
- username: null,
|
|
|
+ realName: null,
|
|
|
gender: null,
|
|
|
phone: null,
|
|
|
roleName: null,
|
|
|
- organIDList: [],
|
|
|
+ organIdList: [],
|
|
|
jobNature: null,
|
|
|
entryDate: null
|
|
|
},
|
|
|
rules: {
|
|
|
- username: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
|
|
|
+ realName: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
|
|
|
gender: [{required: true, message: '请选择性别', trigger: 'change'}],
|
|
|
phone: [{ type: 'number', required: true, message: '手机号输入有误', trigger: 'blur'}],
|
|
|
roleName: [{required: true, message: '请选择分类', trigger: 'change'}],
|
|
|
- organIDList: [{type: 'array', required: true, message: '请选择所属部门', trigger: 'change'}],
|
|
|
+ organIdList: [{type: 'array', required: true, message: '请选择所属部门', trigger: 'change'}],
|
|
|
jobNature: [{required: true, message: '请选择工作类型', trigger: 'change'}],
|
|
|
entryDate: [{ required: true, message: '请选择入职时间', trigger: 'blur'}],
|
|
|
}
|
|
@@ -152,7 +161,7 @@ export default {
|
|
|
onRoleSubmit(formName) {
|
|
|
this.$refs[formName].validate((valid) => {
|
|
|
if (valid) {
|
|
|
- this.form.organIDList = this.form.organIDList.join(',')
|
|
|
+ this.form.organIdList = this.form.organIdList.join(',')
|
|
|
if(this.formActionTitle == 'create') {
|
|
|
employeeAdd(this.form).then(res => {
|
|
|
this.messageTips('添加', res)
|
|
@@ -173,7 +182,7 @@ export default {
|
|
|
message: title + '成功',
|
|
|
type: 'success'
|
|
|
})
|
|
|
- this.branchStatus = false
|
|
|
+ this.roleStatus = false
|
|
|
this.getList()
|
|
|
} else {
|
|
|
this.$message.error(res.msg)
|
|
@@ -187,9 +196,11 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
getRoleList() { // 获取角色
|
|
|
- getUserRole().then(res => {
|
|
|
- if(res.code == 200 && res.data && res.data.length > 0) {
|
|
|
- res.data.forEach(item => {
|
|
|
+ getUserRole({ delFlag: 0, rows: 9999 }).then(res => {
|
|
|
+ console.log(res.data)
|
|
|
+ let result = res.data
|
|
|
+ if(res.code == 200 && result && result.rows.length > 0) {
|
|
|
+ result.rows.forEach(item => {
|
|
|
this.roleList.push({
|
|
|
label: item.roleName,
|
|
|
value: item.id
|
|
@@ -218,18 +229,27 @@ export default {
|
|
|
if(type == 'update') {
|
|
|
this.form = {
|
|
|
id: data.id,
|
|
|
- username: data.username,
|
|
|
+ realName: data.realName,
|
|
|
gender: data.gender,
|
|
|
phone: Number(data.phone),
|
|
|
roleName: data.roleName,
|
|
|
- organIDList: data.organIDList ? data.organIDList : [],
|
|
|
+ organIdList: data.organIdList ? data.organIdList : [],
|
|
|
jobNature: data.jobNature,
|
|
|
entryDate: data.entryDate
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
onFormClose(formName) { // 关闭弹窗重置验证
|
|
|
- this.$refs[formName].clearValidate()
|
|
|
+ this.form = {
|
|
|
+ realName: null,
|
|
|
+ gender: null,
|
|
|
+ phone: null,
|
|
|
+ roleName: null,
|
|
|
+ organIdList: [],
|
|
|
+ jobNature: null,
|
|
|
+ entryDate: null
|
|
|
+ }
|
|
|
+ this.$refs[formName].resetFields()
|
|
|
},
|
|
|
formatLockFlag(row) {
|
|
|
let reuslt = ['正常', '冻结']
|