sasp-admin 0.2.57

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

@@ -0,0 +1,1576 @@
+<template>
+    <el-tabs v-model="activeName" class="role-menu-contain"  >
+        <el-tab-pane label="关联菜单" name="1" >
+            <el-container  class="comomSettiingStyle" v-loading="commonLoading"  element-loading-text="加载中">
+                <el-main  style="height: 100%;overflow: hidden;padding: 0px">
+                    <div class="aside-tree" >
+                        <el-select v-model="cdss" @change="cdssChange" style="width: 100%;margin-bottom: 5px">
+                            <el-option v-for="(text,index) in cdssArr" :key="index" :label="dimensionObj[text]" :value="text"></el-option>
+                        </el-select>
+                        <el-input v-model="filterAllowMenu" size="small" prefix-icon="el-icon-search" style="margin-bottom: 5px" placeholder="输入关键字过滤"></el-input>
+                        <div style="height: 100%;width: 100%;overflow-y: auto">
+                            <common-tree parent-id="parentCode"
+                                         :default-props="defaultProps"
+                                         v-if="showAllowMenuTree"
+                                         :renderContentFunc="renderContent"
+                                         :root-datas="rootDatas"
+                                         ref="allowMenuSettingTreeRef"
+                                         :filter-text="filterAllowMenu"
+                                         :refresh-proper="allowMenurefreshProper"
+                                         :expand-onclick-node=false
+                                         :node-click="nodeClick"
+                                         :init-check="initCheck"
+                                         :default-expand-all="true"
+                            >
+                            </common-tree>
+                        </div>
+                    </div>
+
+                    <div class="opt-div-class">
+                        <el-card class="role-menu-opt-card" shadow="never " >
+                            <div slot="header" class="clearfix" style="background-color: #E8F1FF;">
+                                <span><i class="el-icon-document"></i>操作权限配置
+                                    <span style="position: relative;left: 5px;"
+                                          class="clearfix"  v-if="((allSettingObj[currentMenuId] || {})['optArr'] || []).length > 0
+                                                 || ((allSettingObj[currentMenuId] || {})['complexFieldArr'] || []).length > 0">
+                                        (
+                                        <el-checkbox label="全选" v-model="(allSettingObj[currentMenuId] || {})['checkAll']" @change="optAllChange" size="medium"></el-checkbox>
+                                        )
+                                    </span>
+                                </span>
+                            </div>
+                            <el-card class="role-menu-opt-card-card" shadow="never">
+
+                                <div v-if="((allSettingObj[currentMenuId] || {})['optArr'] || []).length == 0
+                                             && ((allSettingObj[currentMenuId] || {})['complexFieldArr'] || []).length == 0" style="text-align: center">无需进行操作权限设置</div>
+                                <div v-else style="text-align: left">
+                                    <div v-for="(item,index) in ((allSettingObj[currentMenuId] || {})['optArr'] || [])"
+                                         :key="index" :class="item.checked?'opt-button-class':'opt-button-no-class'">
+                                        <el-checkbox v-model="item.checked" :label="item.name" @change="operateChange('optArr')">
+                                        </el-checkbox>
+                                    </div>
+                                    <fieldset v-for="(item,index) in ((allSettingObj[currentMenuId] || {})['complexFieldArr'] || [])" :key="index" style="padding: 10px">
+                                        <legend>{{item.legendName}}（ <el-checkbox label="是否启用该标签" v-model="item.legendChecked" @change="operateChange('complexFieldArr')"></el-checkbox> ）</legend>
+                                        <div v-for="(fieldItem,fieldIndex) in (item['buttonArr'] || [])" :key="fieldIndex"
+                                             :class="fieldItem['checked']?'opt-button-class':'opt-button-no-class'">
+                                            <el-checkbox :label="fieldItem['buttonName']" v-model="fieldItem['checked']" @change="operateChange('complexFieldArr')">
+                                            </el-checkbox>
+                                        </div>
+                                        <div v-show="(item['buttonArr'] || []).length == 0" style="text-align: center">无需进行操作权限设置</div>
+                                    </fieldset>
+                                </div>
+
+                            </el-card>
+                        </el-card>
+
+                        <el-card class="role-menu-opt-card" shadow="never" style="margin-top: 5px;">
+                            <div slot="header" class="clearfix" style="background-color: #E8F1FF;">
+                                <span>
+                                    <i class="el-icon-tickets"></i>数据权限配置
+                                         <span style="position: relative;left: 5px;"
+                                               class="clearfix"  v-if="(allSettingObj[currentMenuId] || {})['hasDataOpt']">
+                                              (
+                                            <el-checkbox label="全选" @change="powerChange" v-model="allDataPower" style="margin-right: 0"></el-checkbox>
+                                             )
+                                    </span>
+
+                                </span>
+                            </div>
+
+                            <el-card class="role-menu-opt-card-card" shadow="never">
+                                <div v-if = "!(allSettingObj[currentMenuId] || {})['hasDataOpt']" style="text-align: center">无需进行数据权限设置</div>
+                                <div v-else style="text-align: left" class="data-power-class">
+                                    <div v-show = "(allSettingObj[currentMenuId] || {})['hasDataOpt']">
+                                        <el-button type="primary" icon="el-icon-circle-plus"
+                                                   @click="addSelectUser" size="small">添加</el-button>
+                                        <el-button type="danger" icon="el-icon-remove"
+                                                   @click="removePosUser" size="small">删除</el-button>
+                                        <br>
+
+                                        <div :class="item.checked?'opt-card-class':'opt-card-no-class'" style=""
+                                                 shadow="never" v-for="(item,index) in (allSettingObj[currentMenuId] || {})['chooseDataArr']":key="index "
+                                                  >
+                                            <el-checkbox :label="item.showName" v-model="item.checked" @change="changeDataPower" style="position: relative;"
+                                                         ></el-checkbox>
+                                            <el-tooltip class="item" effect="dark" content="数据权限包含其下级组织" placement="right-start">>
+                                                <el-checkbox type="radio" v-model="item.link" @change="changeDataPower"
+                                                             :disabled="!item.checked" style="float: right;"></el-checkbox>
+                                            </el-tooltip>
+                                        </div>
+                                    </div>
+                                </div>
+                            </el-card>
+
+                        </el-card>
+
+                    </div>
+                </el-main>
+
+                <!--关联人员 选择 -->
+                <el-dialog :close-on-click-modal=false title="人员选择" width="80%" height="90%" top="5vh" :visible.sync="chooseDialogVisible" :modal=false >
+                    <sys-org-pos-user-select
+                                            :default-choose-ids="(allSettingObj[currentMenuId] || {})['chooseIds']"
+                                            :org-dims="orgDims"
+                                             :refresh-proper="refreshUserDialog"
+                                             ref="posUserSelectRef"
+                                            :orgTreeIds="orgTreeIds"
+
+                                >
+                    </sys-org-pos-user-select>
+                    <div slot="footer" class="dialog-footer">
+                        <el-button type="primary" @click="saveSelect()" size="small" icon="el-icon-success">确定</el-button>
+                        <el-button @click="chooseDialogVisible = false" size="small" icon="el-icon-error">取 消</el-button>
+                    </div>
+                </el-dialog>
+
+
+            </el-container>
+
+        </el-tab-pane>
+        <el-tab-pane label="关联人员" name="2" >
+            <sys-org-pos-user-select
+                                    :choose-param="{'roleId':currentRowObj.id}" :refresh-proper="roleSettingDialog"
+                                     :choose-url="api.roleUser.listNoPage"
+                                     choose-field="userAttach"
+                                     choose-field-cascade-data="cascadeData"
+                                     :filterUserParam="{'commonUserType':'common' }"
+                                     ref="staffSetRef"
+                                    :orgTreeIds="orgTreeIds"
+                                    :org-dims="orgDims"
+                                    v-if="showPosUserSelect"
+                                    :open-low-level-checkbox="true"
+            >
+            </sys-org-pos-user-select>
+        </el-tab-pane>
+    </el-tabs>
+
+
+
+
+</template>
+
+<script>
+    import SysOrgPosUserSelect from "../../../../components/public/org/sysOrgPosUserSelect";
+    export default {
+        name: "common-setting",
+        components:{SysOrgPosUserSelect},
+        props:['currentRowObj',"roleSettingDialog","roleType","uuIdkey"],
+        data(){
+            return {
+                commonLoading:false, //加载条
+                defaultProps:{"children":"children","label":"menuShowName"},
+                defaultLinkProps:{"children":"children","label":"menuName"},
+                activeName:"1", // 当前激活的tab页名称
+                roleRequestParam:{}, // 权限
+                filterAllowMenu:"",
+                filterLinkMenu:"",
+                showAuthTree:false, // 权限关联菜单树是否显示
+                linkMenuModel:"$$$$", // 权限关联菜单的数据来源
+                cdssArr:[],
+                cdss:"", // 当前菜单所在的模块
+                lastCdss:"", // 上一次菜单所在的模块
+                allowMenuParam:{},
+                showAllowMenuTree:false,
+                allowMenurefreshProper:"", // 刷新可分配菜单树的办法
+                checkAll:false, //默认全选
+                operateNameMap:{}, // 操作按钮名称代码对应关系
+                complexFieldArr:[],
+                currentMenuId:"", // 当前点击的菜单idvm.rootDatas = arr.concat(data)
+                loginUser:{}, // vm.rootDatas = arr.concat(data)
+                caseSup:false, // 是否是开发者
+                initCheck:{}, // 初始化选中
+                authLinkInitCheck:{}, // 关联菜单初始化选中
+                rootDatas:[], // 可分配菜单的树数据
+                linkMenuRootDatas:[], // 关联菜单的树数据
+                allSettingObj:{}, // 所有按钮配置数据,
+                currentRoleOptAll:{}, // 可分配菜单数据库已选择的Opt数据
+                menuOptAll:{}, // 当前用户拥有的所有操作权限，如果是开发者那么视为所有
+                menuAllBaseInfo:{}, // 菜单对应的基础信息
+                userMap:{}, // 已选择人员信息的集合
+                userDataMap:{}, //
+                openDataPowerDisable:false, //是否启用数据按钮
+                chooseDialogVisible:false, //关联人员弹出窗选择
+                currenTime:"",
+                allDataPower:true, // 全选按钮
+                openOptDataDisable:false, //是否启用按钮
+                seacherRoleId:'', //关联菜单关联的id
+                refreshUserDialog:false, //刷新人员弹窗
+                orgTreeIds:"",
+                operationAddObj:{}, // 增加的操作权限数据
+                operationDeleteObj:{}, // 删除的操作权限数据
+                showPosUserSelect:false,
+                allMenuObj:{}, //所有的菜单数据
+                orgDims:"",
+
+                caseDataParentData:{},
+                levelOrgUserMap:{}, //已选的是否开启上下级
+                levelOrgUserDataMap:{},
+                caseDataMap:{}, //保存原开启下级部门权限的所有子数据
+                caseDataParentMap:{}, //保存所有开启父级部门的数据
+                dimensionObj:{},//存放菜单归属
+                dimensionOrder:{}, // 维度顺序
+            }
+        },
+        watch:{
+            chooseDialogVisible(){
+                if(this.chooseDialogVisible){
+                    this.refreshUserDialog  = true;
+                }else{
+                    this.refreshUserDialog  = false;
+                }
+            },
+            //下拉列表数据值变化(解决页面初次打开时下拉列表默认选中为空问题)
+            cdssArr(){
+                let vm = this;
+               //初始化cdss默认选中值
+                vm.$nextTick(function () {
+                    vm.cdssArr.length > 0 && (vm.cdss = vm.cdssArr[0]) && (vm.lastCdss = vm.cdssArr[0]);
+                });
+            },
+            cdss(){
+                this.dealTreeData();
+                this.allowMenurefreshProper = this.cdss;
+            },
+            roleSettingDialog(){
+                let vm = this;
+                vm.activeName = "1";
+                if(vm.roleSettingDialog){
+                    vm.commonLoading = true;
+                    vm.showAllowMenuTree = false;
+                    vm.$nextTick(function () {
+                        vm.cdssArr.length > 0 && (vm.cdss = vm.cdssArr[0]) && (vm.lastCdss = vm.cdssArr[0]);
+                        vm.init();
+                    });
+                }
+            },
+            uuIdkey(){
+                //清空默认搜索框值
+                let vm = this;
+                vm.filterAllowMenu = "";
+                //关联人员设置处于关闭状态
+                vm.chooseDialogVisible = false;
+                vm.initRootData();
+                vm.activeName = "1";
+                if(vm.roleSettingDialog){
+                    vm.showAllowMenuTree = false;
+                    vm.$nextTick(function () {
+                        vm.cdssArr.length > 0 && (vm.cdss = vm.cdssArr[0]) && (vm.lastCdss = vm.cdssArr[0]);
+                        vm.init();
+                    })
+                }
+                vm.orgDims = vm.roleType;
+            }
+        },
+        created(){
+            let vm = this;
+            //判断当前用户
+            vm.axios.post(vm.api.sysOrgDimension.find).then((res) => {
+                let {data} = res;
+                for (let {dimSpec, id, isUse,sort} of data) {
+                    //判断是否启用和dimSpec是否有值
+                    if (isUse === '1' && dimSpec) {
+                        let dimSpecObj = JSON.parse(dimSpec);
+                        if(dimSpecObj.hasOwnProperty("menuLocalName")&&vm.roleType==id){
+                            vm.dimensionObj[id]=dimSpecObj["menuLocalName"];
+                        }
+                        vm.dimensionOrder[id] = Number(sort || "0");
+                        vm.dimensionOrder["sys"] = 99;
+                    }
+                }
+                vm.dimensionObj["sys"]="系统";
+                vm.axios.post(vm.api.sysUser.getLoginUser).then(res=> {
+                    //获取当前系统登录
+                    vm.loginUser = res.data; // 如果是开发者逻辑与非开发者不同
+                    vm.caseSup = vm.loginUser.userType == "sup"; //判断当前用户时候是开发者
+                    if(vm.caseSup){
+                        vm.showPosUserSelect = true;
+                        vm.orgDims = vm.roleType;
+
+                    }else{
+                        vm.axios.post(vm.api.sysOrgPosUser.find,{"userId":vm.loginUser.id}).then(res => {
+                            vm.orgTreeIds = res.data[0].orgId;
+                            vm.orgDims = res.data[0].orgDim;
+
+                            vm.showPosUserSelect = true;
+                        });
+                    }
+
+                    vm.axios.post(vm.api.menu.find).then(function (res) {
+                        (res.data || []).forEach(item => {
+                            vm.allMenuObj[item.id] = item;
+                        });
+                        vm.initRootData();
+                    });
+                });
+            });
+
+        },
+        methods:{
+            init(){
+                this.commonLoading = true;
+                this.userMap = {};
+                this.userDataMap = {};
+                this.currentRoleOptAll = {};
+                this.allSettingObj = {};
+
+                this.levelOrgUserMap = {};
+                this.levelOrgUserDataMap = {};
+                this.caseDataMap = {};
+                this.caseDataParentData = {};
+
+                this.initAllowTree();
+                this.loadLinkTree();
+            },
+            initAllowTree(){
+                let vm = this;
+                vm.axios.post(vm.api.sysUser.getLoginMenuOptNow).then(resOpt=>{
+                    let sessionOpt = resOpt.data;
+                    let obj = {"caseSup":vm.caseSup};
+                    // 如果是开发者，可分配菜单是所有，如果是下级授权用户，可分配菜单是根据他的授权id获取
+                    let authRoleId = "";
+                    if(vm.caseSup){
+                        authRoleId = vm.currentRowObj.id;
+                    }else{
+                        authRoleId = vm.loginUser.empowerId || "$$$$";
+                    }
+                    obj["authRoleId"] = authRoleId;
+                    obj["menuSfqy"] = "Y";
+                    vm.axios.post("/platMenuController/findAuthMenu",obj).then(function (res) { // 可分配菜单
+                        let cdssArr = [];
+                        (res.data || []).forEach(item=>{
+                            if(item.cdss && cdssArr.indexOf(item.cdss) == -1&&vm.dimensionObj.hasOwnProperty(item.cdss)){
+                                cdssArr.push(item.cdss);
+                            }
+                            vm.menuAllBaseInfo[item["id"]] = item;
+                            if(vm.caseSup){
+                                let result = [];
+                                try{ // json转换异常时，将数据置空，但是不能影响代码的正常运行
+                                    if(item["menuType"].indexOf("复合视图") > -1){
+                                        let opts = JSON.parse(item.menuOpts || "{}");
+                                        for(let [key,value] of Object.entries(opts)){
+                                            result.push("complexTab:" + key);
+                                            Object.keys(value || {}).forEach(buttonKey => {
+                                                if(buttonKey != 'complexViewName'){
+                                                    result.push("complex:" + key + ":" + buttonKey);
+                                                }
+                                            })
+                                        }
+                                        vm.menuOptAll[item.id] = (result || []).join(",");
+                                    }else{
+                                        Object.keys(JSON.parse(item.menuOpts || "{}")).forEach(key => {
+                                            result.push(key);
+                                        });
+                                        vm.menuOptAll[item.id] = result.join(",");
+                                    }
+                                }catch (e) {
+                                    console.log(e);
+                                    console.log("JSON转换异常");
+                                }
+                            }else{
+                                vm.menuOptAll[item.id] = sessionOpt[item.id];
+                            }
+                        });
+                        cdssArr = cdssArr.sort(vm.compareCdss);
+                        vm.cdssArr = cdssArr;
+                        cdssArr.length > 0 && (vm.cdss = cdssArr[0]) && (vm.lastCdss = cdssArr[0]); // 这边菜单所属变化了，触发了
+                        vm.allDatas = res.data;
+                        vm.dealTreeData();
+                        vm.$nextTick(function () {
+                            vm.loadAllowTree(); // 加载可分配菜单已选中信息
+                        });
+                    });
+                });
+            },
+            loadAllowTree(){
+                let vm = this;
+                //初始化已选中的 人员、部门、岗位
+                /* 初始化已选择人员信息 */
+                vm.axios.post(vm.api.roleUser.find,{"roleId":vm.currentRowObj.id}).then(function (res) {
+                    (res.data||[]).forEach(function (info) {
+                        if(info.cascadeData == 'true'){
+                            vm.caseDataMap[info.userAttach] = info.id;
+                        }else if(info.cascadeData == 'parent'){
+                            //保存原勾选的父菜单(为了方便更新)
+                            vm.caseDataParentData[info.userAttach] = info.id; //保存原选中的父级信息
+                        }
+                        else{
+                            vm.userMap[info.userAttach] = info.id;
+                            vm.userDataMap[info.userAttach] = info;
+                        }
+                    });
+                });
+
+
+
+                vm.axios.post(vm.api.roleMenuOpt.find,{"roleId":vm.currentRowObj.id}).then(function (resOpt) {
+                    let arr = [];
+                    resOpt.data.forEach(each=>{
+                        vm.currentRoleOptAll[each.menuId] = {
+                            'id': each.id,
+                            'operation': each.operation,
+                            'enableData': each.enableData,
+                            'enableOperation': true,
+                            'dataPower': each.dataPower,
+                        };
+                        arr.push(each.menuId);
+                    });
+
+                    vm.initCheck["initCheck"] = arr; // 初始化已经选择的关菜单
+                    vm.showAllowMenuTree = true;
+                    vm.commonLoading = false;
+                });
+            },
+            loadLinkTree(){
+                let vm = this;
+                /* 初始化关联菜单选中 */
+                let linkMenu = JSON.parse(vm.currentRowObj.allowAllotMenu || "{}").xz; // 设置已选择
+                vm.authLinkInitCheck["initCheck"] = (linkMenu || "").split(","); //已选择信息
+                vm.showAuthTree = true;
+            },
+
+            //当页面首次初始化时
+            initRootData(){
+                let vm = this;
+                let operateArr = [];
+                vm.cdssArr=[];
+                // 获取代码与按钮名称对应关系(仅初始化一次)
+                vm.axios.post(vm.api.data.findToArray, {'typeId': 'c2a9831b1d464862b35a64b522be064c'}).then(function (res) {
+                    res.data.forEach(function (data) {
+                        vm.operateNameMap[data["dataName"]] = data["dataCode"];
+                        operateArr.push(data["dataCode"]);
+                    });
+                });
+                vm.axios.post(vm.api.param.getSysParams,{"key":"authModel"}).then(res=>{
+                    vm.linkMenuModel = ((res.data || {}).paramVal) || "$$$$";
+                    vm.roleRequestParam["menuModel"] = vm.linkMenuModel; // 权限关联菜单的数据来源
+                    vm.roleRequestParam["menuSfqy"] = "Y";
+                    vm.axios.post("/platMenuController/listNoPage",vm.roleRequestParam).then(resRoleLink=>{
+                        if(vm.caseSup){ // 开发者权限为所有
+                            vm.linkMenuRootDatas = resRoleLink.data;
+                        }else{
+                            //当前用户不是开发者，判断 用户表中 EMPWERID 值 加载已经关联菜单
+                            if(vm.loginUser.empowerId){
+                                vm.axios.post(vm.api.role.getById,{"id":vm.loginUser.empowerId}).then(roleRes=>{
+                                    let allowArr = (roleRes.data.allowAllotMenu || "").split(",");
+                                    resRoleLink.data.forEach(each=>{
+                                        if(allowArr.indexOf(each["id"]) > -1){
+                                            vm.linkMenuRootDatas.push(each);
+                                        }
+                                    });
+                                })
+                            }
+                        }
+                    });
+                });
+                vm.initAllowTree();
+            },
+            compareCdss(a,b){
+                let vm = this;
+                return  (vm.dimensionOrder[a] || 0) - (vm.dimensionOrder[b] || 0);
+            },
+            dealTreeData(){
+                let vm = this;
+                let data = JSON.parse(JSON.stringify(vm.allDatas)); // 重新序列化对象
+                let arr = [];
+                let modelArr = [];
+                data = data.filter(each => {
+                    if (each["menuModel"] == vm.linkMenuModel || each["cdss"] != vm.cdss) {
+                        return false;
+                    }
+                    return true;
+                });
+
+                if(vm.caseSup){
+                    data.forEach(function (each) {
+                        each["parentCode"] = each["menuSjbh"];
+                        if(each["menuSjbh"] == '-1'){
+                            each["parentCode"] = each["menuModel"] + "_model";
+                        }
+                        each["menuShowName"] = each["menuName"];
+                        if(modelArr.indexOf(each["menuModel"]) == -1){
+                            modelArr.push(each["menuModel"]);
+                            arr.push({
+                                'id': each.menuModel + "_model",
+                                "menuModel":each.menuModel,
+                                "menuShowName": (each["frontMenuModelName"] || "无") + '(所属模块)',
+                                'order': "1",
+                                'menuLevel': 0,
+                                'menuSjbh': "-2",
+                                'parentCode': "-2",
+                                'menuPath': "-2",
+                                'menuSfqy': "Y"
+                            });
+                        }
+                    });
+                    vm.rootDatas = arr.concat(data);
+                    return true;
+                }
+                let realInfoArr = []; // 实际需要的数据，清除未勾选的数据，但保留已勾选的上级未选中的数据
+                let realInfoIds = [];
+                data.forEach(function (item) {
+                    recursionData(vm.allMenuObj[item.id]);
+                });
+
+                function  recursionData(data) {
+                    if(data){
+                        if(realInfoIds.indexOf(data["id"]) == -1){
+                            realInfoArr.push(data);
+                            realInfoIds.push(data["id"]);
+                        }
+                        recursionData(vm.allMenuObj[data["menuSjbh"]]);
+                    }
+                }
+
+                realInfoArr.forEach(function (each) {
+                    each["parentCode"] = each["menuSjbh"];
+                    if(each["menuSjbh"] == '-1'){
+                        each["parentCode"] = each["menuModel"] + "_model";
+                    }
+                    each["menuShowName"] = each["menuName"];
+                    if(modelArr.indexOf(each["menuModel"]) == -1){
+                        modelArr.push(each["menuModel"]);
+                        arr.push({
+                            'id': each.menuModel + "_model",
+                            "menuModel":each.menuModel,
+                            "menuShowName": (each["frontMenuModelName"] || "无") + '(所属模块)',
+                            'order': "1",
+                            'menuLevel': 0,
+                            'menuSjbh': "-2",
+                            'parentCode':'-2',
+                            'menuPath': "-2",
+                            'menuSfqy': "Y",
+                        });
+                    }
+                });
+                let result = arr.concat(realInfoArr).sort(vm.sortData);
+                vm.rootDatas =  result;
+            },
+            sortData(a,b){ // 数据排序
+                if(a["menuLevel"] == b["menuLevel"]){
+                    return Number(a["menuOrder"]) - Number(b["menuOrder"]);
+                }else{
+                    return Number(a["menuLevel"]) - Number(b["menuLevel"]);
+                }
+            },
+
+            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>
+                );
+            },
+
+            nodeClick(data,node){
+                let vm = this;
+                if (node.level === 1) { // 第一级数据
+                    node.expanded = !node.expanded;
+                    return;
+                }
+                let arr = ["openOptDataDisable","openDataPowerDisable","hasDataOpt","hasDataOpt"];
+                arr.forEach(function (each) {
+                    vm[each] = false; // 将所有权限先初始化
+                });
+                //初始化操作权限
+                vm.currentMenuId = data.id; // 当前操作的菜单id
+                let collectObj = {}; // 收集当前配置，
+                vm.dataSetting(data,collectObj);
+
+                vm.operateSetting(data,collectObj);
+
+                vm.allSettingObj[data.id] = collectObj;
+            },
+
+
+            dataSetting(data,collectObj){ // 数据权限设置
+                let vm = this;
+                let settingObj = vm.allSettingObj[data.id] || vm.currentRoleOptAll[data.id] || {}; // 当前的数据配置
+                if(settingObj["enableData"] && settingObj["enableData"] != "false"){
+                    collectObj["enableData"] = true;
+                }
+                let chooseDataArr = [];
+                let menuType = data.menuType;
+                switch (menuType){
+                    case "系统功能":
+                    case "自定义功能菜单":
+                        if(!data.ifhasdataopt){
+                            break;
+                        }
+                    case "自定义表单":
+                    case "自定义表单-VUE":
+                    case "统计报表":
+                    case "复合视图":
+                    case "复合视图-VUE":
+                        collectObj["hasDataOpt"] = true;
+                        collectObj["dataPower"] = (settingObj["dataPower"] || "");
+                        let chooseIdsArr = [];
+                        let dataPowerArr = (settingObj["dataPower"]||"").split(",");
+                        let nameObj = {"org":"组织","pos":"岗位","user":"用户"};
+                        dataPowerArr.forEach(function (each) {
+                            if(each){
+                                let obj = {};
+                                let arr = (each || "").split(":");
+                                obj["name"] = arr[0];obj["dataId"] = arr[1];
+                                obj["type"] = arr[2];
+                                if(arr[3] && arr[3] != "false"){
+                                    obj["link"] = true;
+                                }else{
+                                    obj["link"] = false;
+                                }
+                                obj["checked"] = true;
+                                obj["showName"] = "[" + nameObj[arr[2]] + "]" + arr[0];
+                                if(arr[0].indexOf("-") > -1){
+                                    let tempArr = arr[0].split("-");
+                                    obj["showName"] = "[" + nameObj[arr[2]] + "]" + tempArr[tempArr.length - 1];
+                                }
+                                if(obj["showName"].length>11){
+                                    obj["showName"] = obj["showName"].substring(0,11) + "...";
+                                }
+                                chooseIdsArr.push(obj["dataId"]);
+                                chooseDataArr.push(obj);
+                            }
+                        });
+                        collectObj["chooseDataArr"] = chooseDataArr;
+                        collectObj["chooseIds"] = chooseIdsArr.join(",");
+                        break;
+                    default:
+                        break;
+                }
+            },
+
+            optAllChange(checked){ // 全选
+                let vm = this;
+                vm.optArr.forEach(function (each) {
+                    each["checked"] = checked;
+                });
+                vm.complexFieldArr.forEach(function (each) {
+                    each["legendChecked"] = checked;
+                    (each["buttonArr"] || []).forEach(function (button) {
+                        button["checked"] = checked;
+                    })
+                });
+                if(vm.optArr.length > 0){
+                    vm.operateChange("optArr");
+                }
+                if(vm.complexFieldArr.length > 0){
+                    vm.operateChange("complexFieldArr");
+                }
+            },
+            optChange(checked){
+                let vm = this;
+                vm.optArr.forEach(function (each) {
+                    each["checked"] = checked;
+                });
+                vm.complexFieldArr.forEach(function (each) {
+                    each["legendChecked"] = checked;
+                    (each["buttonArr"] || []).forEach(function (button) {
+                        button["checked"] = checked;
+                    })
+                });
+                if(vm.optArr.length > 0){
+                    vm.operateChange("optArr");
+                }
+                if(vm.complexFieldArr.length > 0){
+                    vm.operateChange("complexFieldArr");
+                }
+            },
+            operateChange(type){ // 操作权限变更
+                let vm = this;
+                let CheckedArr = [];
+                if(type == "optArr"){
+                    let arr = vm.allSettingObj[vm.currentMenuId]['optArr'] || [];
+                    arr.forEach(function (each) {
+                        each["checked"] && CheckedArr.push(each["value"]);
+                    })
+                }
+                if(type == "complexFieldArr"){
+                    let arr = vm.allSettingObj[vm.currentMenuId]['complexFieldArr'] || [];
+                    arr.forEach(function (each) {
+                        each["legendChecked"] && CheckedArr.push(each["legendValue"]);
+                        (each["buttonArr"] || []).forEach(function (button) {
+                            button["checked"] && CheckedArr.push(button["value"]);
+                        })
+                    })
+                }
+                vm.comPareOperation(CheckedArr);
+                vm.allSettingObj[vm.currentMenuId]['operation'] = CheckedArr.join(",");
+                vm.$forceUpdate();
+            },
+            comPareOperation(checkedArr){ // 比对当前选中的操作权限与初始化的操作权限增删情况
+                let vm = this;
+                let beforeOperation = (vm.currentRoleOptAll[vm.currentMenuId] || {})["operation"];
+                let beforeArr = (beforeOperation || "").split(",");
+                let addOperation = [];
+                let deleteOperation = [];
+                checkedArr.forEach(item => {
+                    if(beforeArr.indexOf(item) == -1){
+                        addOperation.push(item);
+                    }
+                });
+                beforeArr.forEach(item => {
+                    if(checkedArr.indexOf(item) == -1){
+                        deleteOperation.push(item);
+                    }
+                });
+                vm.operationAddObj[vm.currentMenuId] = addOperation.join(","); // 增加的操作权限
+                vm.operationDeleteObj[vm.currentMenuId] = deleteOperation.join(","); // 删除的操作权限
+            },
+
+            cdssChange(cdss){ // 菜单所属在切换时，要同时记下当前选中与取消的项目
+                let vm = this;
+                let checkedArr = vm.$refs.allowMenuSettingTreeRef.getTreeCheckedNodes("key"); // 菜单更改前树勾选的数据
+                let initCheckArr = vm.initCheck["initCheck"] || [];
+                // 对比
+                initCheckArr = initCheckArr.filter(item=>{ // item是菜单id
+                    return (vm.menuAllBaseInfo[item] || {})["cdss"] != vm.lastCdss;
+                });
+                vm.initCheck["initCheck"] = initCheckArr.concat(checkedArr);
+                vm.lastCdss = cdss;
+                vm.currentMenuId = "";
+            },
+            operateSetting(data,collectObj){ // 操作权限设置
+                let vm = this;
+                vm.complexFieldArr = [];
+                vm.optArr=[];
+                vm.isNoSetting  = false;
+                let alReadySet = "";
+                let settingObj = vm.allSettingObj[data.id] || vm.currentRoleOptAll[data.id]; // 当前的数据配置
+               /* if(vm.caseSup && !settingObj){ // 没有做过任何配置且是开发者登录，将全部按钮置入
+                    settingObj = {"operation":vm.menuOptAll[data.id]};
+                }*/
+
+
+                if(!settingObj){
+                    vm.isNoSetting = true;
+                }
+                !settingObj && (settingObj = {});
+                let currentOpt = vm.menuOptAll[data.id]; // 当前菜单的opt
+                vm.allSettingObj[data.id] = collectObj; // 后面操作collectObj这个对象就可以了
+
+
+                collectObj["enableOperation"] = true;
+                collectObj["checkAll"] = settingObj["checkAll"] || false;
+                collectObj["operation"] = settingObj["operation"] || "";
+                alReadySet = settingObj["operation"] || "";
+                let checkedArr = alReadySet ? alReadySet.split(","):[];
+                let menuType = data.menuType;
+                switch (menuType) {
+                    case "系统功能":
+                    case "自定义功能菜单":
+                        let belong = "";
+                        if(data.menuType == "系统功能"){
+                            belong = data.menuXtgn;
+                        }else{
+                            belong = data.menuZdygncd;
+                        }
+                        vm.axios.post(vm.api.menuOpt.find,{"sscdid":belong}).then(function (res) {
+                            res.data.forEach(function (opt) {
+                                let obj = {};
+                                let value = opt["czbm"];
+                                if(opt.czbm == "diy"){
+                                    value = opt["czbm"] + "_" + opt["czlx"];
+                                }
+                                if(!(currentOpt && currentOpt.indexOf(value) == -1)){
+                                    obj["value"] = value;
+                                    obj["name"] = opt["czlx"];
+                                    obj["checked"] = (checkedArr.indexOf(value))> -1;
+                                    vm.optArr.push(obj);
+                                }
+                                collectObj["optArr"] = vm.optArr;
+                            });
+                            if(res.data.length == 0){ // 没有操作数据设置按钮禁用
+                                vm.openOptDataDisable = true;
+                                collectObj["openOptDataDisable"] = true;
+                            }
+
+                            vm.$forceUpdate();
+                            if(vm.isNoSetting){
+                                collectObj["checkAll"] = true;
+                                vm.optAllChange(true);
+                            }
+
+                        });
+                        break;
+                    case "自定义单表表单":
+                        if(currentOpt){
+                            if(currentOpt.indexOf("view") > -1){
+                                vm.optArr.push({"name":"仅查看","value":"view","checked":(checkedArr.indexOf("view"))> -1});
+                            }
+                            if(currentOpt.indexOf("update") > -1){
+                                vm.optArr.push({"name":"可修改查看","value":"update","checked":(checkedArr.indexOf("update"))> -1});
+                            }
+                        }else{
+                            vm.optArr.push({"name":"仅查看","value":"view","checked":(checkedArr.indexOf("view"))> -1});
+                            vm.optArr.push({"name":"可修改查看","value":"update","checked":(checkedArr.indexOf("update"))> -1});
+                        }
+                        collectObj["optArr"] = vm.optArr;
+                        if(vm.isNoSetting){
+                            collectObj["checkAll"] = true;
+                            vm.optAllChange(true);
+                        }
+
+                        break;
+                    case "自定义表单":
+                    case "自定义表单-VUE":
+                        vm.axios.post("/formbuttonController/listNoPage",{"viewId":data.menuViewId}).then(function (res) {
+                            res.data.forEach(function (button) {
+                                let obj = {};
+                                let value = vm.operateNameMap[button.buttonType];
+                                if(vm.operateNameMap[button.buttonType] == "diy"){
+                                    value = vm.operateNameMap[button.buttonType] + "_" + button.buttonName;
+                                }
+                                if(!(currentOpt && currentOpt.indexOf(value) == -1)){ // 如果权限里当前值不存在则跳过
+                                    obj["value"] = value;
+                                    obj["name"] = button.buttonName;
+                                    obj["checked"] = (checkedArr.indexOf(value))> -1;
+                                    vm.optArr.push(obj);
+                                }
+                                collectObj["optArr"] = vm.optArr;
+                            });
+                            vm.$forceUpdate();
+                            if(vm.isNoSetting){
+                                collectObj["checkAll"] = true;
+                                vm.optAllChange(true);
+                            }
+
+                        });
+                        break;
+                    case "复合视图":
+                    case "复合视图-VUE":
+                        let complexId = data.menuGzlId;
+                        vm.axios.post(vm.api.complextab.findAllLinkData,{'viewId': complexId, 'sort': 'sort', 'order': '0'}).then(function (res) {
+                            let result = res.data;
+                            result.forEach(function (data) {
+                                let complexTab = data.complexTab;
+                                let value = "complexTab:" + complexTab.id;
+                                if(!(currentOpt && currentOpt.indexOf(value) == -1)){
+                                    let obj = {};
+                                    let buttonArr = [];
+                                    let urlType = complexTab.urlType;
+                                    let linkData = data.linkData || [];
+                                    let lengendValue = "complexTab:"+complexTab.id;
+                                    obj["legendName"] = complexTab.tabName;
+                                    obj["legendValue"] = lengendValue;
+                                    obj["legendChecked"] = checkedArr.indexOf(lengendValue) > -1 ;
+                                    // 下面两个if可以合并为一个forEach，但是为了代码易读性暂不合并
+                                    if((urlType || "") .indexOf("自定义表单") > -1){
+                                        linkData.forEach(function (each) {
+                                            let optValue = "complex:" + complexTab.id + ":" + vm.operateNameMap[each["buttonType"]];
+                                            if(vm.operateNameMap[each["buttonType"]] == "diy"){
+                                                optValue += "_" + each["buttonName"];
+                                            }
+                                            if(!(currentOpt && currentOpt.indexOf(optValue) == -1)){
+                                                let buttonObj = {};
+                                                buttonObj["checked"] = checkedArr.indexOf(optValue) > -1;
+                                                buttonObj["value"] = optValue;
+                                                buttonObj["buttonName"] = each["buttonName"];
+                                                buttonArr.push(buttonObj);
+                                            }
+                                        })
+
+                                    }
+                                    if(urlType == "系统功能" || urlType =="自定义功能" || urlType == '自定义功能-VUE'){
+                                        linkData.forEach(function (each) {
+                                            let optValue = "complex:" + complexTab.id + ":" + each["czbm"];
+                                            if(!(currentOpt && currentOpt.indexOf(optValue) == -1)){
+                                                let buttonObj = {};
+                                                buttonObj["checked"] = checkedArr.indexOf(optValue) > -1;
+                                                buttonObj["value"] = optValue;
+                                                buttonObj["buttonName"] = each["czlx"];
+                                                buttonArr.push(buttonObj);
+                                            }
+                                        })
+                                    }
+                                    obj["buttonArr"] = buttonArr;
+                                    vm.complexFieldArr.push(obj);
+                                    collectObj["complexFieldArr"] = vm.complexFieldArr;
+                                }
+                            });
+                            vm.$forceUpdate();
+                            if(vm.isNoSetting){
+                                collectObj["checkAll"] = true;
+                                vm.optAllChange(true);
+                            }
+                        });
+                        break;
+                    default:
+                        vm.openOptDataDisable = true;
+                        collectObj["openOptDataDisable"] = true;
+                        break;
+                }
+            },
+
+            //对外的保存方法
+            async save(){ // 保存人员，保存关联菜单，保存可分配菜单
+                let orgPosUserObj = this.saveOrgPosUser(); //保存关联人员
+                if(orgPosUserObj){
+                    let allowMenuObj = await this.saveAllowMenu();  //保存关联菜单
+                    let submitObj = Object.assign({},orgPosUserObj,allowMenuObj);
+
+                    submitObj["roleId"] = this.currentRowObj.id;
+                    this.axios.post(this.api.roleMenuOpt.saveAll,submitObj).then(res => {
+                        this.$message({
+                            duration: 1200,
+                            type: "success",
+                            message: res.data.operateMessage
+                        });
+                        this.$emit("closeSettingDialog");
+                    });
+                }
+            },
+
+            //保存关联人员、组织、岗位
+            saveOrgPosUser(){
+                let vm = this;
+                let resultArr = [];
+                let levelChildrenOrgArr = []; //保存所有勾选的父级
+                let levelParentOrgArr = []; // 所有的父级数据
+                let typeArr = ["user","org","pos"];
+                typeArr.forEach(function (type) {
+                    let arr = vm.$refs.staffSetRef.getCheckedInfo(type);
+                    arr.forEach(function (data) {
+                        data["roleType"] = type; // 设置角色类型
+                    });
+                    resultArr = resultArr.concat(arr);
+                });
+                let levelOrg = vm.$refs.staffSetRef.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(function (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","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.currentRowObj.id;
+                        if(data["userId"]){
+                            addEmpowerIdUserIdArr.push(data["userId"]);
+                        }
+                        addAttachArr.push(obj);
+                    }
+                });
+
+
+                let addArr = [];
+                removeEmpowerIdUserIdArr.forEach(id =>{
+                    id && (addArr.push(id));
+                });
+
+                //需要移除的下级部门子数据
+                let removeArrOrg = [];
+                for(let [key,value] of Object.entries(vm.caseDataMap)){
+                    //移除现在取消的组织
+                   if(levelChildrenOrgIds.indexOf(key) == -1){
+                       //不存在则需要删除
+                       removeArrOrg.push(value);
+                   }
+                }
+                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.currentRowObj.id;
+                        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.currentRowObj.id;
+                        updateLevelParentOrgArr.push(obj);
+                    }
+                });
+
+                return {"userList":JSON.stringify(addAttachArr),"removeRoleUserIds":removeIdArr.join(","),
+                    "removeEmpowerIdUserIds":addArr.join(","),"addEmpowerIdUserIds":addEmpowerIdUserIdArr.join(","),
+                    "leveParentOrgUserList":JSON.stringify(updateLevelParentOrgArr),"removeLevelOrgUserList":removedateParentOrgKey.join(","),
+                    "leveOrgUserList":JSON.stringify(addLevelOrgArr)
+                };
+            },
+
+            async saveAllowMenu(){ // 保存可分配菜单
+                let vm = this;
+                let allowMenu = []; // 实时获取拥有的菜单权限
+                await vm.axios.post(vm.api.sysUser.getLoginMenuOptNow).then(resOpt=>{
+                    Object.keys(resOpt.data || {}).forEach(key => {
+                        allowMenu.push(key);
+                    })
+                });
+                /* 计算树所有的勾选数据id */
+                let checkedArr = vm.$refs.allowMenuSettingTreeRef.getTreeCheckedNodes("key"); // 当前菜单树勾选的数据
+
+                let initCheckArr = vm.initCheck["initCheck"] || [];
+                // 对比
+                initCheckArr = initCheckArr.filter(item=>{ // item是菜单id
+                    return (vm.menuAllBaseInfo[item] || {})["cdss"] != vm.cdss;
+                });
+                vm.initCheck["initCheck"] = initCheckArr.concat(checkedArr);
+                /* 结束 */
+                /* 获取所有勾选菜单的基础信息 */
+                let menuArr = []; // 勾选菜单的信息集合
+                let keysArr = []; // 选中的所有menuIds
+                let menuMap = {};
+                vm.initCheck["initCheck"].forEach(menuId => {
+                    if(vm.loginUser.userType == 'dev' || vm.loginUser.userType == 'sup' || allowMenu.indexOf(menuId) > -1) {
+                        if (vm.menuAllBaseInfo[menuId]) {
+                            menuArr.push(vm.menuAllBaseInfo[menuId]);
+                            menuMap[menuId] = vm.menuAllBaseInfo[menuId];
+                            keysArr.push(menuId);
+                        }
+                    }
+                });
+
+                let allArr = Object.keys(vm.currentRoleOptAll); // 原来保存的menuIds;
+                let [removeArr,removeMenuArr,updateArr,addArr] = [[],[],[],[]];
+                allArr.forEach(function (before) { // 需要移除与更新的数据
+                    if(keysArr.indexOf(before) == -1){ // remove
+                        removeArr.push(vm.currentRoleOptAll[before].id);
+                        removeMenuArr.push(before);
+                    }else{ // update
+                        updateArr.push(before);
+                    }
+                });
+                keysArr.forEach(function (after) { // 需要新增的数据
+                    if(allArr.indexOf(after) == -1){ // add
+                        addArr.push(after);
+                    }
+                });
+                /**
+                 * 修改权限时需要考虑到下级的同步，新增删除与修改
+                 * 菜单移除：将下级的权限全部移除，这是强制的
+                 * 菜单新增：提示框询问下级是否同步
+                 * 按钮权限在菜单权限的基础上进行，只有菜单权限新增修改进行，移除不操作
+                 * 按钮移除：下级全部移除
+                 * 按钮新增：提示
+                 * 这边主要通过PARENT_USER_TREE进行关联操作
+                 */
+
+                let [updateObjArr,addObjArr] = [[],[]];
+                let [addOperationCollect,deleteOperationCollect,insertCollect] = [{},{},{}];
+
+                updateArr.forEach(function (update) {
+                    let setting = vm.allSettingObj[update]; // 需要更新的数据只有在打开过才执行更新，否则不变动
+                    if(setting){
+                        let temObj = {};
+
+                        temObj["enableOperation"] = true;
+                        temObj["operation"] = setting["operation"] || "";
+                        temObj["dataPower"] = setting["dataPower"] || "";
+                        temObj["enableData"] = setting["enableData"] || "";
+
+                        temObj["menuPath"] = menuMap[update]["menuPath"] || "";
+                        if(vm.currentRoleOptAll[update]){
+                            temObj["id"] = vm.currentRoleOptAll[update]["id"] || "";
+                        }
+
+                        temObj["roleId"] = vm.currentRowObj.id;
+                        temObj["menuId"] = update;
+                        updateObjArr.push(temObj); // 更新的数据
+
+                        if(vm.operationDeleteObj[update]){
+                            deleteOperationCollect[update] = vm.operationDeleteObj[update];
+                        }
+                        if(vm.operationAddObj[update]){
+                            addOperationCollect[update] = vm.operationAddObj[update];
+                        }
+
+                    }
+
+
+                });
+                addArr.forEach(function (add) {
+                    let setting = vm.allSettingObj[add];
+                    let temObj = {};
+                    temObj["enableOperation"] = true;
+                    if(setting){ // 有配置
+                        temObj["operation"] = setting["operation"] || "";
+                        temObj["dataPower"] = setting["dataPower"];
+                        temObj["enableData"] = setting["enableData"];
+                    }else{ // 都不配置
+                        temObj["operation"] = vm.menuOptAll[add];
+                        temObj["enableData"] = false;
+                        temObj["dataPower"] = "";
+                    }
+
+                    insertCollect[add] = temObj["operation"] || "";
+                    temObj["id"] = "";
+                    temObj["roleId"] = vm.currentRowObj.id;
+                    temObj["menuId"] = add;
+                    temObj["menuPath"] = menuMap[add]["menuPath"] ||"";
+                    addObjArr.push(temObj);
+
+                });
+                let menuNameArr = [];
+                menuArr.forEach(function (each) { // 更新拥有的菜单
+                    menuNameArr.push(each["menuName"]);
+                });
+                return {"remark":menuNameArr.join(","),
+                    "removeIds":removeArr.join(","),
+                    "updateObj":JSON.stringify(updateObjArr),"addObj":JSON.stringify(addObjArr),
+                    "addOperationCollect":JSON.stringify(addOperationCollect),
+                    "removeMenuIds":removeMenuArr.join(","),
+                    "insertCollect":JSON.stringify(insertCollect),
+                };
+            },
+
+            setToArray(set){ // set转array
+                let arr = [];
+                for(let item of set.keys()){
+                    arr.push(item);
+                }
+                return arr;
+            },
+
+            //添加关联人员弹出窗
+            addSelectUser(){
+                let vm = this;
+                vm.currenTime = new Date().getTime() + "";
+
+                vm.refreshUserDialog =true;
+
+                vm.chooseDialogVisible = true;
+            },
+
+            //保存已经选中的人员弹窗数据
+            saveSelect(){ // 保存已选择的组织人员岗位
+                let vm = this;
+                let typeObj = {"org":"orgName","pos":"posName","user":"userName"};
+                let nameObj = {"org":"组织","pos":"岗位","user":"用户"};
+                let chooseIdsArr = [];
+                let chooseDataArr = [];
+                Object.keys(typeObj).forEach(function (type) {
+                    let arr = vm.$refs.posUserSelectRef.getCheckedInfo(type);
+                    arr.forEach(function (each) {
+                        let obj = {};
+                        let name = each[typeObj[type]];
+                        obj["name"] = name;
+                        obj["dataId"] = each["id"];
+                        obj["type"] = type;
+                        obj["checked"] = true;
+                        obj["link"] = false;
+                        obj["showName"] = "[" + nameObj[type] + "]" + name;
+                        if(name.indexOf("-") > -1){
+                            let tempArr =name.split("-");
+                            obj["showName"] = "[" + nameObj[type] + "]" + tempArr[tempArr.length - 1];
+                        }
+                        if(obj["showName"].length>11){
+                            obj["showName"] = obj["showName"].substring(0,11) + "...";
+                        }
+                        chooseIdsArr.push(obj["dataId"]);
+                        chooseDataArr.push(obj);
+                    })
+                });
+                let tempArr =[];
+                chooseDataArr.forEach(function (each) {
+                    tempArr.push(each["name"] + ":" + each["dataId"] + ":" + each["type"] + ":" + each["link"]);
+                });
+                vm.allSettingObj[vm.currentMenuId]["dataPower"] = tempArr.join(",");
+                vm.allSettingObj[vm.currentMenuId]["chooseDataArr"] = chooseDataArr;
+                vm.allSettingObj[vm.currentMenuId]["chooseIds"] = chooseIdsArr.join(",");
+                vm.chooseDialogVisible = false;
+            },
+
+
+            //删除关联人员弹出窗
+            removePosUser(){ // 删除选中的岗位组织用户信息
+                let vm = this;
+                let allArr = vm.allSettingObj[vm.currentMenuId]["chooseDataArr"] || [];
+                let checkedArr = [];
+                allArr.forEach(function (each) {
+                    if(each["checked"]){
+                        checkedArr.push(each["dataId"]);
+                    }
+                });
+                if(checkedArr.length==0){
+                    vm.$message({
+                        message:"请至少选择一条需要删除的数据！",
+                        duration:1500
+                    });
+                    return;
+                }
+                vm.$confirm('是否确定删除选中的'+checkedArr.length+'条数据?', '警告', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                }).then(function () {
+                    allArr = allArr.filter(each => {
+                        return checkedArr.indexOf(each["dataId"]) == -1;
+                    });
+                    let tempArr = [];
+                    let chooseIdsArr = [];
+                    allArr.forEach(function (each) {
+                        chooseIdsArr.push(each["dataId"]);
+                        tempArr.push(each["name"] + ":" + each["dataId"] + ":" + each["type"] + ":" + each["link"]);
+                    });
+                    vm.allSettingObj[vm.currentMenuId]["dataPower"] = tempArr.join(",");
+                    vm.allSettingObj[vm.currentMenuId]["chooseDataArr"] = allArr;
+                    vm.allSettingObj[vm.currentMenuId]["chooseIds"] = chooseIdsArr.join(",");
+                    vm.$forceUpdate();
+                });
+            },
+
+
+            powerChange(checked){
+                let vm = this;
+                (vm.allSettingObj[vm.currentMenuId]['chooseDataArr'] || []).forEach(function (each) {
+                    each["checked"] = checked;
+                });
+                vm.changeDataPower();
+            },
+            forceUpdate(checked){
+                this.$forceUpdate();
+            },
+
+
+            //添加弹窗数据变更
+            changeDataPower(){ // 数据权限变更
+                let vm = this;
+                let isSelectAll = true;
+
+                let tempArr =[];
+                (vm.allSettingObj[vm.currentMenuId]['chooseDataArr'] || []).forEach(function (each) {
+                    if(!each["checked"]){
+                        //存在没有选中的 全选去除
+                        isSelectAll = false;
+                    }
+                    each["checked"] && tempArr.push(each["name"] + ":" + each["dataId"] + ":" + each["type"] + ":" + each["link"]);
+                });
+                vm.allDataPower = isSelectAll;
+
+                vm.$forceUpdate();
+
+                vm.allSettingObj[vm.currentMenuId]["dataPower"] = tempArr.join(",");
+            },
+
+
+
+        }
+    }
+</script>
+
+<style scoped>
+    .clearfix{
+        line-height: 25px;
+        text-align: left;
+    }
+    .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-button-class{
+        float: left;
+        height: 20px;
+        line-height: 20px;
+        margin: 10px 10px 0 0;
+        border: 1px solid rgb(235, 238, 245);
+        padding: 5px 15px;
+        text-align: center;
+    }
+    .opt-button-class /deep/ .el-checkbox{
+        height: 20px;
+        line-height: 20px;
+    }
+
+    .opt-button-class /deep/ .el-checkbox{
+        height: 20px;
+        line-height: 20px;
+    }
+
+    .opt-button-class /deep/ .el-checkbox__label{
+        color: white;
+    }
+    .opt-button-class{
+        background-color: #409EFF;
+    }
+
+
+    .opt-button-no-class{
+        float: left;
+        height: 20px;
+        line-height: 20px;
+        margin: 10px 10px 0 0;
+        border: 1px solid rgb(235, 238, 245);
+        padding: 5px 15px;
+        text-align: center;
+    }
+
+
+    .opt-card-class /deep/ .el-checkbox{
+        height: 20px;
+        line-height: 20px;
+    }
+
+    .opt-card-class{
+        width: 250px;
+        float: left;
+        height: 20px;
+        line-height: 20px;
+        margin: 10px 10px 0 0;
+        border: 1px solid rgb(235, 238, 245);
+        padding: 5px 15px;
+        text-align: center;
+    }
+    .opt-card-class /deep/ .el-checkbox{
+        height: 20px;
+        line-height: 20px;
+    }
+
+    .opt-card-class /deep/ .el-checkbox__label{
+        color: white;
+    }
+    .opt-card-class{
+        background-color: #409EFF;
+    }
+
+    .opt-card-no-class{
+        width: 250px;
+        float: left;
+        height: 20px;
+        line-height: 20px;
+        margin: 10px 10px 0 0;
+        border: 1px solid rgb(235, 238, 245);
+        padding: 5px 15px;
+        text-align: center;
+    }
+
+    .opt-card-class .el-checkbox{
+        line-height: 20px;
+
+    }
+
+
+    fieldset{
+        border: 1px solid #EBEEF5;
+        border-radius: 5px;
+        height: 100%;
+        box-sizing: border-box;
+        padding-left: 20px;
+    }
+    legend{
+        height: 30px;
+        line-height: 30px;
+    }
+
+    .role-menu-contain /deep/ .el-tabs__item{
+        font-size: 16px;
+    }
+
+    .role-menu-contain /deep/ .el-tabs__nav-scroll{
+        padding: 0 20px;
+    }
+
+
+    .comomSettiingStyle{
+        height: 100%;
+        width: calc(100% - 20px);
+        float: left;
+        box-sizing: border-box;
+        padding-right: 5px
+    }
+    .opt-div-class{
+        float: right;
+        width: calc(100% - 380px);
+        box-sizing: border-box;
+        height: 100%;
+    }
+
+    .role-menu-opt-card{
+        height: 100%;
+    }
+
+    .role-menu-opt-card-card /deep/ .el-checkbox__label{
+        color: black;
+    }
+
+
+    .role-menu-opt-card /deep/ >.el-card__header{
+        padding: 0;
+    }
+
+    legend /deep/ .el-checkbox__input.is-checked+.el-checkbox__label{
+        color: black!important;
+    }
+    .tab-contain{
+        height: 100%;
+        width: calc(100% - 300px);
+        float: left;
+        box-sizing: border-box;
+        padding-right: 5px;
+    }
+    .tab-header{
+        line-height: 25px;
+        border-bottom: 1px solid #c2c2c2;
+        font-size: 16px;
+    }
+
+    .opt-div-class /deep/ .el-card__body{
+        height: calc(100% - 30px);
+        overflow-y: auto;
+    }
+
+
+    fieldset{
+        border: 1px solid #EBEEF5;
+        border-radius: 5px;
+        height: 100%;
+        box-sizing: border-box;
+        padding-left: 20px;
+    }
+    legend{
+        height: 30px;
+        line-height: 30px;
+    }
+    .link-contain{
+        height: 100%;
+        width: 300px;
+        float: right;
+        box-sizing: border-box;
+        border-left: 1px solid #c2c2c2;
+        padding-left: 5px;
+    }
+    .link-header{
+        line-height: 25px;
+        border-bottom: 1px solid #c2c2c2;
+        font-size: 16px;
+    }
+    .link-tabs /deep/ .el-tabs__item{
+        font-size: 16px;
+    }
+
+
+
+    .opt-div-class /deep/ .el-checkbox__input.is-checked+.el-checkbox__label{
+        color: white;
+    }
+
+    .opt-div-class /deep/ .el-checkbox, .el-checkbox-button__inner{
+        color: white;
+    }
+
+    .opt-div-class /deep/ .el-checkbox__inner{
+        background-color: white;
+    }
+    .clearfix /deep/  .el-checkbox__input.is-checked+.el-checkbox__label{
+        color: black;
+    }
+    .clearfix /deep/  .el-checkbox, .el-checkbox-button__inner{
+        color: black;
+    }
+
+    .opt-div-class /deep/ .el-checkbox__inner::after{
+        border: 1px solid #409EFF;
+        border-left: 0;
+        border-top: 0;
+    }
+
+
+    .dataRoleStyle{
+        width: 200px;
+        height: 50px;
+
+        position: relative;
+        float: left;
+        margin: 10px 10px 10px 0;
+        padding: 0 5px
+    }
+
+    .el-checkbox__label {
+        display: inline;
+    }
+
+    .el-checkbox, .el-checkbox__input {
+        white-space: normal;
+    }
+
+</style>