| | |
| | | :componentData="componentData" :key="upIndex" @upRole="upRole" @selectRole="selectRole" /> |
| | | </div> |
| | | <el-dialog :title="type" :visible.sync="addDia" width="550px" @closed="closed"> |
| | | <div style="max-height: 500px;overflow-y: auto;padding: 10px;" v-if="addDia"> |
| | | <el-row style="line-height: 40px;margin-bottom: 20px;"> |
| | | <el-col :span="8" style="font-size: 16px;"><span class="required-span">* </span>角色名</el-col> |
| | | <el-col :span="16"> |
| | | <div style="max-height: 550px;overflow-y: auto;padding: 10px 20px;" v-if="addDia"> |
| | | <el-row style="line-height: 42px;"> |
| | | <el-col :span="7" style="font-size: 14px;"><span class="required-span">* </span>角色名</el-col> |
| | | <el-col :span="17"> |
| | | <el-input v-model="addData.roleName" size="medium" placeholder="需唯一角色名" clearable |
| | | :disabled="type=='查看'"></el-input> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row style="line-height: 42px;margin-bottom: 20px;"> |
| | | <el-col :span="7" style="font-size: 14px;"><span class="required-span">* </span>角色分类</el-col> |
| | | <el-col :span="17"> |
| | | <el-select v-model="addData.category" size="medium" :disabled="type=='查看'" style="width: 100%;"> |
| | | <el-option v-for="(a, i) in deaprtEnum" :key="i" :label="a.name" :value="a.id"></el-option> |
| | | </el-select> |
| | | </el-col> |
| | | </el-row> |
| | | <el-divider content-position="left">权限分配</el-divider> |
| | |
| | | type: 'text', |
| | | method: 'selectRole', |
| | | }], |
| | | tagField: {}, |
| | | tagField: { |
| | | category: { |
| | | select: [] |
| | | } |
| | | }, |
| | | selectField: {} |
| | | }, |
| | | entityCopy: {}, |
| | |
| | | addData: { |
| | | roleId2: null, |
| | | roleName: null, |
| | | category: null, |
| | | powers: [] |
| | | }, |
| | | menu: [], |
| | | menuCategroy: [], |
| | | menuCopy: [], |
| | | type: '新增', |
| | | addPower: true |
| | | addPower: true, |
| | | deaprtEnum: [] |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.entityCopy = this.HaveJson(this.componentData.entity) |
| | | this.selectMenuList() |
| | | this.selectDepartmentEnum() |
| | | this.getPower() |
| | | }, |
| | | methods: { |
| | |
| | | upRole(row) { |
| | | this.type = '修改' |
| | | this.addData.roleName = row.name |
| | | this.addData.category = row.category |
| | | this.selectPowerByRoleId(row.id) |
| | | }, |
| | | selectRole(row) { |
| | | this.type = '查看' |
| | | this.addData.roleName = row.name |
| | | this.addData.category = row.category |
| | | this.selectPowerByRoleId(row.id) |
| | | }, |
| | | openAdd() { |
| | |
| | | saveAddData() { |
| | | if (this.addData.roleName == '' || this.addData.roleName == null) { |
| | | this.$message.error('请填写角色名') |
| | | return |
| | | } |
| | | if (this.addData.category == '' || this.addData.category == null) { |
| | | this.$message.error('请选择角色分类') |
| | | return |
| | | } |
| | | this.addLoad = true |
| | |
| | | this.componentData.do.splice(0, 1) |
| | | } |
| | | this.addPower = add |
| | | }, |
| | | selectDepartmentEnum(){ |
| | | this.$axios.get(this.$api.department.selectDepartmentEnum).then(res=>{ |
| | | this.deaprtEnum = res.data |
| | | this.componentData.tagField.category.select = [] |
| | | res.data.forEach(a=>{ |
| | | this.componentData.tagField.category.select.push({ |
| | | label: a.name, |
| | | value: a.id |
| | | }) |
| | | }) |
| | | }) |
| | | } |
| | | } |
| | | } |