yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

系统管理--用户管理列表中添加是否可用的按钮

master
yunuo970428 3 years ago
parent
164fb9b1ac
commit
64fa966d1b
2 changed files with 325 additions and 321 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 12
      anrui-system-ui/src/api/system/userManage/index.js
  2. 174
      anrui-system-ui/src/views/userManage/userManageList.vue

12
anrui-system-ui/src/api/system/userManage/index.js
View File

@ -136,3 +136,15 @@ export function getCode(data){
}
})
}
// 设置是否可用：isEnable：1可用，0不可用
export function setRoleEnable(data) {
return request({
url: '/portal/v1/sysuser/setIsEnable/' + data.sid + '/' + data.isEnable,
method: 'post',
data: data,
headers: {
'Content-Type': 'application/json'
}
})
}

174
anrui-system-ui/src/views/userManage/userManageList.vue
View File

@ -9,11 +9,7 @@
</el-form-item>
<el-form-item label="角色">
<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-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>
@ -40,27 +36,33 @@
</el-table-column>
<el-table-column prop="userName" label="用户名" align="center">
<template slot-scope="scope">
<!-- <span class="tablerow-click" @click="userinfoChange(scope.row)">-->{{scope.row.userName}}<!--</span>-->
<!-- <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="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">
<template slot-scope="scope">
<el-switch
v-model="scope.row.isEnable"
active-value='1'
inactive-value='0'
active-color="#13ce66"
inactive-color="#ff4949"
@change="enabledChange($event,scope.row)">
</el-switch>
</template>
</el-table-column>
</el-table>
<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">
<el-form-item label="角色名称" :label-width="formLabelWidth" prop="roleSid">
<el-select v-model="roleForm.roleSid" placeholder="请选择"
multiple
>
<el-option v-for="(item,i) in roleList"
:key="i"
:label="item.name"
:value="item.sid"
></el-option>
<el-select v-model="roleForm.roleSid" placeholder="请选择" multiple>
<el-option v-for="(item,i) in roleList" :key="i" :label="item.name" :value="item.sid"></el-option>
</el-select>
<!--<el-button type="primary" size='mini' @click="toNav('RoleAdminister')" style="margin-left: 10px;" circle icon="el-icon-plus"></el-button>-->
</el-form-item>
@ -107,11 +109,7 @@
<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">
<el-option v-for="(item, i) in userTypeData" :key="i" :label="item.name" :value="item.value">
</el-option>
</el-select>
</td>
@ -121,11 +119,7 @@
<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-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>
@ -134,12 +128,7 @@
<td>岗位</td>
<td>
<el-select v-model="form.postSid" @change="$forceUpdate()" style="width:300px">
<el-option
v-for="(item, i) in postSidData"
:key="i"
:label="item.name"
:value="item.sid">
</el-option>
<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>-->
</td>
@ -155,7 +144,7 @@
<td>
<el-input v-model="form.verificationCode" placeholder="请输入验证码" style="width:300px">
<el-button v-show="showCode" slot="append" @click.native="getIdentifying">获取验证码</el-button>
<el-button v-show="!showCode" slot="append">{{phoneCodeCount}} s</el-button>
<el-button v-show="!showCode" slot="append">{{ phoneCodeCount }} s</el-button>
</el-input>
</td>
</tr>
@ -169,7 +158,7 @@
</template>
<script>
import {
import {
userList,
delUser,
initPwd,
@ -178,11 +167,11 @@
postList,
saveOrgRole,
roleList,
setRoleEnable,
userUpdata
} from '@/api/system/userManage/index.js'
import {saveSourcesInfo} from "@/api/system/sources";
} from '@/api/system/userManage/index.js'
export default {
export default {
data() {
return {
editDialog: false,
@ -210,18 +199,18 @@
roleListAll: [],
search: {
userName: '',
roleSid: '',
roleSid: ''
},
props: {
value: "sid",
label: "name",
children: "orgDepartmentVoList"
value: 'sid',
label: 'name',
children: 'orgDepartmentVoList'
},
treedata: null,
page: {
total: 0, // 默认数据总数
current: 1, // 默认开始页面
size: 10, // 每页的数据条数
size: 10 // 每页的数据条数
},
userTable: [],
clientTable: [],
@ -230,23 +219,19 @@
roleDialog: false,
roleList: [],
roleForm: {
roleSid: "",
userSid: ""
roleSid: '',
userSid: ''
},
// 部门
bm_Dialog: false,
postSid: '',
bm_Form: {departmentSid: ''},
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' }]
}
}
};
},
props: ['dataObj'],
watch: {
@ -254,20 +239,19 @@
handler(val) {
this.getOrgUserList()
},
deep: true,
},
deep: true
}
},
mounted() {
this.getOrgUserList()
this.getRoleList()
this.getOrgTree()
this.getOrgList()
},
methods: {
// 列表 + 初始化
getOrgUserList(flag) {
if (flag == '1') {
if (flag === '1') {
this.page.current = 1
}
let params = this.page
@ -280,10 +264,9 @@
getRoleList() {
var param = {}
roleList(param).then(res => {
if (res.code == "200") {
if (res.code === '200') {
this.roleListAll = res.data
}
})
},
// 分页
@ -304,14 +287,13 @@
}
}
}
// getOrgTree({organizationSid: this.$store.getters.userInfo.orgSid}).then(res => {
// let tree = res.data[0].orgDepartmentVoList
// treeArr(tree)
// this.treedata = tree
// })
// getOrgTree({organizationSid: this.$store.getters.userInfo.orgSid}).then(res => {
// let tree = res.data[0].orgDepartmentVoList
// treeArr(tree)
// this.treedata = tree
// })
},
//设置角色 设置 用户ID
// 设置角色 设置 用户ID
setRole(row) {
this.roleForm.roleSid = []
this.roleDialog = true
@ -320,20 +302,20 @@
setRole(this.roleForm).then(res => {
this.roleList = res.data
for (let i = 0; i < res.data.length; i++) {
if (res.data[i].checked == '0') {
if (res.data[i].checked === '0') {
this.roleForm.roleSid.push(res.data[i].sid)
}
}
// this.roleForm.roleSid = res.data.filter(item=> item.checked =='0')
// this.roleForm.roleSid = res.data.filter(item=> item.checked =='0')
})
},
//设置角色 提交
// 设置角色 提交
saveRole(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
this.roleForm.roleSid = this.roleForm.roleSid.toString()
saveOrgRole(this.roleForm).then(res => {
if (res.code == "200") {
if (res.code === '200') {
this.roleDialog = false
this.getOrgUserList()
this.$message({
@ -343,20 +325,20 @@
}
})
} else {
return false;
return false
}
});
})
},
//设置部门 提交
// 设置部门 提交
saveOrg(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
let params = { // 请求的参数
departmentSid: this.bm_Form.departmentSid[this.bm_Form.departmentSid.length - 1],
staffSid: this.bm_Form.staffSid,
staffSid: this.bm_Form.staffSid
}
saveDepartment(params).then(res => {
if (res.code == "200") {
if (res.code === '200') {
this.getOrgUserList()
this.bm_Dialog = false
this.$message({
@ -366,15 +348,15 @@
}
})
} else {
return false;
return false
}
});
},
//设置部门 提交
// 设置部门 提交
save(formName) {
this.form.userType = this.form.userTypeKey;
userUpdata(this.form).then(res => {
if (res.code == "200") {
if (res.code === '200') {
this.getOrgUserList()
this.bm_Dialog = false
this.$message({
@ -383,7 +365,7 @@
})
this.editDialog = false
}
this.reset();
this.reset()
})
},
initPwd(row) {
@ -396,11 +378,11 @@
this.$message({
type: 'success',
message: res.msg
});
})
})
})
},
// 修改用户信息
// 修改用户信息
userinfoChange(row) {
var postSid = row.postSid
this.editDialog = true
@ -409,17 +391,17 @@
this.$nextTick(() => {
this.$refs.Tree.setChecked(this.form.departmentSid, true, true)
})
// this.$emit('status',true)
// this.$emit('item',row)
// this.$emit('status',true)
// this.$emit('item',row)
},
// 删除
// 删除
del(row) {
this.$confirm('此操作将删除该用户, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
delUser({sid: row.sid}).then(res => {
delUser({ sid: row.sid }).then(res => {
this.$message({
type: 'success',
message: res.msg
@ -429,11 +411,11 @@
})
},
toNav(src) {
this.$router.push("/" + src);
this.$router.push('/' + src)
},
// 获取部门树形
getOrgList(row) {
// this.roleDialog = true
// this.roleDialog = true
this.checkedId = []
this.Thisrow = row
this.loading = true
@ -445,15 +427,14 @@
},
checkchange(data, checked, indeterminate) {
if (checked) {
this.form.deptSid = data.sid
this.orgName = data.name
let arr = []
arr = [data.sid];
this.$refs.Tree.setCheckedKeys(arr);
arr = [data.sid]
this.$refs.Tree.setCheckedKeys(arr)
this.form.postSid = ''
this.getPost(data.sid)
return;
return
}
},
getPost(orgSid) {
@ -468,14 +449,25 @@
reset() {
this.form = {}
},
enabledChange(value, row) {
setRoleEnable({
sid: row.sid,
isEnable: value
}).then(res => {
this.$message({
type: 'success',
message: res.msg
});
})
}
}
};
}
</script>
<style scoped="scoped">
.el-select > .el-input {
.el-select > .el-input {
display: block;
width: 300px;
}
}
</style>

Write Preview
Loading…
Cancel
Save