|
|
|
@ -10,16 +10,19 @@ |
|
|
|
<el-form-item label="姓名"> |
|
|
|
<el-input v-model="search.name" clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="角色"> |
|
|
|
<el-form-item label="电话"> |
|
|
|
<el-input v-model="search.mobile" clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
<!-- <el-form-item label="角色"> |
|
|
|
<el-select v-model="search.roleSid" filterable clearable placeholder="请选择"> |
|
|
|
<el-option v-for="item in roleListAll" :key="item.sid" :label="item.name" :value="item.sid"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> --> |
|
|
|
<el-form-item label="部门"> |
|
|
|
<el-input v-model="search.orgName" clearable></el-input> |
|
|
|
<!-- <el-select v-model="search.roleSid" clearable placeholder="请选择">--> |
|
|
|
<!-- <el-option v-for="(item,i) in roleListAll" :key="i" :label="item.name" :value="item.sid"></el-option>--> |
|
|
|
<!-- </el-select>--> |
|
|
|
<!-- <el-select v-model="search.roleSid" clearable placeholder="请选择">--> |
|
|
|
<!-- <el-option v-for="(item,i) in roleListAll" :key="i" :label="item.name" :value="item.sid"></el-option>--> |
|
|
|
<!-- </el-select>--> |
|
|
|
</el-form-item> |
|
|
|
<el-button @click="getOrgUserList(1)">查询</el-button> |
|
|
|
</el-col> |
|
|
|
@ -27,10 +30,10 @@ |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
<!-- table --> |
|
|
|
<el-table :data="userTable" border style="width: 100%;"> |
|
|
|
<el-table :data="userTable" border style="width: 98%; margin-left: 15px;"> |
|
|
|
<el-table-column label="序号" width="60px" type="index" align="center"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" width="300px" align="center"> |
|
|
|
<el-table-column label="操作" width="380px" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button @click="setRole(scope.row)" type="primary" size="mini"> |
|
|
|
设置角色 |
|
|
|
@ -38,21 +41,26 @@ |
|
|
|
<el-button @click="initPwd(scope.row)" type="danger" size="mini"> |
|
|
|
初始化密码 |
|
|
|
</el-button> |
|
|
|
<!-- <el-button @click="del(scope.row)" type="danger" size="mini"> |
|
|
|
<el-button @click="userinfoChange(scope.row)" :disabled="scope.row.sid=='e73f6e2c-1bda-4a4d-8390-ac7a2bf25854'" type="primary" size="mini"> |
|
|
|
修改 |
|
|
|
</el-button> |
|
|
|
<el-button @click="del(scope.row)" :disabled="scope.row.sid=='e73f6e2c-1bda-4a4d-8390-ac7a2bf25854'"type="danger" size="mini"> |
|
|
|
删除 |
|
|
|
</el-button>--> |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="userName" label="用户名" align="center"> |
|
|
|
<el-table-column prop="userName" label="用户名" width="150" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<!-- <span class="tablerow-click" @click="userinfoChange(scope.row)">-->{{ scope.row.userName }}<!--</span>--> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="userType" label="用户类型" align="center"></el-table-column> |
|
|
|
<el-table-column prop="name" label="姓名" width="120px" align="center"></el-table-column> |
|
|
|
<el-table-column prop="userType" label="员工类型" width="120" align="center"></el-table-column> |
|
|
|
<el-table-column prop="name" label="姓名" width="150" align="center"></el-table-column> |
|
|
|
<el-table-column prop="mobile" label="联系电话" width="150" align="center"></el-table-column> |
|
|
|
<el-table-column prop="departmentName" label="部门" align="center"></el-table-column> |
|
|
|
<el-table-column prop="postName" label="岗位" align="center"></el-table-column> |
|
|
|
<el-table-column prop="isEnable" label="是否可用" align="center"> |
|
|
|
<!-- <el-table-column prop="position" label="岗位" align="center"></el-table-column> --> |
|
|
|
<el-table-column prop="openId" label="微信号" width="150" align="center"></el-table-column> |
|
|
|
<!-- <el-table-column prop="isEnable" label="是否可用" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-switch |
|
|
|
v-model="scope.row.isEnable" |
|
|
|
@ -63,9 +71,9 @@ |
|
|
|
@change="enabledChange($event,scope.row)"> |
|
|
|
</el-switch> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> --> |
|
|
|
</el-table> |
|
|
|
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|
|
|
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination" /> |
|
|
|
<!-- 角色设置 --> |
|
|
|
<el-dialog title="设置角色" :visible.sync="roleDialog" width="30%"> |
|
|
|
<el-form :model="roleForm" :rules="rules" ref="roleForm"> |
|
|
|
@ -92,10 +100,7 @@ |
|
|
|
:value="item.departmentSid" |
|
|
|
></el-option> |
|
|
|
</el-select> --> |
|
|
|
<el-cascader |
|
|
|
v-model="bm_Form.departmentSid" |
|
|
|
:options="treedata" |
|
|
|
:props="props"></el-cascader> |
|
|
|
<el-cascader v-model="bm_Form.departmentSid" :options="treedata" :props="props"></el-cascader> |
|
|
|
<el-button type="primary" size='mini' @click="toNav('deptManage')" style="margin-left: 10px;" circle |
|
|
|
icon="el-icon-plus"></el-button> |
|
|
|
</el-form-item> |
|
|
|
@ -115,7 +120,7 @@ |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>用户类型</td> |
|
|
|
<td>员工类型</td> |
|
|
|
<td> |
|
|
|
<el-select v-model="form.userTypeKey" @change="$forceUpdate()" style="width:300px"> |
|
|
|
<el-option v-for="(item, i) in userTypeData" :key="i" :label="item.name" :value="item.value"> |
|
|
|
@ -126,29 +131,37 @@ |
|
|
|
<tr> |
|
|
|
<td>部门</td> |
|
|
|
<td> |
|
|
|
<el-select v-model="form.deptSid" placeholder="请选择" @change="$forceUpdate()" style="width:300px"> |
|
|
|
<el-option hidden :key="form.deptSid" :label="orgName" :value="form.deptSid"></el-option> |
|
|
|
<el-tree :data="treedata" ref="Tree" show-checkbox accordion node-key="sid" :default-checked-keys="checkedId" :default-expand-all='true' :check-strictly='true' :props="defaultProps" @check-change="checkchange"> |
|
|
|
<el-select v-model="form.departmentName" placeholder="请选择" @change="$forceUpdate()" style="width:300px"> |
|
|
|
<el-option hidden :key="form.departmentSid" :label="orgName" :value="form.departmentName"></el-option> |
|
|
|
<el-tree :data="treedata" ref="Tree" show-checkbox accordion node-key="sid" |
|
|
|
:default-checked-keys="checkedId" :default-expand-all='true' :check-strictly='true' |
|
|
|
:props="defaultProps" @check-change="checkchange"> |
|
|
|
</el-tree> |
|
|
|
</el-select> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<!-- <tr> |
|
|
|
<td>岗位</td> |
|
|
|
<td> |
|
|
|
<el-select v-model="form.postSid" @change="$forceUpdate()" style="width:300px"> |
|
|
|
<el-select v-model="form.sysStaffPost" @change="$forceUpdate()" style="width:300px"> |
|
|
|
<el-option v-for="(item, i) in postSidData" :key="i" :label="item.name" :value="item.sid"></el-option> |
|
|
|
</el-select> |
|
|
|
<!--<el-input v-model="form.postSid"></el-input>--> |
|
|
|
<el-input v-model="form.postSid"></el-input> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
</tr> --> |
|
|
|
<tr> |
|
|
|
<td>手机号码</td> |
|
|
|
<td> |
|
|
|
<el-input v-model="form.userName" style="width:300px"></el-input> |
|
|
|
<el-input v-model="form.mobile" maxlength="11" style="width:300px"></el-input> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>微信号</td> |
|
|
|
<td> |
|
|
|
<el-input v-model="form.openId" style="width:300px"></el-input> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
<!-- <tr> |
|
|
|
<td>手机验证码</td> |
|
|
|
<td> |
|
|
|
<el-input v-model="form.verificationCode" placeholder="请输入验证码" style="width:300px"> |
|
|
|
@ -156,7 +169,7 @@ |
|
|
|
<el-button v-show="!showCode" slot="append">{{ phoneCodeCount }} s</el-button> |
|
|
|
</el-input> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
</tr> --> |
|
|
|
</table> |
|
|
|
<div style="margin-top: 20px; text-align: center;"> |
|
|
|
<el-button type="primary" @click="save()">保 存</el-button> |
|
|
|
@ -167,7 +180,7 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { |
|
|
|
import { |
|
|
|
userList, |
|
|
|
delUser, |
|
|
|
initPwd, |
|
|
|
@ -178,23 +191,25 @@ import { |
|
|
|
roleList, |
|
|
|
setRoleEnable, |
|
|
|
userUpdata |
|
|
|
} from '@/api/system/userManage/index.js' |
|
|
|
} from '@/api/system/userManage/index.js' |
|
|
|
|
|
|
|
export default { |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
editDialog: false, |
|
|
|
form: {}, |
|
|
|
userTypeData: [{ |
|
|
|
value: '1', |
|
|
|
name: '员工' |
|
|
|
name: '监管' |
|
|
|
}, { |
|
|
|
value: '2', |
|
|
|
name: '客户' |
|
|
|
}, { |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '3', |
|
|
|
name: '供应商' |
|
|
|
}], |
|
|
|
name: '银行' |
|
|
|
}, |
|
|
|
], |
|
|
|
checkedId: [], |
|
|
|
orgName: '', |
|
|
|
defaultProps: { |
|
|
|
@ -209,6 +224,7 @@ export default { |
|
|
|
search: { |
|
|
|
name: '', |
|
|
|
userName: '', |
|
|
|
mobile: '', |
|
|
|
roleSid: '' |
|
|
|
}, |
|
|
|
props: { |
|
|
|
@ -234,12 +250,22 @@ export default { |
|
|
|
}, |
|
|
|
// 部门 |
|
|
|
bm_Dialog: false, |
|
|
|
postSid: '', |
|
|
|
bm_Form: { departmentSid: '' }, |
|
|
|
sysStaffPost: '', |
|
|
|
bm_Form: { |
|
|
|
departmentSid: '' |
|
|
|
}, |
|
|
|
bm_List: [], |
|
|
|
rules: { |
|
|
|
roleSid: [{ required: true, message: '请选择角色名称', trigger: 'blur' }], |
|
|
|
departmentSid: [{ required: true, message: '请选择部门名称', trigger: 'blur' }] |
|
|
|
roleSid: [{ |
|
|
|
required: true, |
|
|
|
message: '请选择角色名称', |
|
|
|
trigger: 'blur' |
|
|
|
}], |
|
|
|
departmentSid: [{ |
|
|
|
required: true, |
|
|
|
message: '请选择部门名称', |
|
|
|
trigger: 'blur' |
|
|
|
}] |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -362,8 +388,12 @@ export default { |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 设置部门 提交 |
|
|
|
|
|
|
|
// 修改信息 提交 |
|
|
|
save(formName) { |
|
|
|
|
|
|
|
console.log("form>>>>", this.form) |
|
|
|
|
|
|
|
this.form.userType = this.form.userTypeKey; |
|
|
|
userUpdata(this.form).then(res => { |
|
|
|
if (res.code === '200') { |
|
|
|
@ -384,7 +414,9 @@ export default { |
|
|
|
cancelButtonText: '取消', |
|
|
|
type: 'warning' |
|
|
|
}).then(() => { |
|
|
|
initPwd({sid: row.sid}).then(res => { |
|
|
|
initPwd({ |
|
|
|
sid: row.sid |
|
|
|
}).then(res => { |
|
|
|
this.$message({ |
|
|
|
type: 'success', |
|
|
|
message: res.msg |
|
|
|
@ -394,10 +426,11 @@ export default { |
|
|
|
}, |
|
|
|
// 修改用户信息 |
|
|
|
userinfoChange(row) { |
|
|
|
var postSid = row.postSid |
|
|
|
console.log("row>>>>", row) |
|
|
|
var sysStaffPost = row.sysStaffPost |
|
|
|
this.editDialog = true |
|
|
|
this.form = Object.assign({}, row) |
|
|
|
this.postSid = postSid |
|
|
|
this.sysStaffPost = sysStaffPost |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs.Tree.setChecked(this.form.departmentSid, true, true) |
|
|
|
}) |
|
|
|
@ -406,12 +439,15 @@ export default { |
|
|
|
}, |
|
|
|
// 删除 |
|
|
|
del(row) { |
|
|
|
console.log("row.sid",row.sid) |
|
|
|
|
|
|
|
this.$confirm('此操作将删除该用户, 是否继续?', '提示', { |
|
|
|
confirmButtonText: '确定', |
|
|
|
cancelButtonText: '取消', |
|
|
|
type: 'warning' |
|
|
|
}).then(() => { |
|
|
|
delUser({ sid: row.sid }).then(res => { |
|
|
|
delUser(row.sid |
|
|
|
).then(res => { |
|
|
|
this.$message({ |
|
|
|
type: 'success', |
|
|
|
message: res.msg |
|
|
|
@ -431,19 +467,35 @@ export default { |
|
|
|
this.loading = true |
|
|
|
let params = {} |
|
|
|
orgList(params).then(res => { |
|
|
|
console.log("res.data",res.data) |
|
|
|
this.treedata = res.data |
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
checkchange(data, checked, indeterminate) { |
|
|
|
|
|
|
|
console.log("data",data) |
|
|
|
console.log("checked",checked) |
|
|
|
console.log("indeterminate",indeterminate) |
|
|
|
if (checked) { |
|
|
|
this.form.deptSid = data.sid |
|
|
|
this.form.departmentSid = data.sid |
|
|
|
this.form.departmentName = data.name |
|
|
|
this.orgName = data.name |
|
|
|
let arr = [] |
|
|
|
arr = [data.sid] |
|
|
|
this.$refs.Tree.setCheckedKeys(arr) |
|
|
|
this.form.postSid = '' |
|
|
|
this.getPost(data.sid) |
|
|
|
// this.form.sysStaffPost = '' |
|
|
|
// this.getPost(data.sid) |
|
|
|
this.form.sysStaffOrg ={ |
|
|
|
orgSid: data.sid, |
|
|
|
orgName:data.name, |
|
|
|
orgSidPath:data.orgSidPath, |
|
|
|
orgNamePath:"", |
|
|
|
orgCode:data.orgCode, |
|
|
|
manageType:"", |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
return |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -454,7 +506,7 @@ export default { |
|
|
|
postList(params).then(res => { |
|
|
|
this.postSidData = res.data |
|
|
|
}) |
|
|
|
this.form.postSid = this.postSid |
|
|
|
this.form.sysStaffPost = this.sysStaffPost |
|
|
|
}, |
|
|
|
reset() { |
|
|
|
this.form = {} |
|
|
|
@ -471,13 +523,12 @@ export default { |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped="scoped"> |
|
|
|
.el-select > .el-input { |
|
|
|
.el-select>.el-input { |
|
|
|
display: block; |
|
|
|
width: 300px; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
|
