| | |
| | | }); |
| | | } |
| | | |
| | | |
| | | //获取用户,数据授权页面选择用户 |
| | | export function listUserByUserType(params) { |
| | | return request({ |
| | | url: "/api/userQueryController/listUserByUserType", |
| | | method: "get", |
| | | params |
| | | }); |
| | | } |
| | | |
| | |
| | | :formData="form" |
| | | @getFormData="getFormData"> |
| | | </basic-form> |
| | | <el-container v-if="!readOnly"> |
| | | <el-container v-if="!readOnly && (form.ruleType=='1' || form.ruleType=='3')"> |
| | | <el-aside style="width:350px"> |
| | | <fieldset> |
| | | <legend> 候选条件 </legend> |
| | |
| | | </el-tab-pane> |
| | | <el-tab-pane> |
| | | <span slot="label"><i class="el-icon-s-tools"></i> 操作</span> |
| | | <fieldset :style="'width:99.5%;height: '+(height/2+20)+'px;margin-bottom:10px;'"> |
| | | <fieldset :style="'width:99.5%;height: '+(height-10)+'px;margin-bottom:10px;'"> |
| | | <legend> 一般操作 </legend> |
| | | <div> |
| | | <avue-checkbox :disabled="readOnly" key="actionCheck" :all="!readOnly" v-model="actionForm" placeholder="请选择内容" :dic="actionDic"></avue-checkbox> |
| | | </div> |
| | | </fieldset> |
| | | <fieldset :style="'width:99.5%;height: '+(height/2-30)+'px;'"> |
| | | <fieldset v-if="0" :style="'width:99.5%;height: '+(height/2-30)+'px;'"> |
| | | <legend> 关系和跃迁 </legend> |
| | | <div> |
| | | <avue-checkbox :disabled="readOnly" key="linkActionCheck" :all="!readOnly" v-model="linkactionForm" placeholder="请选择内容" :dic="linkactionDic"></avue-checkbox> |
| | |
| | | import formQueryDialog from "@/views/modelingMenu/queryTemplate/linkTypeQuery/formQueryDialog.vue"; |
| | | import {queryTemplateListByAttr} from "@/api/queryTemplate/queryDefine"; |
| | | import {getCriteria} from "@/api/queryTemplate/linkTypeQuery"; |
| | | import {listUserByUserType} from "@/api/system/user/api"; |
| | | import {listUserByRoleOid, listUserUnInRoleOid, saveRight} from "@/api/system/role/api"; |
| | | |
| | | export default { |
| | |
| | | default: {} |
| | | }, |
| | | //选中行数据 |
| | | data: { |
| | | selectRow: { |
| | | type: Object, |
| | | default: {} |
| | | }, |
| | |
| | | type: Number, |
| | | default: 400 |
| | | }, |
| | | actionDic:{ |
| | | actionMap:{ |
| | | type: Object, |
| | | default: {} |
| | | } |
| | |
| | | height: this.height-80, |
| | | tip:false, |
| | | size:'mini', |
| | | highlightCurrentRow:true, |
| | | column: [{ |
| | | label: ' 分类', |
| | | prop: 'type', |
| | |
| | | tip:false, |
| | | showHeader:false, |
| | | size:'mini', |
| | | highlightCurrentRow:true, |
| | | align:'left', |
| | | column: [{ |
| | | label: '名称', |
| | | prop: 'name' |
| | |
| | | }, |
| | | formItems:[{ |
| | | label: '规则名称', |
| | | prop: 'qtName', |
| | | prop: 'ruleName', |
| | | type: 'input', |
| | | span:8, |
| | | labelWidth: 100, |
| | |
| | | }] |
| | | }, { |
| | | label: '规则类型', |
| | | prop: 'version', |
| | | prop: 'ruleType', |
| | | type: 'select', |
| | | span:6, |
| | | labelWidth:110, |
| | | disabled:this.readOnly, |
| | | dicData: [{ |
| | | label: '全部允许', |
| | | value: 1 |
| | | value: '0' |
| | | }, { |
| | | label: '允许权限', |
| | | value: 2 |
| | | value: '1', |
| | | disabled:true |
| | | }, { |
| | | label: '全部拒绝', |
| | | value: 3 |
| | | value: '2' |
| | | }, { |
| | | label: '拒绝权限', |
| | | value: 7 |
| | | value: '3', |
| | | disabled:true |
| | | }], |
| | | value: 1 |
| | | value: '0' |
| | | }], |
| | | form:{ |
| | | btmName:'', |
| | | qtName: '', |
| | | levelFlag:0,//0:普通查询模板; 1:高级查询模板" |
| | | queryTemplate:{} |
| | | queryTemplate:{},//客体中查询条件 |
| | | "ID": "",//数据的ID |
| | | "roles": "",//显示到授权主体界面,角色名称,多个使用逗号分隔 |
| | | "userGroups": "",//显示到授权主体界面,部门名称,多个使用逗号分隔 |
| | | "users": "",//显示到授权主体界面,用户名称,多个使用逗号分隔 |
| | | "expToSQL": "",//此处为允许权限或拒绝权限需填充的数据,暂时不做处理,为空字符串即可 |
| | | "identifier": "terminology_query",//业务类型(terminology)+下划线(_)+操作区的一般操作的按钮英文名称(query),多个按钮的话是多条数据不是使用逗号分隔 |
| | | "isGrand": 49, //此处为操作区的一般操作的按钮是否为选择情况,未选中值为48,选中为49,这里是将0和1转为了byte值,所以为48,49 |
| | | "lexpToSQL": "",//此处为允许权限或拒绝权限需填充的数据,暂时不做处理,为空字符串即可 |
| | | "lruleText": "",//此处为允许权限或拒绝权限需填充的数据,暂时不做处理,为空字符串即可 |
| | | "lseniorRuleText": "",//此处为允许权限或拒绝权限需填充的数据,暂时不做处理,为空字符串即可 |
| | | "ruleName": "assssss",//规则名称 |
| | | "ruleText": "",//此处为允许权限或拒绝权限需填充的数据,暂时不做处理,为空字符串即可 |
| | | "ruleType": "2",//0全部允许,1允许权限,2全部拒绝,3拒绝权限,由于暂时只做全部允许与全部拒绝,所以暂时可以不用管 |
| | | "seniorRuleText": "",//此处为允许权限或拒绝权限需填充的数据,暂时不做处理,为空字符串即可 |
| | | }, |
| | | radioForm:0, |
| | | radioDic:[{ |
| | |
| | | actionForm:[],//一般操作选中值 |
| | | actionDic:[],//一般操作选中项 |
| | | linkactionForm:[],//关系和跃迁选中值 |
| | | linkactionDic:[{ |
| | | label:'选项111', |
| | | value:0 |
| | | },{ |
| | | label:'选项222', |
| | | value:1 |
| | | }]//关系和跃迁选中项 |
| | | linkactionDic:[]//关系和跃迁选中项 |
| | | } |
| | | }, |
| | | created() { |
| | | |
| | | listUserByUserType().then(res => { |
| | | if(typeof res.data == 'string'){ |
| | | res.data=eval('('+res.data +')') |
| | | } |
| | | // 组装好穿梭框可用数据 |
| | | this.leftUserData = res.data.data.map(item => { |
| | | return { |
| | | name: item.name + `(${item.id})`, |
| | | oid: item.oid |
| | | } |
| | | }) |
| | | this.rightUserData = []; |
| | | }) |
| | | }, |
| | | watch: { |
| | | data:{ |
| | | selectRow:{ |
| | | handler(val) { |
| | | if(val && val.oid){ |
| | | this.getTemp(true); |
| | | this.getTemp(false) |
| | | this.authData=[]; |
| | | if(val && val.rules){ |
| | | //this.getTemp(true); |
| | | //this.getTemp(false) |
| | | //构建授权主体数据 |
| | | if(val.rules.users){ |
| | | val.rules.users.split(',').forEach((item,i)=>{ |
| | | if(item){ |
| | | this.authData.push({ |
| | | name:'{'+item+', '+item+', user}' |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | if(val.rules.roles){ |
| | | val.rules.roles.split(',').forEach((item,i)=>{ |
| | | if(item){ |
| | | this.authData.push({ |
| | | name:'{'+item+', '+item+', role}' |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | if(val.rules.userGroups){ |
| | | val.rules.userGroups.split(',').forEach((item,i)=>{ |
| | | if(item){ |
| | | this.authData.push({ |
| | | name:'{'+item+', '+item+', userGroup}' |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | } |
| | | }, |
| | | immediate: true, |
| | |
| | | }, |
| | | actionMap:{ |
| | | handler(val) { |
| | | this.actionDic=[{ |
| | | label:'选项1', |
| | | value:0 |
| | | },{ |
| | | label:'选项2', |
| | | value:1 |
| | | }]; |
| | | this.actionDic=[]; |
| | | if(val){ |
| | | for(var i in val){ |
| | | this.actionDic.push({ |
| | | label:i, |
| | | value:val[i] |
| | | }) |
| | | } |
| | | }; |
| | | }, |
| | | immediate: true, |
| | | deep: true |
| | |
| | | methods: { |
| | | //选中用户 |
| | | userHandler(){ |
| | | Promise.all([ |
| | | listUserUnInRoleOid({pkRole: this.selectList.oid}), |
| | | listUserByRoleOid({pkRole: this.selectList.oid}) |
| | | ]).then(([unInRoleRes, byRoleRes]) => { |
| | | if (unInRoleRes.data.code === 200 && byRoleRes.data.code === 200) { |
| | | const leftData = [...unInRoleRes.data.data, ...byRoleRes.data.data]; |
| | | // 组装好穿梭框可用数据 |
| | | this.leftUserData = leftData.map(item => { |
| | | return { |
| | | name: item.name + `(${item.id})`, |
| | | oid: item.oid |
| | | } |
| | | }) |
| | | this.rightUserData = byRoleRes.data.data.map(item => item.oid); |
| | | this.$refs.usertransfer.visible = true; |
| | | } |
| | | }); |
| | | |
| | | }, |
| | | |
| | | // 选中用户穿梭框回填 |
| | |
| | | :option="option" |
| | | :table-loading="tableLoading" |
| | | @refresh-change="handleRefresh" |
| | | @selection-change="selectChange" |
| | | @row-click="rowClickHandler"> |
| | | @current-row-change="rowClickHandler"> |
| | | <template slot="menuLeft"> |
| | | <el-button icon="el-icon-plus" size="small" type="primary" @click="addHandler">添加</el-button> |
| | | <el-button icon="el-icon-plus" size="small" type="primary" @click="editHandler">修改</el-button> |
| | | <el-button icon="el-icon-delete" plain size="small" type="danger" @click="delHandler">删除</el-button> |
| | | <el-button icon="el-icon-view" plain size="small" type="primary" @click="chekView">查看授权结果</el-button> |
| | | </template> |
| | | </avue-crud> |
| | | <div style="margin-top: 15px;"> |
| | | <data-view key="dataView" :btmNode="nodeRow" :data="viewData" :actionDic="actionMap" :readOnly="true" :height="clientHeight-260-220"></data-view> |
| | | <data-view key="dataView" :btmNode="nodeRow" :selectRow="selectRow" :actionMap="actionMap" :readOnly="true" :height="clientHeight-260-220"></data-view> |
| | | </div> |
| | | <!-- 新增 && 编辑 --> |
| | | <el-dialog |
| | |
| | | width="70%" |
| | | @close="addDialogClose"> |
| | | <div> |
| | | <data-view ref="editView" key="editView" :btmNode="nodeRow" :data="viewData" :actionDic="actionMap" :readOnly="false" :height="clientHeight-340"></data-view> |
| | | <data-view ref="editView" key="editView" :btmNode="nodeRow" :selectRow="selectRow" :actionMap="actionMap" :readOnly="false" :height="clientHeight-340"></data-view> |
| | | </div> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button size="small" type="primary" @click="addDialogSavaHandler">确 定</el-button> |
| | |
| | | nodeRow: {}, |
| | | treeData: [], |
| | | tableLoading: false, |
| | | selectList: [], |
| | | selectRow: {}, |
| | | option: { |
| | | ...basicOption, |
| | | height:280, |
| | | highlightCurrentRow:true, |
| | | addBtn: false, |
| | | editBtn: false, |
| | | delBtn: false, |
| | |
| | | columnBtn:false, |
| | | gridBtn:false, |
| | | tip: false, |
| | | align: 'left', |
| | | index:false, |
| | | selection:false, |
| | | menu:false, |
| | | column: [ |
| | | { |
| | | align:'center', |
| | | column: [{ |
| | | label: '规则名称', |
| | | prop: 'plCode', |
| | | prop: 0, |
| | | overHidden: true |
| | | }, |
| | | { |
| | | },{ |
| | | label: '规则类型', |
| | | prop: 'plName', |
| | | prop: 1, |
| | | overHidden: true |
| | | } |
| | | ] |
| | | }] |
| | | }, |
| | | data: [], |
| | | viewData:{}, |
| | | title: '', |
| | | visible: false, |
| | | form:{}, |
| | | actionMap:{} |
| | | actionMap:{}, |
| | | switchDic:[{ |
| | | label:'', |
| | | value:false |
| | | },{ |
| | | label:'', |
| | | value:true |
| | | }] |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | } |
| | | }, |
| | | getTableList() { |
| | | getData({ |
| | | 'typeName': this.nodeRow.attributes.name, |
| | | }).then(res => { |
| | | getData(this.nodeRow.attributes.name).then(res => { |
| | | /*if(typeof res.data == 'string'){ |
| | | res.data=eval('('+res.data +')') |
| | | }*/ |
| | | if(res.data.obj.tableHeader){ |
| | | this.option.column=[ { |
| | | label: '规则名称', |
| | | prop: 0, |
| | | overHidden: true |
| | | },{ |
| | | label: '规则类型', |
| | | prop: 1, |
| | | overHidden: true |
| | | }]; |
| | | res.data.obj.tableHeader.forEach((item,i)=>{ |
| | | if(i<=1) return; |
| | | if(i=='rules') return; |
| | | this.option.column.push({ |
| | | label: item, |
| | | prop: i, |
| | | overHidden: true, |
| | | width:'auto', |
| | | html:true, |
| | | formatter:(val)=> { |
| | | return '<label class="el-checkbox is-disabled ' + (val[i] == true ? 'is-checked' : '') + '"><span class="el-checkbox__input is-disabled ' + (val[i] == true ? 'is-checked' : '') + '"><span class="el-checkbox__inner"></span><input type="checkbox" aria-hidden="false" class="el-checkbox__original" value="' + val[i] + '"></span></label>' |
| | | } |
| | | }) |
| | | }) |
| | | } |
| | | this.data = res.data.obj.rowList; |
| | | this.$refs.crud.clearSelection(); |
| | | this.tableLoading = false; |
| | | this.actionMap=res.data.obj.actionMap |
| | | this.actionMap=res.data.obj.actionMap; |
| | | this.selectRow={} |
| | | }) |
| | | }, |
| | | handleRefresh() { |
| | |
| | | }, |
| | | // 行点击 |
| | | rowClickHandler(row) { |
| | | func.rowClickHandler( |
| | | row, |
| | | this.$refs.crud, |
| | | this.lastIndex, |
| | | (newIndex) => { |
| | | this.lastIndex = newIndex; |
| | | }, |
| | | () => { |
| | | this.selectList = [row]; |
| | | } |
| | | ); |
| | | this.getViewData(row) |
| | | }, |
| | | // 选择框 |
| | | selectChange(row) { |
| | | this.selectList = row; |
| | | }, |
| | | //获取下方数据 |
| | | getViewData(row){ |
| | | this.viewData={ |
| | | oid:row.plOId |
| | | }; |
| | | this.selectRow=row |
| | | }, |
| | | // 查看授权结果 |
| | | chekView() { |
| | | if (this.selectList.length <= 0) { |
| | | this.$message.warning('请至少选择一条数据'); |
| | | return; |
| | | } |
| | | if (this.selectList.length > 1) { |
| | | this.$message.warning('只能选择一条数据进行查看'); |
| | | if (this.selectRow=={}) { |
| | | this.$message.warning('请选择一条数据'); |
| | | return; |
| | | } |
| | | |
| | | getUsedEnumList({enumName: this.selectList[0].id}).then(res => { |
| | | getUsedEnumList({enumName: this.selectRow.id}).then(res => { |
| | | if (res.data.code === 200) { |
| | | this.checkViewVisible = true; |
| | | this.checkViewData = res.data.data; |