sasp-admin 0.2.57

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

@@ -0,0 +1,572 @@
+<template>
+    <el-container style="height: 100%;width: 100%;background-color: white;">
+        <el-tabs v-model="activeName" class="role-menu-contain">
+            <!--关联菜单 start-->
+            <el-tab-pane label="关联菜单" name="1" >
+                <el-container class="comomSettiingStyle" v-loading="menuLoading"  element-loading-text="加载中">
+                    <el-main style="height: 100%;overflow: hidden;padding: 0">
+                        <div class="aside-tree">
+                            <role-menu-setting
+                                    ref="menuRef"
+                                    :role-id="roleId"
+                                    :role-type="roleType"
+                                    :check-menu-opt-power="checkMenuOptPower"
+                                    :check-menu-data-power="checkMenuDataPower"
+                                    :tenant-id="tenantId"
+                                    @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"
+                                     :opt-power-tree="menuOptPowerTree"
+                                     :data-power-tree="menuDataPowerTree"
+                                     :check-opt-power="checkMenuOptPower"
+                                     :check-data-power="checkMenuDataPower"
+                                     :current-click-node="currentClickMenuNode">
+                             </role-menu-power-setting>
+                        </div>
+                    </el-main>
+                </el-container>
+            </el-tab-pane>
+            <!--关联菜单 end-->
+            <!--资源权限 start-->
+            <el-tab-pane label="资源权限" name="2" v-if="!tenantId">
+                <el-container class="comomSettiingStyle" v-loading="sourceLoading"  element-loading-text="加载中">
+                    <el-main style="height: 100%;overflow: hidden;padding: 0">
+                        <div class="aside-tree">
+                            <role-source-setting
+                                    ref="sourceRef"
+                                    :role-id="roleId"
+                                    :check-source-opt-power="checkSourceOptPower"
+                                    :check-source-data-power="checkSourceDataPower"
+                                    @setSourcePower="setSourcePower"
+                                    @setSourceLoading="setSourceLoading"
+                                    @setCurrentSourceNode="setCurrentSourceNode">
+                            </role-source-setting>
+                        </div>
+                        <div class="opt-div-class">
+                            <role-menu-power-setting
+                                    v-if="refreshSourcePower"
+                                    :opt-power="sourceOptPower"
+                                    :data-power="sourceDataPower"
+                                    :opt-power-tree="sourceOptPowerTree"
+                                    :data-power-tree="sourceDataPowerTree"
+                                    :check-opt-power="checkSourceOptPower"
+                                    :check-data-power="checkSourceDataPower"
+                                    :current-click-node="currentClickSourceNode">
+                            </role-menu-power-setting>
+                        </div>
+                    </el-main>
+                </el-container>
+            </el-tab-pane>
+            <!--资源权限 end-->
+            <!--关联人员 start-->
+            <el-tab-pane label="关联人员" name="3">
+                <sys-org-pos-user-select
+                        v-if="showPosUser"
+                        ref="commonUserRef"
+                        :choose-param="{'roleId':roleId}"
+                        :choose-url="api.roleUser.find"
+                        choose-field="userAttach"
+                        choose-field-cascade-data="cascadeData"
+                        :filterUserParam="{'commonUserType':'common' }"
+                        :org-tree-ids="orgTreeIds"
+                        :org-dims="orgDims"
+                        :open-low-level-checkbox="true"
+                        :tenant-id="tenantId"
+                        :tenant-created="tenantCreated"
+                        :pos-enable=true>
+                </sys-org-pos-user-select>
+            </el-tab-pane>
+            <!--关联人员 start-->
+        </el-tabs>
+    </el-container>
+</template>
+
+<script>
+    import RoleMenuSetting from "./roleMenuSetting";
+    import RoleMenuPowerSetting from "./roleMenuPowerSetting";
+    import RoleSourceSetting from "./roleSourceSetting";
+    import SysOrgPosUserSelect from "../../../../components/public/org/sysOrgPosUserSelect";
+    export default {
+        name: "common-setting-new",
+        components: {SysOrgPosUserSelect, RoleSourceSetting, RoleMenuPowerSetting, RoleMenuSetting},
+        props:{
+            roleId:{type:String,default:""},//角色权限id
+            roleType:{type:String,default:""},//角色类型
+            tenantId:{type:String,default:""}, //租户管理员id
+            tenantCreated:{type:String,default:""},//租户创建者id
+        },
+        data(){
+            return {
+                activeName:"1",
+                menuLoading:false, //加载条
+                sourceLoading:false,//资源加载条
+                menuOptPower:[],//菜单操作权限（最底层数据）
+                menuDataPower:[],//菜单数据权限（最底层数据）
+                menuOptPowerTree:[],//菜单操作权限（树数据）
+                menuDataPowerTree:[],//菜单数据权限（树数据）
+                sourceOptPower:[],//资源操作权限
+                sourceDataPower:[],//资源数据权限
+                sourceOptPowerTree:[],//资源操作权限（树数据）
+                sourceDataPowerTree:[],//资源数据权限（树数据）
+                checkMenuOptPower:{},//勾选的菜单操作权限
+                checkMenuDataPower:{},//勾选的菜单数据权限
+                checkSourceOptPower:{},//勾选的资源操作权限
+                checkSourceDataPower:{},//勾选的资源数据权限
+                refreshMenuPower:true,
+                refreshSourcePower:true,
+                currentClickMenuNode:{},//当前点击的菜单节点
+                currentClickSourceNode:{},//当前点击的资源节点
+
+                loginUser:{},
+                orgTreeIds:"",//组织树id
+                showPosUser:false,
+                orgDims:"",
+
+                userMap:{}, // 已选择人员信息的集合
+                userDataMap:{}, //
+                caseDataParentData:{},
+                caseDataMap:{},//保存原开启下级部门权限的所有子数据
+            }
+        },
+        watch:{
+            roleId(){
+                this.initRoleUserData();
+                this.refreshMenuPower = false;
+                this.refreshSourcePower = false;
+                this.showPosUser = false;
+                this.$nextTick(() => {
+                    this.refreshMenuPower = true;
+                    this.refreshSourcePower = true;
+                    this.showPosUser = true;
+                });
+            }
+        },
+        created(){
+            this.initRoleUserData();
+        },
+        methods:{
+            initRoleUserData(){
+                //初始化已选中的 人员、部门、岗位
+                /* 初始化已选择人员信息 */
+                this.axios.post(this.api.roleUser.find,{"roleId":this.roleId}).then(res => {
+                    (res.data||[]).forEach(info => {
+                        if(info.cascadeData == 'true'){
+                            this.caseDataMap[info.userAttach] = info.id;
+                        }else if(info.cascadeData == 'parent'){
+                            //保存原勾选的父菜单(为了方便更新)
+                            this.caseDataParentData[info.userAttach] = info.id; //保存原选中的父级信息
+                        }
+                        else{
+                            this.userMap[info.userAttach] = info.id;
+                            this.userDataMap[info.userAttach] = info;
+                        }
+                    });
+                });
+
+                //获取当前登录用户信息
+                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":this.loginUser.id}).then(res => {
+                        let orgTreeId = ""; // 组织树上级
+                        let dim = ""; // 所在维度
+                        for(let i = 0; i<res.data.length;i++){
+                            if(res.data[i].orgId){
+                                if(!dim){
+                                    dim = res.data[i].orgDim;
+                                }
+                                if(res.data[i].orgDim==dim){
+                                    orgTreeId += ","+res.data[i].orgId;
+                                }
+                            }
+                        }
+                        if(orgTreeId.length>0){
+                            orgTreeId = orgTreeId.substring(1);
+                        }
+                        this.orgTreeIds = orgTreeId;
+                        this.orgDims = dim;
+                        this.showPosUser = true;
+                    });
+                }else{
+                    this.axios.post(this.api.sysOrgDimension.find).then(res =>{
+                        if(res.data){
+                            let arr=[];
+                            (res.data || []).forEach(item =>{
+                                arr.push(item.id)
+                            })
+                            if(arr.join(",").indexOf(this.roleType) > -1){
+                                this.orgDims = this.roleType;
+                            }else{
+                                this.orgDims = arr.join(",");
+                            }
+                        }
+                        this.showPosUser = true;
+                    })
+                }
+            },
+
+
+            setMenuPower(optPower,dataPower,optPowerTree,dataPowerTree){
+                this.refreshMenuPower = false;
+                this.menuOptPower = optPower || [];
+                this.menuDataPower = dataPower || [];
+                this.menuOptPowerTree = optPowerTree || [];
+                this.menuDataPowerTree = dataPowerTree || [];
+                this.$nextTick(() => {
+                    this.refreshMenuPower = true;
+                });
+            },
+
+            setSourcePower(optPower,dataPower,optPowerTree,dataPowerTree){
+                this.refreshSourcePower = false;
+                this.sourceOptPower = optPower || [];
+                this.sourceDataPower = dataPower || [];
+                this.sourceOptPowerTree = optPowerTree || [];
+                this.sourceDataPowerTree = dataPowerTree || [];
+                this.$nextTick(() => {
+                    this.refreshSourcePower = true;
+                });
+            },
+
+            setMenuLoading(loading){
+                this.menuLoading = loading;
+            },
+
+            setSourceLoading(loading){
+                this.sourceLoading = loading;
+            },
+
+            setCurrentMenuNode(node){
+                this.currentClickMenuNode = node;
+            },
+
+            setCurrentSourceNode(node){
+                this.currentClickSourceNode = node;
+            },
+
+            async saveData(){
+                let updateMenu = [];//修改
+                let addMenu = [];//新增
+                let deleteMenu = [];//删除
+                let updateMenuId = [];//修改id
+                let oldCheckMenu = this.$refs.menuRef.oldChecked || [];
+                let oldCheckMenuObj = this.$refs.menuRef.oldData || {};
+                let checkMenuData = this.$refs.menuRef.getCheckData() || [];
+                if(!this.$refs.menuRef.isChange){//判断有没有切换过页面，没有则重新赋值未加载的页面数据
+                    let oldDataArray=this.$refs.menuRef.oldDataArray;
+                    let cdss=this.$refs.menuRef.cdss;
+                    oldDataArray.forEach(item=>{
+                        if(item.cdss != cdss){
+                            checkMenuData.push(item);
+                        }
+                    })
+                }
+                checkMenuData.forEach(item => {
+                    //数据
+                    let optPower = "";
+                    if(this.checkMenuOptPower[item.id]){
+                        optPower = this.checkMenuOptPower[item.id].join(",");
+                    }
+                    let dataPower = "";
+                    if(this.checkMenuDataPower[item.id]){
+                        dataPower = this.checkMenuDataPower[item.id].join(",");
+                    }
+                    let obj = {roleId:this.roleId,menuId:item.id,optPower:optPower, dataPower:dataPower,type:"menu"};
+                    if(oldCheckMenu.indexOf(item.id) > -1){//修改
+                        obj.id = oldCheckMenuObj[item.id];
+                        updateMenu.push(obj);
+                        updateMenuId.push(item.id);
+                    }else if(oldCheckMenu.indexOf(item.id) == -1){//新增
+                        addMenu.push(obj);
+                    }
+                });
+                //删除
+                oldCheckMenu.forEach(item => {
+                   if(updateMenuId.indexOf(item) == -1){
+                       deleteMenu.push(oldCheckMenuObj[item]);
+                   }
+                });
+
+                let updateSource = [];
+                let addSource = [];
+                let deleteSource = [];
+                let updateSourceId = [];
+                let oldCheckSource =[];
+                let oldCheckSourceObj = {};
+                let checkSourceData = [];
+                if(this.$refs.sourceRef){
+                    oldCheckSource = this.$refs.sourceRef.oldChecked || [];
+                    oldCheckSourceObj = this.$refs.sourceRef.oldData || {};
+                    checkSourceData = this.$refs.sourceRef.getCheckData() || [];
+                }
+                checkSourceData.forEach(item => {
+                    //数据
+                    let optPower = "";
+                    if(this.checkSourceOptPower[item.id]){
+                        optPower = this.checkSourceOptPower[item.id].join(",");
+                    }
+                    let dataPower = "";
+                    if(this.checkSourceDataPower[item.id]){
+                        dataPower = this.checkSourceDataPower[item.id].join(",");
+                    }
+                    let obj = {roleId:this.roleId,menuId:item.key,optPower:optPower, dataPower:dataPower,type:"source"};
+                    if(oldCheckSource.indexOf(item.key) > -1){//修改
+                        obj.id = oldCheckSourceObj[item.key];
+                        updateSource.push(obj);
+                        updateSourceId.push(item.key);
+                    }else if(oldCheckSource.indexOf(item.key) == -1){//新增
+                        addSource.push(obj);
+                    }
+                });
+                //删除
+                oldCheckSource.forEach(item => {
+                    if(updateSourceId.indexOf(item) == -1){
+                        deleteSource.push(oldCheckSourceObj[item]);
+                    }
+                });
+                let paramObj = {
+                    roleId:this.roleId,
+                    addMenu:JSON.stringify(addMenu),
+                    updateMenu:JSON.stringify(updateMenu),
+                    deleteMenu:deleteMenu.join(","),
+                    addSource:JSON.stringify(addSource),
+                    updateSource:JSON.stringify(updateSource),
+                    deleteSource:deleteSource.join(",")
+                };
+                await this.saveOrgPosUser();
+                let res = await this.axios.post(this.api.roleMenuOpt.saveData,paramObj);
+                if(res && res.data && res.data.operateSuccess){
+                    this.$message({type: "success", message: "保存成功！"});
+                }else{
+                    this.$message({type: "success", message: "保存失败！"});
+                }
+            },
+
+            //保存关联人员、组织、岗位
+            async saveOrgPosUser(){
+                let vm = this;
+                if (!vm.$refs.commonUserRef) {
+                    return;
+                }
+                let resultArr = [];
+                let levelChildrenOrgArr = []; //保存所有勾选的父级
+                let levelParentOrgArr = []; // 所有的父级数据
+                let typeArr = ["user","org","pos"];
+                typeArr.forEach(type=>{
+                    let arr = vm.$refs.commonUserRef.getCheckedInfo(type);
+                    arr.forEach(function (data) {
+                        data["roleType"] = type; // 设置角色类型
+                    });
+                    resultArr = resultArr.concat(arr);
+                });
+                let levelOrg = vm.$refs.commonUserRef.getCheckedInfo("levelOrg");
+                levelParentOrgArr = levelOrg[0]; // levelParentOrg
+                // levelChildrenOrgArr = levelOrg[1]; // levelChildrenOrg
+                // let levelChildrenOrgIds = []; // 级联隐藏数据id
+                let parentOrgIdArr = []; // 当前选中的父级数据的Ids
+                levelParentOrgArr.forEach(item => {
+                    item["roleType"] = "levelParentOrg";
+                    parentOrgIdArr.push(item.id);
+                });
+                // levelChildrenOrgArr.forEach(item => {
+                //     item["roleType"] = "levelChildrenOrg";
+                //     levelChildrenOrgIds.push(item.id);
+                // });
+                let newAttachArr = []; // 当前保存的数据归属集合
+                let newMap = {}; // 当前保存的所有数据集合
+
+                resultArr.forEach(data=>{
+                    if(levelParentOrgArr.indexOf(data.id) == -1){
+                        newMap[data.id] = data;
+                        newAttachArr.push(data.id);
+                    }
+                });
+
+                let removeIdArr  = []; // 删除的数据集合
+                let tempAttachArr = []; // 新增的数据集合
+                let removeEmpowerIdUserIdArr = []; // 移除用户时需要将用户的角色关联id去除EmpowerId
+                for(let [key] of Object.entries(vm.userMap)){ // 移除无效的用户归属,userMap用户旧归属合集,新归属不存在则移除
+                    if(newAttachArr.indexOf(key) == -1){
+                        removeIdArr.push(vm.userMap[key]);
+                        removeEmpowerIdUserIdArr.push((vm.userDataMap[key] || {})["userId"]);
+                    }
+                }
+                let tempArr = Object.keys(vm.userMap);
+                for(let [key,val] of Object.entries(newMap)){ // 原归属中已存在的，但当前选择的归属中不存在，则新增
+                    if(tempArr.indexOf(key) == -1 && parentOrgIdArr.indexOf(key) == -1){
+                        tempAttachArr.push(val);
+                    }
+                }
+
+                let addAttachArr = [];
+                let tobj = {"org":"orgId","area":"orgId","ogn":"orgId","dept":"orgId","pos":"posId","user":"userAttach"};
+                let addEmpowerIdUserIdArr = []; // 添加用户时需要将用户的角色关联id加上
+                tempAttachArr.forEach(function (data) {
+                    if(data.roleType != "levelParentOrg" &&data.roleType != "levelChildrenOrg"){
+                        let obj = {};
+                        // 提交只需要几个有效属性,id->userAttach
+                        obj["userAttach"] = data["id"];
+                        if(data.nodeType){
+                            obj[tobj[data.nodeType]] = data["id"];
+                        }
+                        obj["roleType"] = data.roleType;
+                        obj["userId"] = data["userId"];
+                        obj["roleId"] = vm.roleId;
+                        if(data["userId"]){
+                            addEmpowerIdUserIdArr.push(data["userId"]);
+                        }
+                        addAttachArr.push(obj);
+                    }
+                });
+
+
+                let addArr = [];
+                removeEmpowerIdUserIdArr.forEach(id =>{
+                    id && (addArr.push(id));
+                });
+
+                //需要移除的下级部门子数据
+                let removeArrOrg = [];
+                // (Object.keys(vm.caseDataMap) || []).forEach(key => {
+                //     //移除现在取消的组织
+                //     if(levelChildrenOrgIds.indexOf(key) == -1){
+                //         //不存在则需要删除
+                //         removeArrOrg.push(vm.caseDataMap[key]);
+                //     }
+                // });
+                removeIdArr =  removeIdArr.concat(removeArrOrg);
+
+                //需要更新的原父级数据数据
+                //  let updateParentOrgKey = [];
+                let removedateParentOrgKey = [];
+                Object.keys(vm.caseDataParentData).forEach(key => {
+                    if(parentOrgIdArr.indexOf(key) == -1){
+                        removedateParentOrgKey.push(vm.caseDataParentData[key]);
+                    }
+                });
+
+                //保存已经选中的数据
+                let addLevelOrgArr = []; //保存开启上下级组织的信息
+                // levelChildrenOrgArr.forEach(function (data) {
+                //     if(!vm.caseDataMap[data["id"]]){ // 新增
+                //         let obj = {};
+                //         // 提交只需要几个有效属性,
+                //         obj["cascadeData"] = "true"; //这里我只保存已经选中的
+                //         obj["userAttach"] = data["id"];
+                //         if(data.nodeType){
+                //             obj[tobj[data.nodeType]] = data["id"];
+                //         }
+                //         obj["roleType"] = data.roleType;
+                //         obj["userId"] = data["userId"];
+                //         obj["roleId"] = vm.roleId;
+                //         addLevelOrgArr.push(obj);
+                //     }
+                // });
+
+                //保存所有的父级数据(后台直接执行更新方法)
+                let updateLevelParentOrgArr = []; //后台批量更新父级数据
+                levelParentOrgArr.forEach(function (data) {
+                    if(!vm.caseDataParentData[data["id"]]){
+                        let obj = {};
+                        //提交
+                        obj["cascadeData"] = "parent"; // 其中 cascadeData 为 parent 为了 区别子集数据
+                        obj["userAttach"] = data["id"];
+                        if(data.nodeType) {
+                            obj[tobj[data.nodeType]] = data["id"];
+                        }
+                        obj["roleType"] = data.roleType;
+                        obj["userId"] = data["userId"];
+                        obj["roleId"] = vm.roleId;
+                        updateLevelParentOrgArr.push(obj);
+                    }
+                });
+
+                let param = {
+                    roleId:vm.roleId,
+                    userId:vm.loginUser.id,
+                    userList:JSON.stringify(addAttachArr),
+                    removeRoleUserIds:removeIdArr.join(","),
+                    removeEmpowerIdUserIds:addArr.join(","),
+                    addEmpowerIdUserIds:addEmpowerIdUserIdArr.join(","),
+                    leveParentOrgUserList:JSON.stringify(updateLevelParentOrgArr),
+                    removeLevelOrgUserList:removedateParentOrgKey.join(","),
+                    leveOrgUserList:JSON.stringify(addLevelOrgArr)
+                };
+                return await vm.axios.post(vm.api.roleUser.saveData,param);
+            },
+
+        }
+    }
+</script>
+
+<style scoped>
+    .role-menu-contain{
+        width: 100%;
+        height: calc(100% - 20px);
+    }
+
+    .role-menu-contain /deep/ .el-tabs__item{
+        font-size: 16px;
+    }
+
+    .role-menu-contain /deep/ .el-tabs__nav-scroll{
+        padding: 0 20px;
+    }
+
+    .role-menu-contain /deep/ .el-tabs__content{
+        width: 100%;
+        height: calc(100% - 60px);
+    }
+
+    /deep/ .el-tab-pane{
+        height: 100%;
+    }
+
+    .comomSettiingStyle{
+        height: 100%;
+        width: calc(100% - 20px);
+        float: left;
+        box-sizing: border-box;
+        padding-right: 5px
+    }
+    .aside-tree{
+        width:400px;
+        height: calc(100% - 10px);
+        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% - 400px);
+        box-sizing: border-box;
+        height: 100%;
+        border: 1px solid #ebeef5;
+        border-radius: 4px;
+        padding: 10px 20px;
+    }
+</style>