sasp-admin 0.2.57

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

@@ -0,0 +1,229 @@
+<template>
+    <el-container style="width: 100%;height: 100%;">
+        <!--<div style="height: auto;width: 100%;">
+            <el-input v-model="filterSource" size="small" prefix-icon="el-icon-search" placeholder="输入关键字过滤"></el-input>
+        </div>-->
+        <div style="width: 100%;height: 100%;overflow-y: auto">
+            <common-tree
+                    ref="sourceTree"
+                    v-if="showSourceMenu"
+                    :format-datas="sourceData"
+                    nodekey="key"
+                    :default-props="defaultProps"
+                    :filter-text="filterSource"
+                    :default-expand-all="true"
+                    :expand-onclick-node="false"
+                    :node-click="nodeClick"
+                    :init-check="initCheck">
+            </common-tree>
+        </div>
+
+    </el-container>
+</template>
+
+<script>
+    export default {
+        name: "roleSourceSetting",
+        props:{
+            roleId:{type:String,default:""},//角色权限id
+            checkSourceOptPower:{type:Object,default:() => {return {};}},//勾选的资源操作权限
+            checkSourceDataPower:{type:Object,default:() => {return {};}}//勾选的资源数据权限
+        },
+        data(){
+            return {
+                showSourceMenu:false,
+                sourceData:[],
+                defaultProps:{"children":"children","label":"name"},//树数据显示配置
+                filterSource:"",
+                rsourceName:{"form":"智能建表","singleForm":"单表表单","flow":"工作流","cview":"复合视图","sysFea":"自定义功能",
+                    "sysFun":"系统功能","url":"url资源","statRep":"统计报表"},
+                optPower:{},
+                dataPower:{},
+                sourceOptPowerTree:[],//资源操作权限（树数据）
+                sourceDataPowerTree:[],//资源数据权限（树数据）
+                savedOptPower:{},
+                savedDataPower:{},
+                initCheck:{initCheck:""},
+                oldChecked:[],
+                oldData:{},
+            }
+        },
+
+        watch:{
+            roleId(){
+                this.initTreeData();
+            }
+        },
+        created(){
+            // this.getCheckedData();
+            this.initTreeData();
+        },
+        mounted(){
+            // this.getCheckedData();
+        },
+        methods:{
+            /**
+             * 获取需默认勾取的菜单
+             */
+            async getCheckedData(roleId){
+                this.oldChecked = [];
+                let res = await this.axios.post(this.api.roleMenuOpt.find, {roleId:roleId,type:"source"});
+                if(res && res.data){
+                    res.data.forEach(item => {
+                        this.oldChecked.push(item.menuId);
+                        this.oldData[item.menuId] = item.id;
+
+                        if(item.optPower){
+                            this.savedOptPower[item.menuId] = item.optPower.split(",");
+                        }
+                        if(item.dataPower){
+                            this.savedDataPower[item.menuId] = item.dataPower.split(",");
+                        }
+                    });
+                }
+                this.$set(this.initCheck,"initCheck", this.oldChecked);
+            },
+
+            async initTreeData(){
+                this.showSourceMenu = false;
+                this.$emit("setSourceLoading",true);
+                //获取当前登录用户信息
+                this.loginUser = this.USER_GLOBAL.getLoginUser() || {};
+                //用户类型
+                let userType = this.loginUser.userType;
+                //是否是开发者
+                let caseSup = userType == "sup";
+                //如果是开发者，可分配资源是所有，如果是下级授权用户，可分配资源是根据授权id获取
+                let authRoleId = this.roleId;
+                let empowerCheckPower = {};
+                if(!caseSup){
+                    authRoleId = this.loginUser.empowerId || "$$$$";
+                    let powerRes = await this.axios.post(this.api.roleMenuOpt.find,{roleId:this.roleId});
+                    if(powerRes && powerRes.data){
+                        (powerRes.data || []).forEach(item => {
+                            empowerCheckPower[item.menuId] = item;
+                        });
+                    }
+                }
+                this.getCheckedData(authRoleId);
+                let resourceDataArr = [];
+                if(caseSup){
+                    let dataRes = await this.axios.post(this.api.resources.findResources,{rType:"page",rStatus:"1",externalAccess:"1"});
+                    resourceDataArr = (dataRes && dataRes.data && dataRes.data.operateObj) ? dataRes.data.operateObj : [];
+                }else{
+                    let dataRes = await this.axios.post(this.api.roleMenuOpt.findAuthResource,{authRoleId:authRoleId,type:"source"});
+                    resourceDataArr = (dataRes && dataRes.data) ? dataRes.data : [];
+                }
+
+                if(resourceDataArr && resourceDataArr.length > 0){
+                    //最底层数据，key为资源来源+资源分类，value为数组
+                    let baseDataObj = {};
+                    resourceDataArr.forEach(item => {
+                        let rsource = item.rsource;//资源来源
+                        let rclass = item.rclass;//资源分类
+                        //记录同种资源来源和资源分类下的数据
+                        let dataArr = baseDataObj[rsource + "," + rclass] || [];
+                        let obj = {key:item.id,name:item.rname,parentId:rclass};
+                        dataArr.push(obj);
+                        baseDataObj[rsource + "," + rclass] = dataArr;
+                        //记录操作权限
+                        if(item.operatePermisList && item.operatePermisList.length > 0){
+                            //可操作的操作权限
+                            let optArr = item.operatePermisList || [];
+                            let optIdArr = [];
+                            optArr.forEach(opt => {
+                                optIdArr.push(opt.id);
+                            });
+                            this.optPower[item.id] = optIdArr;
+                            this.sourceOptPowerTree[item.id] = this.COMMON_FUNC.buildElTree(optArr,this.paramSetting);
+                            //若该菜单的操作权限已被配置，则取数据库中存的数据，若未被配置，则默认勾选所有
+                            if(this.oldChecked.indexOf(item.id) > -1){
+                                this.checkSourceOptPower[item.id] = this.savedOptPower[item.id];
+                                if(!caseSup && (empowerCheckPower[item.id] || {}).optPower){
+                                    this.checkSourceOptPower[item.id] = (empowerCheckPower[item.id] || {}).optPower.split(",");
+                                }
+                            }else{
+                                this.checkSourceOptPower[item.id] = this.optPower[item.id];
+                            }
+                        }
+                        //记录数据权限
+                        if(item.dataPermisList && item.dataPermisList.length > 0){
+                            //可操作的数据权限
+                            let dataArr = item.dataPermisList || [];
+                            let dataIdArr = [];
+                            dataArr.forEach(data => {
+                                dataIdArr.push(data.id);
+                            });
+                            this.dataPower[item.id] = dataIdArr;
+                            this.sourceDataPowerTree[item.id] = this.COMMON_FUNC.buildElTree(dataArr,this.paramSetting);
+                            //若该菜单的数据权限已被配置，则取数据库中存的数据，若未被配置，则默认勾选所有
+                            if(this.oldChecked.indexOf(item.id) > -1){
+                                this.checkSourceDataPower[item.id] = this.savedDataPower[item.id] ;
+                                if(!caseSup && (empowerCheckPower[item.id] || {}).dataPower){
+                                    this.checkSourceDataPower[item.id] = (empowerCheckPower[item.id] || {}).dataPower.split(",");
+                                }
+                            }else{
+                                this.checkSourceDataPower[item.id] = this.dataPower[item.id];
+                            }
+                        }
+                    });
+                    //中间层数据，key为资源来源
+                    let midDataObj = {};
+                    Object.keys(baseDataObj).forEach(key => {
+                        let rsource = key.split(",")[0];//资源来源
+                        let rclass =  key.split(",")[1];//资源分类
+                        //资源分类下的数据
+                        let midObj = {key:rclass,name:rclass,children:baseDataObj[key],parentId:rsource, disabled: true};
+                        //资源类型下的数据
+                        let dataArr = midDataObj[rsource] || [];
+                        dataArr.push(midObj);
+                        midDataObj[rsource] = dataArr;
+                    });
+                    //最终数据格式
+                    this.sourceData = [];
+                    Object.keys(midDataObj).forEach(key => {
+                        let obj = {key:key,name:this.rsourceName[key],children:midDataObj[key],parentId:"-1", disabled: true};
+                        this.sourceData.push(obj);
+                    });
+                }
+                this.showSourceMenu = true;
+                this.$emit("setSourceLoading",false);
+            },
+
+
+            /**
+             * 整理数据
+             */
+            dealPowerData(dataArr,parentId){
+                dataArr.forEach(item =>{
+                    this.$set(item,'pId',parentId);
+                    if(item["childrens"]){ //
+                        dataArr = item["childrens"];
+                        parentId = item["key"];
+                        this.dealPowerData(dataArr,parentId);
+                    }
+                });
+            },
+
+            /**
+             * 树节点点击事件
+             */
+            nodeClick(data,node){
+                this.$emit("setSourcePower",this.optPower[data.key],this.dataPower[data.key],
+                    this.sourceOptPowerTree[data.key],this.sourceDataPowerTree[data.key]);
+                this.$emit("setCurrentSourceNode",data);
+            },
+
+            /**
+             *
+             */
+            getCheckData(){
+                return this.$refs.sourceTree.$refs.elTree.getCheckedNodes();
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>