| | |
| | | :page.sync="form.page" |
| | | :limit.sync="form.rows" |
| | | align="right" |
| | | layout="total ,prev, pager, next,sizes" |
| | | layout="total ,prev, pager, next,sizes,jumper" |
| | | popper-class="select_bottom" |
| | | @pagination="getRoleSearch" |
| | | /> |
| | |
| | | <el-form-item label="角色名称" prop="RoleName"> |
| | | <el-input v-model="dialogForm.RoleName" style="width: 200px" /> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="所属组织" prop="stu_torgcode"> |
| | | <el-cascader |
| | | ref="dialogCascader" |
| | | key="cascaderKey" |
| | | v-model="dialogForm.stu_torgcode" |
| | | filterable |
| | | popper-class="elCascader" |
| | | :options="StuOrgArr" |
| | | :props="defaultProps" |
| | | style="width: 200px;" |
| | | @change="dialogCascaderChange" |
| | | /> |
| | | </el-form-item> |
| | | |
| | | <el-form-item prop="RoleTypeCode" label="角色类型"> |
| | | <el-select |
| | | v-model="dialogForm.RoleTypeCode" |
| | |
| | | placeholder="请选择" |
| | | > |
| | | <el-option |
| | | v-for="item in RoleTypeCodeArr2" |
| | | v-for="item in RoleTypeCodeArr3" |
| | | :key="item.roletype_code" |
| | | :label="item.roletype_name" |
| | | :value="item.roletype_code" |
| | |
| | | ref="RoleTypeCodeArr" |
| | | :data="RoleTypeCodeArr" |
| | | border |
| | | height="300" |
| | | height="377" |
| | | highlight-current-row |
| | | :header-cell-style="this.$headerCellStyle" |
| | | :cell-style="this.$cellStyle" |
| | |
| | | label="序号" |
| | | prop="RowNum" |
| | | /> |
| | | |
| | | <el-table-column |
| | | v-if="$store.state.settings.orgType!=='W'" |
| | | prop="roletype_code" |
| | | label="所属组织" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <el-cascader |
| | | v-if="row.isVisible===1" |
| | | ref="dialogCascader" |
| | | key="cascaderKey" |
| | | v-model="row.storg_code" |
| | | filterable |
| | | popper-class="elCascader" |
| | | :options="StuOrgArr" |
| | | :props="defaultProps" |
| | | style="width: 200px;" |
| | | /> |
| | | <div v-else> |
| | | {{ row.org_name }} |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | prop="roletype_code" |
| | | label="类型编码" |
| | |
| | | <el-cascader |
| | | ref="dialogCascaderUser" |
| | | key="cascaderKey" |
| | | v-model="dialogFormUser.orgcode" |
| | | filterable |
| | | popper-class="elCascader" |
| | | :append-to-body="false" |
| | | :options="StuOrgArr" |
| | | :props="defaultProps" |
| | | :style="{width:isIpad? '180px':'200px'}" |
| | | |
| | | @change="dialogCascaderChange" |
| | | /> |
| | | <!-- @focus="getUserOrganization"--> |
| | | </el-form-item> |
| | |
| | | import elDragDialog from '@/directive/el-drag-dialog' |
| | | import waves from '@/directive/waves' |
| | | import TableColumnSettings from '@/components/TableColumnSettings' |
| | | import { StorgRoleSelect } from '@/api/basicInfo' |
| | | |
| | | export default { |
| | | name: 'JSQD', |
| | |
| | | total: 10, |
| | | RoleTypeCodeArr: [], // 角色类型编码数组 |
| | | RoleTypeCodeArr2: [], // 角色类型编码数组 搜索 |
| | | RoleTypeCodeArr3: [], // 新增时的角色类型数组 |
| | | RoleTypeCodeArrLength: 0, |
| | | formSetting: { |
| | | page: 1, |
| | |
| | | show: true, |
| | | fixed: false, |
| | | sortable: true |
| | | }, { |
| | | minWidth: 110, |
| | | width: false, |
| | | prop: 'torg_code', |
| | | label: '组织编码', |
| | | id: 5, |
| | | show: false, |
| | | fixed: false, |
| | | sortable: true |
| | | }, { |
| | | minWidth: 110, |
| | | width: false, |
| | | prop: 'org_name', |
| | | label: '所属组织', |
| | | id: 6, |
| | | show: true, |
| | | fixed: false, |
| | | sortable: true |
| | | }, |
| | | { |
| | | minWidth: 110, |
| | | width: false, |
| | | prop: 'roletype_code', |
| | | label: '角色类型编码', |
| | | id: 5, |
| | | id: 7, |
| | | show: false, |
| | | fixed: false, |
| | | sortable: true |
| | |
| | | width: false, |
| | | prop: 'roletype_name', |
| | | label: '角色类型', |
| | | id: 6, |
| | | id: 8, |
| | | show: true, |
| | | fixed: false, |
| | | sortable: true |
| | |
| | | width: false, |
| | | prop: 'description', |
| | | label: '角色描述', |
| | | id: 7, |
| | | id: 9, |
| | | show: true, |
| | | fixed: false, |
| | | sortable: true |
| | |
| | | width: false, |
| | | prop: 'is_user', |
| | | label: '关联用户', |
| | | id: 8, |
| | | id: 10, |
| | | show: false, |
| | | fixed: false, |
| | | sortable: true |
| | |
| | | width: false, |
| | | prop: 'is_right', |
| | | label: '分配权限', |
| | | id: 9, |
| | | id: 11, |
| | | show: true, |
| | | fixed: false, |
| | | sortable: true |
| | |
| | | width: false, |
| | | prop: 'lm_user', |
| | | label: '创建人员', |
| | | id: 10, |
| | | id: 12, |
| | | show: true, |
| | | fixed: false, |
| | | sortable: true |
| | |
| | | width: false, |
| | | prop: 'lm_date', |
| | | label: '创建时间', |
| | | id: 11, |
| | | id: 13, |
| | | show: true, |
| | | fixed: false, |
| | | sortable: true |
| | |
| | | RoleId: '', |
| | | RoleCode: '', // 角色编码 |
| | | RoleName: '', // 角色名称 |
| | | stu_torgcode: getCookie('stu_torgcode'), // 所属组织 |
| | | RoleTypeCode: '', // 角色类型 |
| | | description: ''// |
| | | }, |
| | |
| | | ], |
| | | RoleTypeCode: [ |
| | | { required: true, message: '请选择角色类型', trigger: ['blur', 'change'] } |
| | | ], |
| | | stu_torgcode: [ |
| | | { required: true, message: '请选择所属组织', trigger: ['blur', 'change'] } |
| | | ] |
| | | }, |
| | | settingDialogVisible: false, |
| | |
| | | checkStrictly: true, |
| | | value: 'code', |
| | | label: 'name', |
| | | children: 'children' |
| | | children: 'children', |
| | | emitPath: false |
| | | }, |
| | | roleArr: [ |
| | | { value: 'Y', label: '是' }, |
| | |
| | | add(operation) { |
| | | this.operation = operation |
| | | this.dialogVisible = true |
| | | |
| | | if (this.$store.state.settings.orgType !== '') { |
| | | this.getStorgRoleSelect(getCookie('stu_torgcode'), this.StuOrgArr.find(i => i.code === getCookie('stu_torgcode')) ? 'D' : 'W') |
| | | } |
| | | }, |
| | | // 修改按钮 |
| | | edit(operation, row) { |
| | |
| | | this.dialogForm.RoleName = row.role_name |
| | | this.dialogForm.RoleTypeCode = row.roletype_code |
| | | this.dialogForm.description = row.description |
| | | this.dialogForm.stu_torgcode = row.torg_code |
| | | this.getStorgRoleSelect(row.torg_code, this.StuOrgArr.find(i => i.code === row.torg_code) ? 'D' : 'W') |
| | | }) |
| | | }, |
| | | // 删除按钮 |
| | |
| | | this.$message.info('已取消删除') |
| | | }) |
| | | }, |
| | | // 级联选择器 |
| | | dialogCascaderChange(val) { |
| | | this.dialogForm.RoleTypeCode = '' |
| | | |
| | | this.getStorgRoleSelect(val, this.StuOrgArr.find(i => i.code === val) ? 'D' : 'W') |
| | | }, |
| | | async getStorgRoleSelect(stu_torgcode, description) { |
| | | const data = { |
| | | stu_torgcode, |
| | | description |
| | | } |
| | | const { data: res } = await StorgRoleSelect(data) |
| | | this.RoleTypeCodeArr3 = res |
| | | }, |
| | | // 对话框关闭事件 |
| | | handleClose() { |
| | | this.dialogForm.RoleId = '' |
| | |
| | | this.dialogForm.RoleName = '' |
| | | this.dialogForm.RoleTypeCode = '' |
| | | this.dialogForm.description = '' |
| | | this.dialogForm.stu_torgcode = getCookie('stu_torgcode') |
| | | this.RoleTypeCodeArr3 = [] |
| | | this.$refs.dialogForm.clearValidate() |
| | | }, |
| | | // 对话框取消 |
| | |
| | | RoleName: this.dialogForm.RoleName, |
| | | RoleTypeCode: this.dialogForm.RoleTypeCode, |
| | | description: this.dialogForm.description, |
| | | stu_torgcode: this.dialogForm.stu_torgcode, |
| | | OperType: this.operation === 'add' ? 'Add' : 'Update' |
| | | // Operator: getCookie('admin') |
| | | } |
| | |
| | | |
| | | let number = Math.random() * Math.random()// 作为删除时的标识符 |
| | | number = number === 0 ? (10 + Math.random()) : number |
| | | const data = { roletype_code: '', roletype_name: '', isVisible: 1, number: number } |
| | | const data = { storg_code: getCookie('stu_torgcode'), roletype_code: '', roletype_name: '', isVisible: 1, number: number } |
| | | this.RoleTypeCodeArr.unshift(data) |
| | | }, |
| | | // 删除按钮 |
| | |
| | | } |
| | | const data = { |
| | | code: row.roletype_code, |
| | | name: row.roletype_name |
| | | name: row.roletype_name, |
| | | flag: row.storg_code |
| | | } |
| | | const res = await RoleTypeAdd([data]) |
| | | if (res.code === '200') { |
| | |
| | | this.$store.state.app.buttonIsDisabled = false |
| | | } |
| | | }, |
| | | // 级联选择器 |
| | | dialogCascaderChange(val) { |
| | | this.dialogFormUser.orgcode = val[val.length - 1] |
| | | }, |
| | | |
| | | // 置空按钮 |
| | | setRoleAssociationUser() { |
| | | this.dialogFormUser.usercode = '' |