sasp-admin 0.2.57

package/src/views/role/roleMenuOption.vue

@@ -0,0 +1,898 @@
+<template>
+    <el-container style="height: 100%" class="role-menu-contain">
+        <el-aside style="width: 300px">
+            <el-header style="padding-right:0;height: 40px">
+                <el-input size="medium"
+                          prefix-icon="el-icon-search"
+                          placeholder="输入关键字进行过滤"
+                          clearable
+                          v-model="filterText">
+                </el-input>
+
+            </el-header>
+            <el-aside class="asideTree">
+                <common-tree
+                        v-if="showTree"
+                        ref="roleMenuTreeRef"
+                        :request-url="api.menu.listNoPageByRole"
+                        :request-param="requestParam"
+                        :refresh-proper="time + ''"
+                        parent-id="parentCode"
+                        :deal-tree-data="dealTreeData"
+                        :default-props="defaultProps"
+                        :filterText="filterText"
+                        :initCheck="initCheck"
+                        :initCallBack="initCallBack"
+                        :nodeClick="nodeClick"
+                        :renderContentFunc="renderContent"
+                        :expand-onclick-node=false
+                        :default-shift-key-select="true"
+                        :default-ctrl-key-select="true"
+                >
+
+                </common-tree>
+            </el-aside>
+        </el-aside>
+        <el-main class="roleMenuOptMain">
+            <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>
+                </div>
+
+                <el-card class="role-menu-opt-card-card" shadow="never">
+                    <div slot="header" class="clearfix">
+                        <el-checkbox label="全选" @change="optChange" :disabled="!(allSettingObj[currentMenuId] || {})['enableOperation']"
+                                     v-model="allOptData" style="margin-right: 0"></el-checkbox>
+                        |
+                        <label>
+                            <span style="color: #606266;font-size: 14px;cursor: pointer">是否启用操作权限</span>
+                            <el-switch v-model="(allSettingObj[currentMenuId] || {})['enableOperation']" @change="forceUpdate"
+                                       :disabled="(allSettingObj[currentMenuId] || {})['openOptDataDisable']" style="margin-left: 5px;position: relative;top: -1px;">
+                            </el-switch>
+                        </label>
+                    </div>
+                    <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="opt-button-class">
+                            <el-checkbox  @change="operateChange('optArr')" v-model="item.checked" :label="item.name"
+                                          :disabled="!(allSettingObj[currentMenuId] || {})['enableOperation']">
+
+                            </el-checkbox>
+                        </div>
+                        <fieldset v-for="(item,index) in ((allSettingObj[currentMenuId] || {})['complexFieldArr'] || [])" :key="index" style="padding: 10px">
+                            <legend>{{item.legendName}}（ <el-checkbox label="是否启用该标签" :disabled="!(allSettingObj[currentMenuId] || {})['enableOperation']"
+                                                                      v-model="item.legendChecked" @change="operateChange('complexFieldArr')"></el-checkbox> ）</legend>
+                            <div v-for="(fieldItem,fieldIndex) in (item['buttonArr'] || [])" :key="fieldIndex" class="opt-button-class">
+                                <el-checkbox :disabled="!(allSettingObj[currentMenuId] || {})['enableOperation']" :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>
+                </div>
+
+                <el-card class="role-menu-opt-card-card" shadow="never">
+                    <div slot="header" class="clearfix">
+                        <el-checkbox label="全选" @change="powerChange" v-model="allDataPower"
+                                     :disabled="!(allSettingObj[currentMenuId] || {})['enableData']" style="margin-right: 0"></el-checkbox>
+                        |
+                        <label>
+                            <span style="color: #606266;font-size: 14px;cursor: pointer">是否启用数据权限</span>
+                            <el-switch v-model="(allSettingObj[currentMenuId] || {})['enableData']" @change="forceUpdate"
+                                       :disabled="openDataPowerDisable" style="margin-left: 5px;position: relative;top: -1px;">
+                            </el-switch>
+                        </label>
+                    </div>
+                    <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" :disabled="!(allSettingObj[currentMenuId] || {})['enableData']"
+                                       @click="addSelectUser" size="small">添加</el-button>
+                            <el-button type="danger" icon="el-icon-remove" :disabled="!(allSettingObj[currentMenuId] || {})['enableData']"
+                                       @click="removePosUser" size="small">删除</el-button>
+                            <br>
+                            <el-card style="width: 200px;position: relative;float: left;margin: 10px 10px 10px 0;padding: 0 5px"
+                                     shadow="hover" v-for="(item,index) in (allSettingObj[currentMenuId] || {})['chooseDataArr']" :key="index">
+                                <el-checkbox :label="item.showName" v-model="item.checked" @change="changeDataPower" style="position: relative;top:-8px"
+                                             :disabled="!(allSettingObj[currentMenuId] || {})['enableData']"></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>
+                            </el-card>
+                        </div>
+                    </div>
+                </el-card>
+
+            </el-card>
+        </el-main>
+        <div style="text-align: center;position: absolute;right: 0;left: 0;margin: auto;bottom: 10px">
+            <el-button type="primary" @click="saveMenuOpt()" icon="el-icon-success" size="small">确 定</el-button>
+            <el-button @click="$emit('closeOptDialog')" icon="el-icon-error" size="small">取 消</el-button>
+        </div>
+        <el-dialog :close-on-click-modal=false title="人员选择" width="90%" height="90%" top="5vh" :visible.sync="chooseDialogVisible" :modal=false class="org-pos-user-select-dialog">
+            <sys-org-pos-user-select :default-choose-ids="(allSettingObj[currentMenuId] || {})['chooseIds']" :org-dims="roleType"
+                                     :refresh-proper="chooseDialogVisible" ref="posUserSelectRef"></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>
+</template>
+
+<script>
+    import SysOrgPosUserSelect from "../../components/public/org/sysOrgPosUserSelect";
+
+    export default {
+        name: "role-menu-option",
+        components: {
+            SysOrgPosUserSelect
+        },
+        props: [
+            'roleId',
+            'roleType',
+            'time'
+        ],
+        data() {
+            return {
+                filterText: '', // 需要过滤节点的关键字
+                loginUser: {}, // 登录用户信息
+                menuArr: [],
+                requestParam:{"menuSfqy":"Y","menuIds":""},
+                userDimensionObj:{}, // 角色类型与名称对应关系
+                orgPosUserIds:[],
+                showTree:false,
+                operateNameMap:{}, // 按钮code与名称的对应关系
+                operateAll:"", // 所有的操作代碼
+                defaultProps: {
+                    children: 'children',
+                    label: 'menuShowName'
+                },
+                initCheck:{},
+                currentRoleOptAll:{}, // 当前角色设置的所有roleMenuOpt
+                menuOptAll:{}, // 初始化获取的所有当前用户的opt
+                showNoPower:false, // 数据无需配置
+                optArr:[], // 操作权限可设置按钮
+                complexFieldArr:[], // 复合视图展示的数组
+                allOptData:false, // 全选按钮
+                openOptDataDisable:false, // 启用操作权限按钮禁用
+                allDataPower:false, // 全选按钮
+                openDataPowerDisable:false, // 启用数据权限按钮禁用
+                chooseDataArr:[], // 选中的数据权限
+                chooseIds:"", // 已选择的数据权限ids
+                chooseDialogVisible:false,
+                allSettingObj:{}, // 收集当前所有处理过的配置
+                currentMenuId:"", // 当前点击的菜单id
+            }
+        },
+        created() {
+            let vm = this;
+            vm.axios.post(vm.api.param.getSysParams,{"key":"userDimension"}).then(function (res) { // 获取系统参数
+                vm.userDimensionObj = JSON.parse(vm.platStringUtil.replaceAll(res.data.paramVal,"'","\"") || "{}");
+                vm.axios.post(vm.api.sysUser.getLoginUser).then(function (res) { // 登录用户
+                    vm.axios.post(vm.api.sysOrgPosUser.find,{"userId":res.data.id}).then(function (resPosUser) { // 获取当前用户的组织架构
+                        vm.orgPosUserIds = resPosUser.data;
+                        let [orgIdArr,posIdArr] = [[],[]];
+                        resPosUser.data.forEach(function (posUser) {
+                           posUser.orgId && (orgIdArr.push(posUser.orgId));
+                           posUser.posId && (posIdArr.push(posUser.posId));
+                        });
+                        vm.axios.post(vm.api.roleMenuOpt.findAllOpt,{"userId":res.data.id,"orgId":orgIdArr.join(","),"posId":posIdArr.join(",")}).then(function (resOpt) {
+                            let data = resOpt.data || [];
+                            data.forEach(function (each) {
+                                vm.menuOptAll[each["menuId"]] = each["operation"];
+                            });
+                            vm.getSettingAndInit();
+                        });
+                    });
+                    vm.loginUser = res.data;
+                });
+            });
+            vm.getData(); // 获取元数据对应的操作按钮中文名
+        },
+        watch: {
+            time(){
+                this.showTree = false;
+                this.getSettingAndInit();
+            },
+        },
+        methods: {
+            addSelectUser(){
+                let vm = this;
+                vm.chooseDialogVisible = true;
+            },
+            getSettingAndInit(){ // 获取当前配置并初始化
+                let vm = this;
+                vm.allSettingObj = {};
+                vm.currentRoleOptAll = {};
+                vm.axios.post(vm.api.roleMenuOpt.find,{"roleId":vm.roleId}).then(function (res) {
+                    let checkArr = [];
+                    res.data.forEach(function (each) {
+                        vm.currentRoleOptAll[each.menuId] = {
+                            'id': each.id,
+                            'enableOperation': each.enableOperation,
+                            'operation': each.operation,
+                            'enableData': each.enableData,
+                            'dataPower': each.dataPower,
+                        };
+                        checkArr.push(each.menuId);
+                    });
+                    vm.initCheck["initCheck"] = checkArr; // 初始化选中数据
+                    vm.init();
+                })
+            },
+            init() {
+                let vm = this;
+                let arr = ["政府","企业","机构"];
+                vm.requestParam = {"menuSfqy":"Y","menuIds":""}; // 初始化请求参数
+                vm.showTree = false; // 初始化不显示树
+                arr.forEach(function (type) {
+                    if(vm.userDimensionObj[vm.roleType].indexOf(type) > -1){ // 设置过滤条件
+                        vm.requestParam["nocdss"] = type;
+                    }
+                });
+                if(vm.orgPosUserIds.length > 0){ // 获取有效菜单
+                    let effectMenuParma = {"userId":vm.loginUser.id,"userType":vm.loginUser.userType};
+                    effectMenuParma["orgId"] = vm.orgPosUserIds[0].orgId;
+                    effectMenuParma["posId"] = vm.orgPosUserIds[0].posId;
+                    vm.axios.post(vm.api.roleUser.getRoleByUser,effectMenuParma).then(function (res) {
+                        let roleIdArr = [];
+                        if(res.data.length > 0){
+                            res.data.forEach(function (roleUser) {
+                                roleIdArr.push(roleUser["roleId"]);
+                            });
+                            vm.axios.post(vm.api.role.find,{"id":roleIdArr.join(",")}).then(function (resultRes) {
+                                if(resultRes.data.length > 0){
+                                    vm.dealEffectMenu(resultRes.data);
+                                }else{
+                                    vm.loadTree(); // 是否加载树
+                                }
+                            })
+                        }else{
+                            vm.loadTree(); // 是否加载树
+                        }
+                    })
+                }else{
+                    vm.loadTree(); // 是否加载树
+                }
+            },
+            loadTree(){ // 当前登陆用户没有有效菜单，判断是否是开发者，如果不是则不显示树
+                let vm = this;
+                let userType = vm.loginUser.userType; // 用户类型
+                if(userType != 'dev' && userType != 'sup'){ // 不是开发者也没有有效菜单不显示树数据
+                    vm.requestParam["menuIds"] = "$$$$";
+                }
+                vm.showTree = true;
+            },
+            dealEffectMenu(data){ // 处理有效菜单
+                let vm = this;
+                let effectMenu = new Set();
+                data.forEach(function (role) {
+                    let jsonAllow = {};
+                    role.allowAllotMenu && (jsonAllow = JSON.parse(vm.platStringUtil.replaceAll(role.allowAllotMenu,"'","\"") || "{}"));
+                    if(jsonAllow["sy"]){
+                        jsonAllow["sy"].split(",").forEach(function (each) {
+                            effectMenu.add(each);
+                        })
+                    }
+                });
+                let effectMenuArr = [];
+                for(let key of effectMenu.keys()){
+                    effectMenuArr.push(key);
+                }
+                vm.requestParam["menuIds"] = effectMenuArr.join(",");
+                vm.showTree = true; // 加载树
+            },
+            dealTreeData(data){ // 回调处理数据
+                let arr = [];
+                let modelArr = [];
+                data.forEach(function (each) {
+                    let belong = "";
+                    each["parentCode"] = each["menuSjbh"];
+                    if(each["menuSjbh"] == '-1'){
+                        each["parentCode"] = each["menuModel"] + "_model";
+                    }
+                    // each["cdss"] && (belong = "(" + each["cdss"] + ")");
+                    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",
+                        });
+                    }
+                });
+                return arr.concat(data);
+            },
+            operateSetting(data,collectObj){ // 操作权限设置
+                let vm = this;
+                let settingObj = vm.allSettingObj[data.id] || vm.currentRoleOptAll[data.id] || {}; // 当前的数据配置
+                let currentOpt = vm.menuOptAll[data.id]; // 当前菜单的opt
+                let alReadySet = "";
+                if(settingObj["enableOperation"] && settingObj["enableOperation"] != "false"){
+                    collectObj["enableOperation"] = true;
+                    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();
+                        });
+                        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;
+                        break;
+                    case "自定义表单":
+                        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;
+                            });
+                            if(res.data.length  == 0){
+                                vm.openOptDataDisable = true;
+                                collectObj["openOptDataDisable"] = true;
+                            }
+                            vm.$forceUpdate();
+                        });
+                        break;
+                    case "复合视图":
+                        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 == "自定义表单"){
+                                        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 =="自定义功能"){
+                                        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();
+                        });
+                        break;
+                    // case "统计报表": // 统计报表未做逻辑，咱不处理，设为禁用
+                    //     break;
+                    default:
+                        vm.openOptDataDisable = true;
+                        collectObj["openOptDataDisable"] = true;
+                }
+            },
+            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 "统计报表":
+                    case "复合视图":
+                        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;
+                }
+            },
+            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;
+                }
+                vm.currentMenuId = data.id;
+                vm.optArr=[];
+                vm.complexFieldArr = [];
+                let arr = ["allOptData","openOptDataDisable","allDataPower","openDataPower","openDataPowerDisable","hasDataOpt"];
+                arr.forEach(function (each) {
+                    vm[each] = false; // 将所有权限先初始化
+                });
+                // 为了使代码更可读以及精细化区分度，这里分别处理数据权限配置以及操作权限配置
+                let collectObj = {}; // 收集当前配置，
+                vm.dataSetting(data,collectObj);
+                vm.operateSetting(data,collectObj);
+                vm.allSettingObj[data.id] = collectObj;
+
+            },
+            initCallBack() { // 树初始化回调函数，展开已勾选的数据
+                let vm = this;
+                let nodesMap = this.$refs.roleMenuTreeRef.getAllNode();
+                for(let [key,node] of Object.entries(nodesMap)){
+                    if(node.checked){
+                        node.expanded = true;
+                        vm.recursionExpand(node);
+                    }
+                }
+            },
+            recursionExpand(node){ // 递归将上级展开
+                let nodesMap = this.$refs.roleMenuTreeRef.getAllNode();
+                let parentNode = nodesMap[node.data.parentCode];
+                if(parentNode){
+                    parentNode.expanded = true;
+                    this.recursionExpand(parentNode);
+                }
+            },
+            getData() { // 元数据中操作权限对应的中文
+                let vm = this;
+                let operateArr = [];
+                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.operateAll = operateArr.join(",");
+                });
+            },
+            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");
+                }
+            },
+            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;
+                vm.$forceUpdate();
+                let tempArr =[];
+                (vm.allSettingObj[vm.currentMenuId]['chooseDataArr'] || []).forEach(function (each) {
+                    each["checked"] && tempArr.push(each["name"] + ":" + each["dataId"] + ":" + each["type"] + ":" + each["link"]);
+                });
+                vm.allSettingObj[vm.currentMenuId]["dataPower"] = tempArr.join(",");
+            },
+            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.allSettingObj[vm.currentMenuId]['operation'] = CheckedArr.join(",");
+            },
+            removePosUser(){ // 删除选中的岗位组织用户信息
+                let vm = this;
+                let allArr = vm.allSettingObj[vm.currentMenuId]["chooseDataArr"];
+                let checkedArr = [];
+                allArr.forEach(function (each) {
+                    if(each["checked"]){
+                        checkedArr.push(each["dataId"]);
+                    }
+                });
+                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();
+                });
+            },
+            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;
+            },
+            saveMenuOpt(){ // 首先这里要保存menuopt，同时要保存刷新role的拥有的菜单字段
+                let vm = this;
+                let keysArr = []; // 当前选中的所有menuIds
+                let menuArr = vm.$refs.roleMenuTreeRef.getTreeCheckedNodes(); // 当前选中的所有menu
+                let allArr = Object.keys(vm.currentRoleOptAll); // 原来保存的menuIds;
+                let menuMap = {};
+                menuArr = menuArr.filter(item=>{
+                    if(item["parentCode"] == "-2"){
+                        return false;
+                    }else{
+                        menuMap[item["id"]] = item;
+                        keysArr.push(item["id"]);
+                        return true;
+                    }
+                });
+                let [removeArr,updateArr,addArr] = [[],[],[]];
+                allArr.forEach(function (before) { // 需要移除与更新的数据
+                    if(keysArr.indexOf(before) == -1){ // remove
+                        removeArr.push(vm.currentRoleOptAll[before].id);
+                    }else{ // update
+                        updateArr.push(before);
+                    }
+                });
+                keysArr.forEach(function (after) { // 需要新增的数据
+                    if(allArr.indexOf(after) == -1){ // add
+                        addArr.push(after);
+                    }
+                });
+                let [updateObjArr,addObjArr] = [[],[]];
+                updateArr.forEach(function (update) {
+                    let setting = vm.allSettingObj[update]; // 需要更新的数据只有在打开过才执行更新，否则不变动
+                    if(setting){
+                        let temObj = {};
+                        if(setting["enableOperation"] && setting["enableOperation"] != "false"){
+                            temObj["operation"] = setting["operation"];
+                            temObj["enableOperation"] = true;
+                        }else{
+                            temObj["operation"] = vm.menuOptAll[update] || vm.operateAll;
+                            temObj["enableOperation"] = false;
+                        }
+                        if(setting["enableData"] && setting["enableData"] != "false"){
+                            temObj["dataPower"] = setting["dataPower"];
+                            temObj["enableData"] = true;
+                        }else{
+                            temObj["dataPower"] = "";
+                            temObj["enableData"] = false;
+                        }
+                        temObj["menuPath"] = menuMap[update]["menuPath"];
+                        temObj["id"] = vm.currentRoleOptAll[update]["id"];
+                        temObj["roleId"] = vm.roleId;
+                        temObj["menuId"] = update;
+                        updateObjArr.push(temObj); // 更新的数据
+                    }
+                });
+                addArr.forEach(function (add) {
+                    let setting = vm.allSettingObj[add];
+                    let temObj = {};
+                    if(setting){ // 有配置
+                        if(setting["enableOperation"] && setting["enableOperation"] != "false"){
+                            temObj["operation"] = setting["operation"];
+                            temObj["enableOperation"] = true;
+                        }else{
+                            temObj["operation"] = vm.menuOptAll[add] || vm.operateAll;
+                            temObj["enableOperation"] = false;
+                        }
+                        if(setting["enableData"] && setting["enableData"] != "false"){
+                            temObj["dataPower"] = setting["dataPower"];
+                            temObj["enableData"] = true;
+                        }else{
+                            temObj["dataPower"] = "";
+                            temObj["enableData"] = false;
+                        }
+                    }else{ // 都不配置
+                        temObj["enableOperation"] = false;
+                        temObj["operation"] = vm.menuOptAll[add] || vm.operateAll;
+                        temObj["enableData"] = false;
+                        temObj["dataPower"] = "";
+                    }
+                    temObj["id"] = "";
+                    temObj["roleId"] = vm.roleId;
+                    temObj["menuId"] = add;
+                    temObj["menuPath"] = menuMap[add]["menuPath"];
+                    addObjArr.push(temObj);
+                });
+                let menuNameArr = [];
+                menuArr.forEach(function (each) { // 更新拥有的菜单
+                    menuNameArr.push(each["menuName"]);
+                });
+                vm.axios.post(vm.api.role.update,{"id":vm.roleId,"remark":menuNameArr.join(",")});
+                vm.axios.post(vm.api.roleMenuOpt.saveRoleMenuOpt,{"removeIds":removeArr.join(","),
+                            "updateObj":JSON.stringify(updateObjArr),"addObj":JSON.stringify(addObjArr)}).then(function (res) {
+                    vm.$message({
+                        type:"success",
+                        message:res.data.operateMessage,
+                        duration:1200,
+                    });
+                    if(res.data.operateSuccess){ // 关闭窗口
+                        vm.$emit("closeOptDialog");
+                    }
+                })
+            },
+        }
+    }
+</script>
+
+<style scoped>
+    .role-menu-contain /deep/ .el-card__header{
+        background-color: white;
+        color:black;
+        height: 40px;
+        line-height: 40px;
+        padding: 5px;
+        font-size: 16px;
+        box-sizing: border-box;
+        border: 0;
+    }
+    .role-menu-contain /deep/ .el-card__body{
+        padding: 0;
+        min-height: 50px;
+    }
+    .role-menu-contain /deep/ .el-card{
+        padding: 5px;
+        box-sizing: border-box;
+        min-height: 50px;
+    }
+    .role-menu-contain /deep/ .role-menu-opt-card-card{
+        min-height: 50px;
+        text-align: center;
+        line-height: 50px;
+    }
+    .role-menu-contain /deep/ .roleMenuOptMain{
+        padding: 0 10px;
+        box-sizing: border-box;
+    }
+    .clearfix{
+        line-height: 25px;
+        text-align: left;
+    }
+    .asideTree {
+        overflow-y: auto;
+        width: 100% !important;
+        height: calc(100% - 45px);
+        position: relative;
+        margin-top: 5px;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+    }
+    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-opt-card-card /deep/ .el-checkbox__label{
+        padding-left: 5px;
+    }
+    .data-power-class /deep/ .el-card{
+        min-height: 30px;
+    }
+    .data-power-class /deep/ .el-card__body{
+        padding: 0;
+        min-height: 30px;
+        height: 32px;
+    }
+    .data-power-class /deep/ .el-checkbox{
+        height: 32px;
+        line-height: 32px;
+    }
+    .opt-button-class{
+        width: 80px;
+        float: left;
+        height: 20px;
+        line-height: 20px;
+        margin-right: 10px;
+        border: 1px solid rgb(235, 238, 245);
+        padding: 5px 15px;
+        text-align: center;
+    }
+    .opt-button-class /deep/ .el-checkbox{
+        height: 20px;
+        line-height: 20px;
+    }
+
+    .asideTree /deep/ .model-color span{
+        font-size: 16px;
+    }
+
+    .asideTree /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;
+    }
+</style>