| | |
| | | </el-form-item> |
| | | <!-- 角色类型 --> |
| | | <el-form-item class="optionItems" label="角色类型:" prop="sort"> |
| | | <el-input v-model="role.sort" placeholder="请选择角色类型" :disabled="!updateFlag"></el-input> |
| | | <!-- <el-input v-model="role.sort" placeholder="请选择角色类型" :disabled="!updateFlag"></el-input> --> |
| | | <el-select v-model="role.sort" placeholder="请选择角色类型"> |
| | | <!-- v-for="item in roleList" :key="item.id" :label="item.departName" |
| | | :value="item.id" --> |
| | | <el-option :value="treeId" :label="treeLabel"> |
| | | <el-tree :data="roleList" :props="defaultProps" @node-click="handleNodeClick"></el-tree> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- 角色描述 --> |
| | | <el-form-item class="optionItem" label="角色描述:" prop="description"> |
| | |
| | | { required: false, trigger: "blur", validator: validateTruename }, |
| | | ], |
| | | }, |
| | | roleList: [], |
| | | defaultProps: { |
| | | children: 'children', |
| | | label: 'title' |
| | | }, |
| | | treeLabel:'', |
| | | treeId:23 |
| | | } |
| | | }, |
| | | created() { |
| | | const that = this; |
| | | this.userInfo.status ? this.userInfo.status = 1 : this.userInfo.status = 0; |
| | | this.role = JSON.parse(JSON.stringify(that.userInfo)); |
| | | console.log(this.role); |
| | | this.getMenuList(); |
| | | }, |
| | | methods: { |
| | | handleUser() { |
| | | this.$refs.user.validate((valid) => { |
| | | console.log(valid); |
| | | if (valid) { |
| | | const { role } = this; |
| | | console.log(role); |
| | | this.$axios.post('/sccg/role/update/' + role.id, { |
| | | id: role.id, |
| | | status: role.status, |
| | | description: role.description, |
| | | name: role.name, |
| | | sort:role.sort |
| | | sort: 0 |
| | | }).then(res => { |
| | | this.$emit('changeDialog', { dialogUpdate: false }); |
| | | this.getUserList(); |
| | |
| | | return false; |
| | | } |
| | | }) |
| | | }, |
| | | // 获取系统菜单 |
| | | getMenuList() { |
| | | this.$axios({ |
| | | method: 'get', |
| | | url: 'sccg/menu/treeList', |
| | | }) |
| | | .then(res => { |
| | | this.roleList = res.data; |
| | | console.log(res); |
| | | }) |
| | | }, |
| | | // 点击树节点 |
| | | handleNodeClick({title,id}) { |
| | | // console.log(obj); |
| | | this.role.sort = title; |
| | | this.treeLabel = title; |
| | | this.treeId = id; |
| | | |
| | | } |
| | | }, |
| | | props: ['userInfo', 'updateFlag', 'getUserList', 'changeDialog'] |
| | |
| | | border: 1px solid #17324c; |
| | | } |
| | | } |
| | | |
| | | </style> |