| | |
| | | </el-form-item> |
| | | <!-- 选择角色 --> |
| | | <el-form-item class="optionItem" label="选择角色:" prop="role"> |
| | | <el-select v-model="user.role" placeholder="请选择所属角色" multiple collapse-tags @change="handleChangeRole"> |
| | | <el-option v-for="item in roleList" :key="item.id" :label="item.name" |
| | | :value="item.id"> |
| | | <el-select v-model="user.role" placeholder="请选择所属角色" multiple collapse-tags |
| | | @change="handleChangeRole" :disabled="!flag.role"> |
| | | <el-option v-for="item in roleList" :key="item.id" :label="item.name" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | <!-- <el-select v-model="user.role" placeholder="请选择所属角色" :disabled="!flag.role"> |
| | |
| | | </el-form-item> |
| | | <!-- 填写所属mac地址 --> |
| | | <el-form-item class="optionItem" label="填写所属mac地址:" prop="mac"> |
| | | <el-input v-model="user.mac" placeholder="请填写所属mac地址"></el-input> |
| | | <el-input v-model="user.mac" placeholder="请填写所属mac地址" disabled></el-input> |
| | | </el-form-item> |
| | | <!-- 填写所属ip地址 --> |
| | | <el-form-item class="optionItem" label="填写所属ip地址:" prop="ip"> |
| | | <el-input v-model="user.ip" placeholder="请填写所属ip地址"></el-input> |
| | | <el-input v-model="user.ip" placeholder="请填写所属ip地址" disabled></el-input> |
| | | </el-form-item> |
| | | <el-form-item v-if="updateFlag"> |
| | | <div class="optionBtn"> |
| | |
| | | }, |
| | | // 修改用户信息 |
| | | handleUser() { |
| | | const { depart, role } = this.flag; |
| | | this.$refs.user.validate((valid) => { |
| | | if (valid) { |
| | | const { user } = this; |
| | | user.isDy = `${user.isDy}`; |
| | | if (depart) { |
| | | console.log(this.user); |
| | | this.$axios({ |
| | | method: 'post', |
| | | url: 'sccg/admin/role/update?adminId=' + user.id + '&roleIds='+user.role, |
| | | data: user |
| | | url: `sccg/admin/update/${user.id}`, |
| | | data: { |
| | | "id": user.id, |
| | | "username": user.username, |
| | | "password": user.password, |
| | | "icon": user.icon, |
| | | "email": user.email, |
| | | "nickName": user.nickName, |
| | | "note": user.note, |
| | | "createTime": user.createTime, |
| | | "loginTime": user.loginTime, |
| | | "status": user.status ? 1 : 0, |
| | | "macAddress": user.macAddress, |
| | | "ipAddress": user.ipAddress, |
| | | "isDy": `${user.isDy}`, |
| | | "sex": `${user.sex}`, |
| | | "jobTitle": user.jobTitle, |
| | | "departmentId": user.departmentId, |
| | | "departName": user.departName, |
| | | "userType": user.userType, |
| | | "zj": user.zj, |
| | | "mobile": user.mobile, |
| | | } |
| | | }) |
| | | .then(res => { |
| | | this.$message({ |
| | |
| | | this.getUserList(); |
| | | this.$emit('closeDialog', { flag: false }); |
| | | }) |
| | | } else { |
| | | this.$axios({ |
| | | method: 'post', |
| | | url: 'sccg/admin/role/update?adminId=' + user.id + '&roleIds=' + user.role, |
| | | }) |
| | | .then(res => { |
| | | this.$message({ |
| | | type: res.code === 200 ? 'success' : 'warning', |
| | | message: res.message, |
| | | }) |
| | | this.getUserList(); |
| | | this.$emit('closeDialog', { flag: false }); |
| | | }) |
| | | } |
| | | } else { |
| | | return false; |
| | | } |
| | |
| | | .updateUser { |
| | | border-radius: 1px; |
| | | background-color: #09152f; |
| | | |
| | | :deep(.el-tag){ |
| | | background-color: #09152f; |
| | | } |
| | | |
| | | .el-select-dropdown.is-multiple .el-select-dropdown__item.selected{ |
| | | background-color: #09152f; |
| | | color: #4b9bb7; |
| | | } |
| | | |
| | | // .el-select-dropdown__item :deep(.selected){ |
| | | // background-color: #09152f; |
| | | // color: #4b9bb7; |