sasp-admin 0.2.57

package/src/views/role/commonRole/compoment/allocateRoleMenuSetting.vue

@@ -0,0 +1,335 @@
+<template>
+<div style="height: 100%;width: 100%;">
+    <el-select v-model="cdss" style="width: 100%;margin-bottom: 5px" @change="changeCdss">
+        <el-option v-for="(text,index) in cdssArr" :key="index" :label="orgDimObj[text]" :value="text"></el-option>
+    </el-select>
+    <el-input v-model="filterMenu" size="small" prefix-icon="el-icon-search" style="margin-bottom: 5px" placeholder="输入关键字过滤"></el-input>
+    <div style="height: calc(100% - 80px);overflow-y: auto">
+        <common-tree v-if="showMenuTree" v-show="showMenuTreeShow"
+                     ref="menuTree"
+                     :root-datas="menuShowDatas"
+                     parent-id="menuChiefNum"
+                     :default-props="defaultProps"
+                     :filter-text="filterMenu"
+                     :default-expand-all="true"
+                     :expand-onclick-node="false"
+                     :node-click="nodeClick"
+                     :init-check="initCheck"
+                     :init-call-back="initCallBack">
+        </common-tree>
+    </div>
+</div>
+</template>
+
+<script>
+    export default {
+        name: "allocate-role-menu-setting",
+        props:{
+            roleId:{type:String,default:""},//角色权限id
+            isAllocate:{type:Boolean,default:false},//是否是可分配菜单
+            roleType:{type:String,default:""},
+            checkMenuOptPower:{type:Object,default:() => {return {};}},//勾选的菜单操作权限
+            checkMenuDataPower:{type:Object,default:() => {return {};}},//勾选的菜单数据权限
+        },
+        data(){
+            return {
+                cdss:"",//组织维度
+                cdssArr:[],//组织维度
+                menuDatas:[],//用户可分配的所有菜单数据
+                menuShowDatas:[],//需要显示的菜单
+                loginUser:{},//当前登录用户
+                orgDimObj:{},//组织维度
+                allMenuObj:{},//所有菜单信息
+                menuOptPowerTree:{},//菜单拥有的操作权限（树数据）
+                menuDataPowerTree:{},//菜单拥有的数据权限（树数据）
+                menuOptPower:{},//菜单拥有的操作权限（最底层数据）
+                menuDataPower:{},//菜单拥有的数据权限（最底层数据）
+                defaultProps:{"children":"children","label":"menuName"},//树数据显示配置
+                filterMenu:"",//搜索菜单的参数
+                showMenuTree:false,
+                showMenuTreeShow:true,//用于控制树生成后数据还未加载完成页面不显示
+                initCheck:{initCheck:""},
+                oldChecked:[],
+                oldData:{},
+                oldDataArray:[],
+                paramSetting:{"id":"id","pId":"parentId","children":"children"},
+                checkedArr:[],//选中模块（树数据）
+                checkedObj:{},//选中对象数组（树数据）
+                isChange:false,
+                cdssBak:"",//记录上一个cdss
+
+                tenantCdss:'', //租户维度
+            }
+        },
+        watch:{
+            roleId(){
+                this.getCheckedData();
+                this.initTreeData();
+            }
+        },
+        created(){
+            this.getCheckedData().then(checkedPower => {
+                this.initTreeData(checkedPower);      
+            })
+        },
+        methods:{
+            /**
+             * 获取需默认勾取的菜单
+             */
+            getCheckedData(){
+                return new Promise(resolve => {
+                    this.oldChecked = [];
+                    let param = {roleId:this.roleId || "$$$$",type:"menu"};
+                    if(this.isAllocate){
+                        param["allocateMenu"] = "1";
+                    }
+                    this.axios.post(this.api.roleMenuOpt.find,param).then(res => {
+                        let checkedPower = {};
+                        if(res && res.data){
+                            res.data.forEach(item => {
+                                this.oldChecked.push(item.menuId);
+                                this.oldData[item.menuId] = item.id;
+                                checkedPower[item.menuId] = item;
+                            });
+                            this.$set(this.initCheck,"initCheck",this.oldChecked);
+                        }
+                        resolve(checkedPower);
+                    })
+                })
+            },
+            /**
+             * 获取树数据
+             */
+            async initTreeData(checkedPower){
+                this.$emit("setMenuLoading",true);
+                //获取当前登录用户信息
+                this.loginUser = this.USER_GLOBAL.getLoginUser() || {};
+                let caseSup = this.loginUser.userType == "sup";
+                //组织维度
+                await this.getOrgDim();
+                //可分配菜单
+                let menuRes = await this.axios.post(this.api.auth.getCommonUserAllocateMenu);
+                if(menuRes && menuRes.data){
+                    let data = menuRes.data || [];
+                   //菜单归属
+                   let cdssArr = [];
+                   let parentTree = "";
+                   let menuIdMap = {};
+                   data.forEach(menu => {
+                       parentTree += "," + menu.menuPath;
+                       let menuId = menu.id;
+                       menuIdMap[menuId] = menu;
+                       //记录菜单归属
+                       if(menu.cdss && cdssArr.indexOf(menu.cdss) == -1 && this.orgDimObj.hasOwnProperty(menu.cdss)){
+                               cdssArr.push(menu.cdss);
+                       }
+                       //保存菜单信息
+                       this.allMenuObj[menuId] = menu;
+                       //开发者拥有菜单所有的操作权限和数据权限，授权用户拥有被下发的操作权限和数据权限
+                       if(caseSup){
+                           //菜单操作权限
+                           if(menu.operatePermis){
+                               //可操作的操作权限权限
+                               this.menuOptPower[menuId] = menu.operatePermis.split(",");
+                               this.menuOptPowerTree[menuId] = this.COMMON_FUNC.buildElTree(menu.optAllPower || [],this.paramSetting);
+                               //勾选的操作权限，未配置的默认全选
+                               if(this.oldChecked.indexOf(menuId) > -1){
+                                   let optPower = (checkedPower[menuId] || {}).optPower;
+                                   let optArr = optPower ? optPower.split(",") : [];
+                                   this.checkMenuOptPower[menuId] = optArr;
+                               }else{
+                                   this.checkMenuOptPower[menuId] = menu.operatePermis.split(",");
+                               }
+                           }
+                           //菜单数据权限
+                           if(menu.dataPermis){
+                               //可操作的数据权限
+                               this.menuDataPower[menuId] = menu.dataPermis.split(",");
+                               this.menuDataPowerTree[menuId] = this.COMMON_FUNC.buildElTree(menu.dataAllPower || [],this.paramSetting);
+                               //勾选的数据权限，未配置的默认全选
+                               if(this.oldChecked.indexOf(menuId) > -1){
+                                   let dataPower = (checkedPower[menuId] || {}).dataPower;
+                                   let dataArr = dataPower ? dataPower.split(",") : [];
+                                   this.checkMenuDataPower[menuId] = dataArr;
+                               }else{
+                                   this.checkMenuDataPower[menuId] = menu.dataPermis.split(",");
+                               }
+                           }
+                       }else{
+                           if(menu.optPower){
+                               //可操作的操作权限权限
+                               this.menuOptPower[menuId] = menu.optPower.split(",");
+                               this.menuOptPowerTree[menuId] = this.COMMON_FUNC.buildElTree(menu.optAllPower || [],this.paramSetting);
+                               if (this.oldChecked.indexOf(menuId) > -1){
+                                   let optPower = (checkedPower[menuId] || {}).optPower;
+                                   let optArr = optPower ? optPower.split(",") : [];
+                                   this.checkMenuOptPower[menuId] = optArr;
+                               }else{
+                                   this.checkMenuOptPower[menuId] = menu.optPower.split(",");
+                               }
+                           }
+                           if(menu.dataPower){
+                               //可操作的数据权限权限
+                               this.menuDataPower[menuId] = menu.dataPower.split(",");
+                               this.menuDataPowerTree[menuId] = this.COMMON_FUNC.buildElTree(menu.dataAllPower || [],this.paramSetting);
+                               if (this.oldChecked.indexOf(menuId) > -1){
+                                   let dataPower = (checkedPower[menuId] || {}).dataPower;
+                                   let dataArr = dataPower ? dataPower.split(",") : [];
+                                   this.checkMenuDataPower[menuId] = dataArr;
+                               }else{
+                                   this.checkMenuDataPower[menuId] = menu.dataPower.split(",");
+                               }
+                           }
+                       }
+                   });
+                   this.initCheckedObj();
+                   this.cdssArr = cdssArr;
+                   if(this.cdssArr && this.cdssArr.length > 0){
+                       this.cdss = this.cdssArr[0];
+                   }
+                   this.menuDatas = data;
+                   this.dealTreeData();
+                   this.$emit("setMenuLoading",false);
+                }else{
+                    this.$emit("setMenuLoading",false);
+                }
+            },
+
+            /**
+             * 整理树数据
+             */
+            dealTreeData(){
+                let vm=this;
+                this.showMenuTree= false;
+                let data = JSON.parse(JSON.stringify(this.menuDatas));
+                this.menuShowDatas = data.filter(each => {
+                    if (each["cdss"] == this.cdss) {
+                        return true;
+                    }
+                });
+                this.$nextTick(() => {
+                    vm.showMenuTree = true;
+                    vm.showMenuTreeShow=false;
+                });
+            },
+            initCallBack(treeVm){
+                let vm=this;
+                if(vm.isChange){
+                    // 置空选项
+                    vm.$refs.menuTree.setTreeCheckedKeys([],true);
+                }else{ //没切换选项就不走
+                    vm.showMenuTreeShow=true;
+                    return ;
+                }
+                if(vm.checkedArr && Object.keys(vm.checkedObj).length>0){
+                    //用于切换选项卡 记录之前的选项
+                    let arr=[];
+                    Object.keys(vm.checkedObj).forEach(item=>{
+                        arr=arr.concat(vm.checkedObj[item]);
+                    });
+                    if(arr.length>0){
+                        vm.$refs.menuTree.setTreeCheckedKeys(arr,false,true);
+                    }
+                    vm.showMenuTreeShow=true;
+                }else{
+                    vm.$refs.menuTree.setTreeCheckedKeys([],true);
+                }
+                vm.showMenuTreeShow=true;
+            },
+            /**
+             * 获取组织维度
+             * @returns {Promise<void>}
+             */
+            async getOrgDim(){
+                this.orgDimObj=[];
+                let orgDimRes = await this.axios(this.api.sysOrgDimension.find,{isUse:"1"});
+                if(orgDimRes && orgDimRes.data){
+                    orgDimRes.data.forEach(orgDim => {
+                        if(orgDim.dimSpec){
+                            let dimSpecObj = JSON.parse(orgDim.dimSpec);
+                            if(dimSpecObj.hasOwnProperty("menuLocalName")&&(this.roleType==orgDim.id||this.loginUser.userType=="sup")){
+                                this.orgDimObj[orgDim.id] = dimSpecObj["menuLocalName"];
+                            }
+                        }
+                    });
+                }
+                this.orgDimObj["sys"] = "系统";
+            },
+
+            /**
+             * 菜单归属change事件
+             */
+            changeCdss(){
+                this.isChange=true;
+                this.checkedArr = this.$refs.menuTree.$refs.elTree.getCheckedNodes();
+                this.checkedObj[this.cdssBak]=[];
+                this.checkedObj[this.cdssBak] = this.checkedArr;
+                this.cdssBak=JSON.parse(JSON.stringify(this.cdss));
+                this.dealTreeData();
+            },
+
+
+            /**
+             * 树节点点击事件
+             */
+            nodeClick(data,node){
+                this.$emit("setMenuPower",this.menuOptPower[data.id],this.menuDataPower[data.id],
+                    this.menuOptPowerTree[data.id],this.menuDataPowerTree[data.id]);
+                this.$emit("setCurrentMenuNode",data);
+            },
+
+            /**
+             *
+             */
+            getCheckData(){
+                let checkedArr = this.$refs.menuTree.$refs.elTree.getCheckedNodes();
+                if(checkedArr.length > 0){
+                    this.checkedArr = this.checkedArr.concat(this.$refs.menuTree.$refs.elTree.getCheckedNodes());
+                }
+                return this.checkedArr;
+                // return this.$refs.menuTree.$refs.elTree.getCheckedNodes();
+            },
+
+            renderContent(h, {node, data, store}) {
+                return (
+                    <span class={node.level == 1 ? 'model-color':''} style={node.level == 1 ? 'letter-spacing:1px':''}>
+                    <i class={data.className}></i>
+                    <span style={node.level == 2 ? 'font-weight:bold':""}>{node.label}</span>
+                    </span>
+            );
+            },
+            initCheckedObj(){
+                this.axios.post(this.api.menu.findByIds,{"ids":this.oldChecked.join(",")}).then(res=>{
+                    if(res.data){
+                        this.oldDataArray=res.data || [];
+                        this.oldDataArray.forEach(item=>{
+                            if(!this.checkedObj[item.cdss]){
+                                this.checkedObj[item.cdss]=[];
+                            }
+                            this.checkedObj[item.cdss].push(item);
+                        })
+                    }
+                    this.cdssBak=JSON.parse(JSON.stringify(this.cdss));
+                })
+            },
+        }
+    }
+</script>
+
+<style scoped>
+    /* 滚动条宽度 */
+    ::-webkit-scrollbar {
+        width: 5px;
+    }
+
+    /* 滚动槽 */
+    ::-webkit-scrollbar-track {
+        background: none;
+    }
+
+    /* 滚动条滑块 */
+    ::-webkit-scrollbar-thumb {
+        background-color: #a9a9a9;
+        border-radius: 3px;
+    }
+</style>

package/src/views/role/commonRole/compoment/authLinkMenuTree.vue

@@ -0,0 +1,55 @@
+<template>
+    <div style="width: 100%;height: 100%;">
+        <el-input v-model="filterLinkMenu" size="small" prefix-icon="el-icon-search" style="margin-bottom: 5px" placeholder="输入关键字过滤"></el-input>
+        <div style="width: 100%;height: 100%;overflow-y: auto">
+            <common-tree
+                    :root-datas="linkMenuRootDatas" v-if="showAuthTree"
+                    :default-props="defaultLinkProps" :filter-text="filterLinkMenu" :init-check="authLinkInitCheck"
+                    ref="authMenuRef" :default-expand-all=true
+                    :node-click-and-check=true>
+            </common-tree>
+        </div>
+
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "authLinkMenuTree",
+        props:{
+
+        },
+        data(){
+            return {
+                loginUser:{},
+                filterLinkMenu:"",
+                defaultMenu:[
+                    {id:"normalUser",menuName:"普通用户管理",menuUrl:"/commonHome/userManage/ent",parentId:"-1"},
+                    {id:"empowerUser",menuName:"授权用户管理",menuUrl:"/commonHome/empowerUserList",parentId:"-1"},
+                    {id:"sysOrg",menuName:"组织岗位管理",menuUrl:"/commonHome/sysOrgTree",parentId:"-1"},
+                    {id:"sysRole",menuName:"角色权限管理",menuUrl:"/commonHome/role",parentId:"-1"}
+                ],
+                linkMenuRootDatas:[
+
+                ], // 关联菜单的树数据
+                showAuthTree:false, // 权限关联菜单树是否显示
+                defaultLinkProps:{"children":"children","label":"menuName"},
+                authLinkInitCheck:{}, // 关联菜单初始化选中
+            }
+        },
+        created(){
+            this.initTreeData();
+        },
+        methods:{
+            async initTreeData(){
+                this.loginUser = this.USER_GLOBAL.getLoginUser() || {};
+                this.linkMenuRootDatas = this.defaultMenu;
+                this.showAuthTree = true;
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

package/src/views/role/commonRole/compoment/authSettingNew.vue

@@ -0,0 +1,190 @@
+<template>
+    <el-container style="height: 100%;width: 100%;background-color: white;">
+        <el-tabs v-model="activeName" class="link-tabs">
+            <el-tab-pane label="菜单设置" name="1">
+                <el-container class="tab-contain" v-loading="loading" element-loading-text="加载中">
+                    <el-header class="tab-header" style="height: 50px">
+                        可分配菜单
+                    </el-header>
+                    <el-main style="padding: 5px;height: 100%">
+                        <div class="aside-tree">
+                            <role-menu-setting
+                                    ref="menuRef"
+                                    :role-id="roleId"
+                                    :check-menu-opt-power="checkMenuOptPower"
+                                    :check-menu-data-power="checkMenuDataPower"
+                                    @setMenuPower="setMenuPower"
+                                    @setMenuLoading="setMenuLoading"
+                                    @setCurrentMenuNode="setCurrentMenuNode">
+                            </role-menu-setting>
+                        </div>
+                        <div class="opt-div-class">
+                            <role-menu-power-setting
+                                    v-if="refreshMenuPower"
+                                    :opt-power="menuOptPower"
+                                    :data-power="menuDataPower"
+                                    :check-opt-power="checkMenuOptPower"
+                                    :check-data-power="checkMenuDataPower"
+                                    :current-click-node="currentClickMenuNode">
+                            </role-menu-power-setting>
+                        </div>
+                    </el-main>
+                </el-container>
+                <el-container class="link-contain">
+                    <el-header class="link-header" style="height:50px">
+                        关联菜单
+                    </el-header>
+                    <el-main style="padding: 5px;overflow:hidden">
+                        <auth-link-menu-tree></auth-link-menu-tree>
+                        <!--<el-input v-model="filterLinkMenu" size="small" prefix-icon="el-icon-search" style="margin-bottom: 5px" placeholder="输入关键字过滤"></el-input>
+                        <common-tree
+                                :root-datas="linkMenuRootDatas" v-if="showAuthTree"
+                                parent-id="menuSjbh" :default-props="defaultLinkProps" :filter-text="filterLinkMenu" :init-check="authLinkInitCheck"
+                                ref="authMenuRef" :default-expand-all=true
+                                :node-click-and-check=true>
+                        </common-tree>-->
+                    </el-main>
+                </el-container>
+            </el-tab-pane>
+        </el-tabs>
+    </el-container>
+</template>
+
+<script>
+    import RoleMenuSetting from "./roleMenuSetting";
+    import RoleMenuPowerSetting from "./roleMenuPowerSetting";
+    import AuthLinkMenuTree from "./authLinkMenuTree";
+    export default {
+        name: "authSettingNew",
+        components: {AuthLinkMenuTree, RoleMenuPowerSetting, RoleMenuSetting},
+        props:{
+            roleId:{type:String,default:""},//角色权限id
+            // roleType:{type:String,default:""},//角色类型
+        },
+        data(){
+            return {
+                activeName:"1",
+                loading:false,
+                menuOptPower:[],//菜单操作权限
+                menuDataPower:[],//菜单数据权限
+                checkMenuOptPower:{},//勾选的菜单操作权限
+                checkMenuDataPower:{},//勾选的菜单数据权限
+                refreshMenuPower:true,
+                currentClickMenuNode:{},//当前点击的菜单节点
+                showPosUser:false,
+                /*filterLinkMenu:"",
+                linkMenuRootDatas:[], // 关联菜单的树数据
+                showAuthTree:false, // 权限关联菜单树是否显示
+                defaultLinkProps:{"children":"children","label":"menuName"},
+                authLinkInitCheck:{}, // 关联菜单初始化选中*/
+            }
+        },
+        methods:{
+            initRoleUserData(){
+                //获取当前登录用户信息
+                this.loginUser = this.USER_GLOBAL.getLoginUser() || {};
+                //用户类型
+                let userType = this.loginUser.userType;
+                //是否是开发者
+                let caseSup = userType == "sup";
+                if(!caseSup){
+                    this.axios.post(this.api.sysOrgPosUser.find,{"userId":vm.loginUser.id}).then(res => {
+                        this.orgTreeIds = res.data[0].orgId;
+                        this.orgDims = res.data[0].orgDim;
+                        this.showPosUser = true;
+                    });
+                }
+                this.showPosUser = true;
+            },
+
+
+            setMenuPower(optPower,dataPower){
+                this.refreshMenuPower = false;
+                this.menuOptPower = optPower || [];
+                this.menuDataPower = dataPower || [];
+                this.$nextTick(() => {
+                    this.refreshMenuPower = true;
+                });
+            },
+
+            setMenuLoading(loading){
+                this.loading = loading;
+            },
+
+            setCurrentMenuNode(node){
+                this.currentClickMenuNode = node;
+            },
+
+        }
+    }
+</script>
+
+<style scoped>
+    .link-tabs {
+        width: 100%;
+        height: calc(100% - 20px);
+    }
+    .link-tabs /deep/ .el-tabs__item{
+        font-size: 16px;
+    }
+
+    .link-tabs /deep/ .el-tabs__nav-scroll{
+        padding: 0 20px;
+    }
+
+    .link-tabs /deep/ .el-tabs__header{
+        margin: 0;
+    }
+
+    .tab-header,.link-header{
+        line-height: 50px;
+        border-bottom: 1px solid #c2c2c2;
+        font-size: 16px;
+        background-color: #E8F1FF;
+    }
+
+    .aside-tree{
+        width:380px;
+        height: calc(100% - 80px);
+        float: left;
+        padding:0 5px;
+        box-sizing: border-box;
+    }
+    .aside-tree /deep/ .model-color span{
+        font-size: 16px;
+    }
+
+    .aside-tree /deep/ .el-tree > .el-tree-node > .el-tree-node__content{  /* 选中第一级菜单 */
+        background-color:#1A598A;
+        text-decoration: none;
+        border: 1px silver solid;
+        color:#fff;
+        /*text-align: center;*/
+        height: 35px;
+    }
+
+    .opt-div-class{
+        float: right;
+        width: calc(100% - 380px);
+        box-sizing: border-box;
+        height: 100%;
+        border: 1px solid #ebeef5;
+        border-radius: 4px;
+        padding: 10px 20px;
+    }
+
+    .tab-contain{
+        height: 100%;
+        width: calc(100% - 300px);
+        float: left;
+        box-sizing: border-box;
+    }
+
+    .link-contain{
+        height: 100%;
+        width: 300px;
+        float: right;
+        box-sizing: border-box;
+        border-left: 1px solid #c2c2c2;
+    }
+</style>