sasp-admin 0.2.57

package/src/views/role/sysRole.vue

@@ -0,0 +1,1525 @@
+<template>
+    <el-container style="height: 100%">
+        <el-header style="height: auto;">
+            <div class="search-form-parent el-card">
+                <el-form :inline="true" :model="crud.searchForm" size="small" class="demo-form-inline"
+                         @keyup.enter.native="crud.doSearch()" onSubmit="return false;">
+                    <el-form-item label="角色名">
+                        <el-input v-model="crud.searchForm.roleName"></el-input>
+                    </el-form-item>
+                    <el-form-item label="菜单名">
+                        <el-input v-model="crud.searchForm.menuName"></el-input>
+                    </el-form-item>
+                    <el-form-item label="角色类型" v-if="loginUser.userType == 'dev' || loginUser.userType == 'sup'">
+                        <el-select v-model="crud.searchForm.roleType">
+                            <el-option v-for="item in roleTypeOption" :key="item.id" :value="item.id" :label="item.name">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item label="角色状态" prop="roleStatus">
+                        <el-select v-model="crud.searchForm.roleStatus" placeholder="请选择" clearable>
+                            <el-option label="正常" value="10"></el-option>
+                            <el-option label="锁定" value="20"></el-option>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item>
+                        <el-button type="primary" icon="el-icon-search" @click="crud.doSearch()">查询</el-button>
+                        <el-button icon="el-icon-close" @click="crud.resetSearch()">清空</el-button>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </el-header>
+
+        <el-main id="tableMain" style="height: 100%">
+            <el-container style="height:100%" class="table-list-container">
+                <el-header style="height: auto;" size="medium">
+
+                    <el-button v-if="adminAuth" type="primary" size="small"  round icon="el-icon-circle-plus"   @click="add()">新增
+                    </el-button>
+<!--                    <el-button  v-if="loginUser.userType == 'dev' || loginUser.userType == 'sup'" type="success" size="small" round @click="openGIS()" ><i class="saspiconfont pl-icon-map"></i> GIS权限配置-->
+<!--                    </el-button>-->
+                    <el-button v-if="adminAuth" type="warning" size="small" round @click="toggleLockedUser('20')" ><i class="saspiconfont pl-icon-pwd"></i> 设为锁定
+                    </el-button>
+                    <el-button v-if="adminAuth" type="success" size="small" round  @click="toggleLockedUser('10')" ><i class="saspiconfont pl-icon-08" style="position: relative;top:-1px"></i> 解锁
+                    </el-button>
+
+                    <el-button v-if="adminAuth" type="danger" size="small" round  icon="el-icon-delete"  @click="remove()">删除
+                    </el-button>
+
+<!--                    <el-button v-if="adminAuth" type="primary" size="small" round  icon="el-icon-download"  @click="allocateRole()">下发-->
+<!--                    </el-button>-->
+                    <el-button v-if="isDeveloper && adminAuth" type="primary" size="small" round  icon="el-icon-download"  @click="authAllocate()">下发
+                    </el-button>
+
+                    <el-button v-if="!isDeveloper && adminAuth" type="primary" size="small" round  icon="el-icon-download"  @click="allocateRole()">批量授权
+                    </el-button>
+
+                </el-header>
+                <el-main style="height: 100%;" ref="tableMain">
+                    <el-table :data="crud.dataStore.records" :ref="crud.tableRef" stripe border height="100%" header-row-class-name="list-default-row"
+                              :row-style="rowStyle" :cell-style="cellStyle"	 style="width: 100%;" >
+                        <el-table-column type="selection" width="40" align="center"></el-table-column>
+                        <!--<el-table-column type="index" label="序号" align="center" width="60"></el-table-column>-->
+                        <el-table-column label="角色编号" prop="roleNumber" width="150" ></el-table-column>
+                        <el-table-column label="角色名" prop="roleName"></el-table-column>
+                        <el-table-column label="角色类型" prop="roleType" width="150" :formatter="roleTypeFormatter"></el-table-column>
+                        <el-table-column label="管理员角色" prop="adminRole" width="150" v-if="loginUser.userType == 'sup'"  align="center">
+                            <template slot-scope="scope">
+                                <el-tag :type="scope.row.adminRole == '1'?'':'info'">
+                                    {{adminRoleFormatter(scope.row)}}
+                                </el-tag>
+                            </template>
+                        </el-table-column>
+
+<!--                        <el-table-column label="创建人" prop="roleCreater" width="150" :formatter="createFormatter"></el-table-column>-->
+
+                        <el-table-column label="角色来源" prop="roleCreater" width="150" :formatter="createFormatter" v-if="!isDeveloper" align="center">
+                        </el-table-column>
+
+
+                        <el-table-column label="角色状态" prop="roleStatus" width="100" align="center">
+                                <template slot-scope="scope">
+                                    <el-tag :type="scope.row.roleStatus == '20'?'warning':'success'">
+                                        {{roleStatusObj[(scope.row.roleStatus || "10")]}}
+                                    </el-tag>
+                                </template>
+                        </el-table-column>
+
+                        <el-table-column label="操作" align="center" width="300">
+                            <template slot-scope="scope">
+                                <div v-if="adminAuth">
+                                    <el-tooltip class="item" effect="dark" content="修改"
+                                                v-if="((loginUser.linkId || loginUser.mainOrgId) == scope.row.roleAttach) || isDeveloper" placement="top-end">
+                                        <el-button type="primary" @click="update(scope.row)" size="small"><i class="el-icon-edit"></i></el-button>
+                                    </el-tooltip>
+                                    <el-tooltip class="item" effect="dark" content="权限设置"
+                                                v-if="((loginUser.linkId || loginUser.mainOrgId) == scope.row.roleAttach) || isDeveloper" placement="top-end">
+                                        <el-button type="primary" @click="roleSetting(scope.row)" size="small"><i class="saspiconfont pl-icon-quanxianshezhi"></i></el-button>
+                                    </el-tooltip>
+                                    <el-tooltip class="item" effect="dark" content="可分配权限设置" placement="top-end" v-if="'1' == scope.row.adminRole && loginUser.id == scope.row.created">
+                                        <el-button type="primary" @click="setAllocateMenu(scope.row)"
+                                                   size="small" icon="el-icon-document"></el-button>
+                                    </el-tooltip>
+                                    <el-tooltip class="item" effect="dark" content="人员设置" placement="top-end">
+                                        <el-button type="primary" @click="roleUserSetting(scope.row)" size="small" icon="el-icon-setting"></el-button>
+                                    </el-tooltip>
+
+                                    <el-tooltip class="item" effect="dark" v-if="isDeveloper" content="下发管理员设置" placement="top-end">
+                                        <el-button type="primary" @click="authAllocateSetting(scope.row)" size="small" icon="el-icon-download"></el-button>
+                                    </el-tooltip>
+
+                                    <el-tooltip class="item" effect="dark" content="查看已有菜单" placement="top-end"
+                                                v-if="!isDeveloper">
+                                        <el-button type="primary" @click="viewRemark(scope.row)" size="small" icon="el-icon-zoom-in"></el-button>
+                                    </el-tooltip>
+                                </div>
+                                <div v-else>
+                                    <el-tooltip class="item" effect="dark" content="查看已有菜单" placement="top-end">
+                                        <el-button type="primary" @click="viewRemark(scope.row)" size="small" icon="el-icon-zoom-in"></el-button>
+                                    </el-tooltip>
+                                </div>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </el-main>
+            </el-container>
+        </el-main>
+        <el-footer>
+            <el-pagination
+                    :ref="crud.pageRef"
+                    :page-sizes="crud.pageSizes"
+                    :page-size="crud.pageSize"
+                    :current-page="crud.page"
+                    :total="crud.dataStore.total"
+                    @size-change="crud.sizeChange()"
+                    @current-change="crud.currentPage()"
+                    layout="total, sizes, prev, pager, next, jumper">
+            </el-pagination>
+        </el-footer>
+
+
+
+        <el-dialog :close-on-click-modal=false title="角色权限" width="60%" top="20vh" :visible.sync="crud.dialogVisible">
+            <el-form :model="crud.formData" :ref="crud.addFormRef">
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="角色编号" label-width="150px" prop="roleNumber" :rules="plValidate('number','required')">
+                            <el-input v-model="crud.formData.roleNumber"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="角色名" label-width="150px" prop="roleName" :rules="rules.roleName">
+                            <el-input v-model="crud.formData.roleName"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row v-if="loginUser.userType == 'dev' || loginUser.userType == 'sup' || loginUser.userType == 'empower' ">
+                    <el-col :span="12">
+                        <el-form-item label="角色类型" label-width="150px" prop="roleType" :rules="plValidate('required')">
+                            <el-select v-model="crud.formData.roleType" style="width: 100%">
+                                <el-option v-for="item in roleTypeOption" :key="item.id" :value="item.id" :label="item.name">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="角色状态" label-width="150px" prop="roleStatus" :rules="plValidate('required')">
+                            <el-radio-group v-model="crud.formData.roleStatus" size="medium">
+                                <el-radio-button label="10">正常</el-radio-button>
+                                <el-radio-button label="20">锁定</el-radio-button>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row v-if="loginUser.userType == 'dev' || loginUser.userType == 'sup'">
+                    <el-col :span="12">
+                        <el-form-item label="管理员角色" label-width="150px" prop="adminRole" :rules="plValidate('required')">
+                            <el-radio-group v-model="crud.formData.adminRole" size="medium" @change="changeAdminRole" :disabled="crud.optCode != 'add'">
+                                <el-radio-button label="1">是</el-radio-button>
+                                <el-radio-button label="0">否</el-radio-button>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="formSubmit()" size="small" icon="el-icon-success">确 定</el-button>
+                <el-button @click="crud.dialogVisible = false" size="small" icon="el-icon-error">取 消</el-button>
+            </div>
+        </el-dialog>
+
+
+
+
+        <!--普通角色权限配置-->
+
+        <el-dialog :close-on-click-modal=false title="权限设置"  width="80%" height="90%" top="5vh" :visible.sync="roleSettingDialog" class="role-setting-class">
+            <common-setting-adjust ref="commonsettingRef"
+                                v-if="roleSettingDialog" :isAdminRole="currentRowObj.adminRole == '1'"
+                                :role-id="currentRowObj.id" :roleType="currentRoleType">
+            </common-setting-adjust>
+
+            <!--<common-setting ref="authRef"
+                            :currentRowObj="currentRowObj"
+                            :roleSettingDialog="roleSettingDialog"
+                            :roleType="currentRoleType"
+                            :uuIdkey="uuIdKey"
+                            @closeSettingDialog="closeSettingDialog()">
+            </common-setting>-->
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="saveSetting()" :disabled="saveBtnDisabled" size="small" icon="el-icon-success">保 存</el-button>
+                <el-button @click="roleSettingDialog = false" size="small" icon="el-icon-error">取 消</el-button>
+            </div>
+        </el-dialog>
+
+<!--        <el-dialog :close-on-click-modal=false title="gis权限设置" width="80%" height="80%" top="5vh" :visible.sync="gisDialogVisible" class="gis-dialog">-->
+<!--            <gis-role-list :gis-uuid="uuIdKey"></gis-role-list>-->
+<!--        </el-dialog>-->
+
+        <!--查看当前菜单-->
+        <el-dialog :close-on-click-modal=false title="查看当前角色菜单" width="400px" height="80%" top="10vh" :visible.sync="viewMenuDialog" class="view-menu-dialog">
+            <view-menu-opt-detail :role-id="viewMenuRoleId" v-if="viewMenuDialog"></view-menu-opt-detail>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="viewMenuDialog = false" saize="small" icon="el-icon-error">关闭</el-button>
+            </div>
+        </el-dialog>
+
+
+        <el-dialog :close-on-click-modal=false title="可分配权限设置" width="80%" height="90%" top="5vh" :visible.sync="allocateSettingDialog" class="allocate-setting-class">
+            <allocate-setting ref="allocateRef" :currentRowObj="currentRowObj" :roleSettingDialog="allocateSettingDialog"
+                              v-if="allocateSettingDialog"
+                              @closeSettingDialog="closeAllocateSettingDialog">
+            </allocate-setting>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="saveAllocateSetting()" size="small" icon="el-icon-success">保 存</el-button>
+                <el-button @click="allocateSettingDialog = false" size="small" icon="el-icon-error">取 消</el-button>
+            </div>
+        </el-dialog>
+
+
+        <el-dialog :close-on-click-modal=false :title="issuedTitle" width="80%" height="80%" top="10vh" :visible.sync="issuedVisible">
+            <sys-org-pos-user-select-new
+                    v-if="issuedVisible"
+                    ref="commonUserRef" :isAdminRole="currentRowObj.adminRole == '1'"
+                    :choose-param="userChooseParam"
+                    :choose-url="api.roleUser.find"
+                    choose-field="userAttach"
+                    choose-field-cascade-data="cascadeData"
+                    :filterUserParam="{'commonUserType':'common' }"
+                    :expRoleId="roleIdArr.join(',')"
+                    :org-tree-ids="orgTreeIds"
+                    :org-dims="orgDims"
+                    :open-low-level-checkbox="true"
+                    :pos-enable="!(currentRowObj.adminRole == '1' && isDeveloper)"
+                    :ogn-enable="!(currentRowObj.adminRole == '1' && isDeveloper)">
+            </sys-org-pos-user-select-new>
+
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="saveIssued(issuedPosition)" size="small" icon="el-icon-success">保 存</el-button>
+                <el-button @click="issuedVisible = false" size="small" icon="el-icon-error">取 消</el-button>
+            </div>
+        </el-dialog>
+
+
+        <el-dialog :close-on-click-modal=false title="下发管理员设置" width="80%" height="80%" top="10vh" :visible.sync="allocateVisible">
+            <sys-org-pos-user-select-new
+                    v-if="allocateVisible"
+                    ref="authAllocateRef"
+                    :default-choose-ids="authAllocateIds"
+                    choose-field="userAttach"
+                    :filterUserParam="{'commonUserType':'common' }"
+                    :org-tree-ids="orgTreeIds"
+                    :org-dims="orgDims"
+                    isAuthAllocate
+                    :pos-enable="false"
+                    :ogn-enable="false">
+            </sys-org-pos-user-select-new>
+
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="saveAuthAllocate()" size="small" icon="el-icon-success">保 存</el-button>
+                <el-button @click="allocateVisible = false" size="small" icon="el-icon-error">取 消</el-button>
+            </div>
+        </el-dialog>
+    </el-container>
+</template>
+
+<script>
+    import ViewMenuOptDetail from "./viewMenuOptDetail"; //关联菜单
+    import commonSettingAdjust from "./commonRole/compoment/commonSettingAdjust";
+    import AllocateSetting from "./authRole/component/allocateSetting";
+    import SysOrgPosUserSelectNew from "../../components/public/org/sysOrgPosUserSelectNew";
+
+    export default {
+        name: "sys-role",
+        components: {SysOrgPosUserSelectNew, AllocateSetting, commonSettingAdjust,ViewMenuOptDetail},
+        data(){
+            //表单视图名称唯一性验证
+            let roleNameValidate =(rule,value,callback) => {
+                if(!value){
+                    callback();
+                }
+                this.axios.post(this.api.role.find,{noEqRoleType:'empower',roleNameEq:value,created:this.loginUser.id}).then(res =>{
+                    if((res.data ||[]).length == 0  || (this.operate == 'update' && this.oldRoleName == value)){
+                        callback();
+                    }else{
+                        return callback(new Error('该角色名称已经存在！'));
+                    }
+                });
+            };
+            return{
+                crud:new this.CrudUtil({
+                    vue: this,
+                    entityName: "role",
+                    url: this.api.role.url,
+                    searchUrl:this.api.role.findPage,
+                    noClearSearchColumns:["created","searchOrg","noEqRoleType","order","allocateAdminRoles","roleAttach","userIdsSearch","entOrgIdsLike"],
+                    initNoSearch:true,
+                    searchForm:{"order":"ROLE_NUMBER ASC"},
+                    beforeSubmit:this.addGovType,
+                }),
+                loginUser:{}, // 当前登录用户信息
+                rowStyle:{'height':'40px'},
+                cellStyle:{"height":"30px"},
+                roleType:{}, // 角色id对应类型
+                roleTypeOption:[], // 角色id对应类型数组
+                gisDialogVisible:false,
+                roleMenuDialogVisible:false,
+                nocdss:"", // 可分配菜单数据过滤条件
+                currentRoleId:"", // 当前角色id
+                currentRoleType:"", // 当前角色type
+                userMap:{}, // 已选择信息的map
+                uuIdKey:'', //唯一标志 UUID
+                menuUUid:'', //权限设置页面中的 uuid
+                viewMenuDialog:false,//拥有的菜单
+                roleSettingDialog:false, // 关联权限设置对话框
+                viewMenuRoleId:"", //菜单的角色ID
+                roleStatusColor: {
+                    '10' : "success",
+                    '20' : "warning",
+                },
+                roleStatusObj:{
+                    '10':"正常",
+                    '20':"锁定"
+                },
+                currentRowObj:{} ,
+                allocateSettingDialog:false,
+                tabsChange:Object,
+                roleTypeTemp:[], //定义全局变量
+                roleTypeOptionTemp:[],
+                roleTypeUpdate:"", //每次修改时候的角色类型
+                saveBtnDisabled:false, // 保存按钮禁用
+
+
+                //唯一标识验证
+                rules:{
+                    //表单视图唯一性
+                    roleName:[
+                        {required: true, message: '该输入项为必输项'},
+                        {validator:roleNameValidate,trigger:'blur'}
+                    ],
+                },
+                operate:'add', //操作
+                oldRoleName:'',
+                issuedVisible:false, //下发人员
+                allocateVisible:false,
+                authAllocateIds:"",
+                selectionAuthRoleIds:"",
+                isAppend:"0",
+
+                orgDims:'', //选中维度
+                orgTreeIds:'', //选中的组织
+                roleIdArr:[],//选中的角色
+                checkRoleIds:'', //默认选中
+                ognEnable:false, //是否开启组织
+                posEnable:false, //是否开启岗位
+                issuedTitle:"",//
+                issuedPosition:"head", //头部下发
+                parentRoleTree:"-1", // 管理员角色上级角色树
+                adminAuth:false, // 是否有管理员权限或开发者权限
+                isDeveloper:false, // 是否是开发者权限
+                userChooseParam:{'roleIds':this.checkRoleIds},
+                roleIds:""
+            }
+        },
+        watch:{
+            //监听
+            roleTypeTemp(){
+                let vm = this;
+                vm.roleTypeTemp.forEach(function (roleType1) {
+                    vm.roleTypeOptionTemp.forEach(function (roleType2) {
+                        //遍历 roleTypeTemp
+                        if(roleType2 == roleType1){
+                            vm.roleTypeOption.push({"id":roleType2,"name":vm.roleType[roleType2]}); //保存当前的  roleType
+                        }
+                    });
+                });
+            }
+        },
+        created(){
+            this.RES_GLOBAL.getAllRoleId(this.initMethod);
+        },
+
+        methods:{
+            initMethod(roleIds){
+                this.roleIds = roleIds;
+                let vm = this;
+                vm.axios.post(vm.api.param.getSysParams,{"key":"userDimension"}).then(function (res) {
+                    vm.roleType = JSON.parse(vm.platStringUtil.replaceAll(res.data,"'","\"") || "{}");
+                    Object.keys(vm.roleType).forEach(function (key) {
+                        vm.roleTypeOptionTemp.push(key);
+                    });
+                    //解决异步问题 从回调中拿roleType
+                    vm.loginUser = vm.USER_GLOBAL.getLoginUser();
+                    if(vm.loginUser.userType == 'sup' || vm.loginUser.userType == 'dev'){
+                        vm.adminAuth = true;
+                        vm.isDeveloper = true;
+                        vm.$nextTick(function () {
+                            //如果是开发者则可以获取所有的类型
+                            Object.keys(vm.roleType).forEach(function (key) {
+                                vm.roleTypeOption.push({"id":key,"name":vm.roleType[key]});
+                            });
+                            vm.crud.searchForm["created"] = vm.loginUser.id;
+                            vm.crud.searchForm["noEqRoleType"] = 'empower';
+                            vm.crud.search();
+                        });
+                    }else{
+                        if(vm.loginUser.commonEmpowerId){
+                            vm.adminAuth = true;
+                        }
+                        vm.axios.post(vm.api.sysOrgPosUser.findNoPage,{"userId":vm.loginUser.id}).then(function (resPosUser) {
+                            if(resPosUser.data){
+                                resPosUser.data.forEach(function (posUser) {
+                                    let orgDim = posUser.orgDim;
+                                    //查询 sysOrgDimensionController listNopage
+                                    vm.axios.post(vm.api.sysOrgDimension.find,{"id":orgDim}).then(function (resOrgDim) {
+                                        if(resOrgDim.data){
+                                            resOrgDim.data.forEach(function (each) {
+                                                vm.roleTypeTemp.push(each.id);
+                                            });
+                                        }
+                                    });
+                                });
+                            }
+                        });
+                        //获取该用户组织创建的角色信息
+                        // vm.crud.searchForm["created"] = vm.loginUser.id;
+                        vm.crud.searchForm["noEqRoleType"] = 'empower';
+                        let roleAttach = vm.loginUser.linkId || vm.loginUser.mainOrgId;
+                        vm.crud.searchForm["roleAttach"] = roleAttach;
+                        // if(vm.loginUser.commonEmpowerId){
+                        //     vm.crud.searchForm["allocateAdminRoles"] = roleIds;
+                        // }
+
+                        vm.crud.searchForm["entOrgIdsLike"] = vm.loginUser.mainOrgId;
+                        vm.crud.search();
+                    }
+
+                });
+            },
+
+            createFormatter(row){ // 格式化列数据
+                if((row["created"] == this.loginUser.id) || row["roleAttach"] == (this.loginUser.linkId || this.loginUser.mainOrgId)){
+                    return row.roleCreater || "自定义";
+                }
+                return "系统下发";
+                // return row["roleCreater"] || row["createName"];
+            },
+            roleTypeFormatter(row){
+                let vm = this;
+                return vm.roleType[row["roleType"]] || row["roleType"];
+            },
+            adminRoleFormatter(row){
+                let adminRole = row.adminRole || "0";
+                let obj = {
+                    "1":"是",
+                    "0":"否"
+                }
+                return obj[adminRole];
+            },
+
+            //普通角色配置
+            roleSetting(row){
+                let vm = this;
+                //每次打开时候。生成UUId,作为重置页面凭证
+                if(row.roleStatus == "20"){
+                    vm.$message({
+                        duration:1200,
+                        message:"该角色已被锁定，请解除锁定后继续操作！"
+                    });
+                    return;
+                }
+                vm.uuIdKey = this.COMMON_FUNC.getUUID();
+                vm.currentRowObj = row;
+                vm.currentRoleType = row.roleType;
+                vm.saveBtnDisabled = false;
+                vm.roleSettingDialog = true;
+            },
+
+            /**
+             * 设置可分配菜单
+             */
+            setAllocateMenu(row){
+                this.currentRowObj = row;
+                this.allocateSettingDialog = true;
+            },
+
+            //查看已有菜单
+            viewRemark(row){
+                let vm = this;
+                if(row.roleStatus == "20"){
+                    vm.$message({
+                        duration:1200,
+                        message:"该角色已被锁定，请解除锁定后继续操作！"
+                    });
+                    return;
+                }
+                this.viewMenuRoleId = row.id;
+                this.viewMenuDialog = true;
+            },
+
+            //当关闭权限配置弹窗时重新触发查询方法
+            closeSettingDialog(){
+                this.saveBtnDisabled = false;
+                this.roleSettingDialog = false;
+                this.crud.search();
+            },
+            //保存关联菜单以及关联人员
+            saveSetting(){
+                this.saveBtnDisabled = true;
+                this.$refs.commonsettingRef.saveData();
+                this.roleSettingDialog = false;
+                this.saveBtnDisabled = false;
+            },
+
+
+            addGovType(){ // 添加，修改时，如果是gov用户，设置默认角色类型
+                let vm = this;
+                if(vm.loginUser.userType == 'gov'){
+                    vm.crud.formData["roleType"] = "01dadc68a1924d21b22f0fcbc64a7e94";
+                }
+                return true;
+            },
+
+            handleClickDialog(tab, event) {
+                let vm = this;
+                vm.tabsChange = tab;
+            },
+
+            //设置角色锁定状态
+            toggleLockedUser(status){
+                let vm = this;
+                let selection = vm.$refs[vm.crud.setting.tableRef].selection;
+                if((selection || []).length == 0){
+                    vm.$message({
+                        message:"请选择要操作的角色！",
+                        duration:1500
+                    });
+                    return;
+                }
+                let message = '锁定';
+                if(status == '10'){
+                    message = '正常';
+                }
+
+                if(vm.loginUser.userType != 'sup' && vm.loginUser.userType != 'dev'){
+                    let flag = false;
+                    selection.forEach(function (data) {
+                        if(data.adminRole == '1' || data["roleAttach"] != (vm.loginUser.linkId || vm.loginUser.mainOrgId)){
+                            flag = true;
+                        }
+                    });
+                    if(flag){
+                        this.$message.error("系统下发角色无法操作！");
+                        return;
+                    }
+                }
+
+                let tips = "";
+                if(status == '10'){
+                    //锁定状态
+                    tips = '是否要将选中的角色设置为正常？';
+                }else{
+                    //正常状态
+                    tips = '角色锁定时，该角色所有权限都将锁定，无法使用，确认锁定吗？';
+                }
+                vm.$confirm(tips, '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    dangerouslyUseHTMLString: true
+                }).then(function () {
+                    let arrIds = [];
+                    selection.forEach(function (data) {
+                        arrIds.push(data.id);
+                    });
+                        vm.crud.axios.post(vm.api.role.settingLockedRole, {"ids": arrIds.join(","),"roleStatus":status}).then(function (response) {
+                        let obj = {"10":"解锁","20":"锁定"};
+                        let remindMessage = obj[status] + (response.data.operateSuccess ? "成功" : "失败");
+                        vm.$message({
+                            type: 'success',
+                            message: remindMessage
+                        });
+                        vm.crud.search();
+                    });
+                });
+            },
+            //新增角色1
+            add(){
+                let vm = this;
+                vm.operate = "add";
+                if(vm.loginUser.userType == "sup" || vm.loginUser.userType == "dev"){ // 用户是开发者，
+                    this.parentRoleTree = "-1";
+                    vm.$nextTick(function () {
+                        vm.$set(vm.crud.formData,"roleType",vm.roleTypeOption[0].id); //设置默认选中值
+                        vm.$set(vm.crud.formData,"roleStatus","10"); //设置默认选中值
+                        vm.$set(vm.crud.formData,"adminRole","0"); //设置默认选中值
+                        vm.$set(vm.crud.formData,"parentRoleTree",'-1'); //设置默认选中值
+                    });
+                    vm.crud.add();
+                }else{
+                    this.axios.post(this.api.sysUser.getById,{id:vm.loginUser.id}).then(userRes => {
+                        let commonEmpowerId = userRes.data.commonEmpowerId;
+                        if(commonEmpowerId){ // 管理员用户
+                            vm.axios.post(vm.api.role.getById,{"id":commonEmpowerId}).then(res => {
+                                let data = res.data;
+                                vm.parentRoleTree = data.parentRoleTree + "," + data.id;
+                                vm.$nextTick(function () {
+                                    vm.$set(vm.crud.formData,"roleAttach",vm.loginUser.linkId || vm.loginUser.mainOrgId);
+                                    vm.$set(vm.crud.formData,"roleType",vm.roleTypeOption[0].id); //设置默认选中值
+                                    vm.$set(vm.crud.formData,"roleStatus","10"); //设置默认选中值
+                                    vm.$set(vm.crud.formData,"adminRole","0"); //设置默认选中值
+                                    vm.$set(vm.crud.formData,"parentRoleTree",vm.parentRoleTree); //设置默认选中值
+                                });
+                                vm.crud.add();
+                            })
+                        }else{
+                            vm.$nextTick(function () {
+                                vm.$set(vm.crud.formData,"roleType",vm.roleTypeOption[0].id); //设置默认选中值
+                                vm.$set(vm.crud.formData,"roleStatus","10"); //设置默认选中值
+                                vm.$set(vm.crud.formData,"adminRole","0"); //设置默认选中值
+                            });
+                            vm.crud.add();
+                        }
+                    })
+                }
+
+            },
+
+            /**
+             * 管理员角色切换事件
+             */
+            changeAdminRole(value){
+                if(value == "1"){
+                    this.crud.formData["parentRoleTree"] = this.parentRoleTree;
+                }else{
+                    this.crud.formData["parentRoleTree"] = "";
+                }
+            },
+
+            //删除角色
+            remove(){
+                let vm = this;
+                let selection = vm.$refs[vm.crud.setting.tableRef].selection;
+                if ((selection || []).length === 0) {
+                    vm.$message({
+                        duration: 1500,
+                        type: 'info',
+                        message: '请至少选择一条需要删除的数据！'
+                    });
+                    return;
+                }
+
+                if(!this.isDeveloper){ // 不是开发者无法删除系统下发角色
+                    let flag = false;
+                    selection.forEach(item => {
+                        if(item.adminRole == "1" || item["roleAttach"] != (this.loginUser.linkId || this.loginUser.mainOrgId)){
+                            flag = true;
+                        }
+                    })
+                    if(flag){
+                        this.$message.error("无法删除系统下发角色！");
+                        return;
+                    }
+                }
+
+                // 如果当前删除的数据与dataStore中的数据条目相同，那么将页码置为第一页重新查询
+                if(selection.length == vm.crud.dataStore.records.length){
+                    vm.crud.searchForm.page = '1';
+                    vm.$refs[vm.crud.setting.pageRef]["internalCurrentPage"] = 1;
+                }
+                vm.$confirm('是否确定删除？这将会清空所有下级关联数据包括权限数据！', '警告', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                }).then(function () {
+                    // 避免重复遮罩
+                    vm.crud.searchLoading && vm.crud.searchLoading.close();
+                    vm.crud.searchLoading = vm.$loading({
+                        target: vm.$refs[vm.crud.tableRef].$el,
+                        lock: true,
+                        text: '正在删除,请稍后...',
+                        spinner: 'el-icon-loading',
+                        background: 'rgba(0, 0, 0, 0.6)'
+                    });
+                    let arrIds = [];
+                    selection.forEach(function (data) {
+                        arrIds.push(data.id);
+                    });
+                    vm.axios.post(vm.api.role.linkRemoveNew,{"ids":arrIds.join(",")}).then(res => {
+                        vm.crud.searchLoading && vm.crud.searchLoading.close();
+                        vm.$message({
+                            type: 'success',
+                            message: res.data.operateMessage
+                        });
+                        vm.crud.search();
+                    })
+                });
+
+            },
+            //编辑权限
+            update(row){
+                let vm = this;
+                if(row.roleStatus == "20"){
+                    vm.$message({
+                        duration:1200,
+                        message:"该角色已被锁定，请解除锁定后继续操作！"
+                    });
+                    return;
+                }
+                if(!row.adminRole){
+                    this.$set(row,"adminRole","0");
+                }
+                vm.roleTypeUpdate = row.roleType; //保存原角色类型
+                this.operate = "update";
+                this.oldRoleName = row.roleName; //赋值上次角色名
+                vm.crud.update(row);
+            },
+
+
+            formSubmit(){
+                let vm = this;
+                vm.$refs[vm.crud.addFormRef].validate(valid => {
+                    if(!valid){
+                        return;
+                    }
+                    let formData = vm.crud.formData;
+                    if(formData.id){
+                        vm.crud.axios.post(vm.api.role.settingLockedRole, {"ids": formData.id,"roleStatus":formData.roleStatus});
+                    }
+
+                    if(vm.crud.optCode === "update"){
+                        vm.crud.formData["updated"] = this.loginUser.id;
+                        //当前是编辑状态
+                        if(formData.roleType !== vm.roleTypeUpdate){
+                            //当前角色类型发生变化
+                            vm.$confirm('是否确认变更角色类型？这将会清空所有下级关联数据包括权限数据！', '警告', {
+                                confirmButtonText: '确定',
+                                cancelButtonText: '取消',
+                            }).then(function () {
+
+                                //删除关联菜单和关联人员
+                                vm.axios.post(vm.api.role.updateRoleTypeRemoveDatas,{"ids":formData.id}).then(res => {
+                                    vm.crud.formSubmit();
+                                });
+                            });
+                        }else{
+                            vm.crud.formSubmit();
+                        }
+                    }else{
+                        vm.crud.formData["created"] = this.loginUser.id;
+                        vm.crud.formData.roleCreater =  vm.loginUser.userName;
+                        //新增类型
+                        vm.crud.formSubmit();
+                    }
+
+
+                });
+            },
+
+            /**
+             * 角色下发
+             */
+            allocateRole(){
+                //弹出人员选择
+                let vm = this;
+                vm.currentRowObj = {};
+                let selection = vm.$refs[vm.crud.setting.tableRef].selection;
+                if((selection || []).length == 0){
+                    vm.$message({
+                        message:"请选择需要授权的角色！",
+                        duration:1500
+                    });
+                    return;
+                }
+                let orgDimSet = new Set();
+                let roleIdArr = [];
+                let flag = false;
+                //是否是开发者
+                let caseSup = this.loginUser.userType == "sup";
+                (selection || []).forEach(item =>{
+                    orgDimSet.add(item.roleType);
+                    roleIdArr.push(item.id);
+                    if(item.adminRole == "1" && caseSup){ // 开发者不可以直接下发角色
+                        flag = true;
+                    }
+                });
+                if(flag){
+                    this.$message.error("无法下发管理员角色！");
+                    return;
+                }
+                this.checkRoleIds = "$$$$$$$$$$$$$$$";
+                this.userChooseParam = {'roleIds':this.checkRoleIds};
+                // this.checkRoleIds = roleIdArr.join(",");
+                this.ognEnable = true;
+                this.posEnable = true;
+                this.issuedTitle = "下发人员选择";
+                this.issuedPosition = "head";
+                this.roleIdArr = roleIdArr;
+                let orgDimArr = Array.from(orgDimSet);
+                this.orgDims = orgDimArr.join(",");
+                //用户类型
+                let userType = this.loginUser.userType;
+                if(!caseSup){
+                    this.axios.post(this.api.sysOrgPosUser.find,{"userId":this.loginUser.id}).then(res => {
+                        let orgTreeId = ""; // 组织树上级
+                        let dim = ""; // 所在维度
+                        for(let i = 0; i<res.data.length;i++){
+                            if(res.data[i].orgId){
+                                if(!dim){
+                                    dim = res.data[i].orgDim;
+                                }
+                                if(res.data[i].orgDim==dim){
+                                    orgTreeId += ","+res.data[i].orgId;
+                                }
+                            }
+                        }
+                        if(orgTreeId.length>0){
+                            orgTreeId = orgTreeId.substring(1);
+                        }
+                        this.orgTreeIds = orgTreeId;
+                        this.issuedVisible = true;
+                    });
+                }else {
+                    this.issuedVisible = true;
+                }
+            },
+
+            /**
+             * 角色下发
+             */
+            authAllocate(){
+                let selection =  this.$refs[this.crud.setting.tableRef].selection;
+                if(selection.length == 0){
+                    this.$message.error("请选择需要下发的数据！");
+                    return;
+                }
+                // let flag = true;
+                let arr = [];
+                selection.forEach(item => {
+                    // if(item.adminRole == "1"){
+                    //     flag = false;
+                    // }
+                    arr.push(item.id);
+                })
+                // if(!flag){
+                //     this.$message.error("不能下发管理员角色！");
+                //     return;
+                // }
+                this.selectionAuthRoleIds = arr.join(",");
+                this.isAppend = "1";
+                this.authAllocateIds = "";
+                this.allocateVisible = true;
+            },
+
+            authAllocateSetting(row){
+                this.selectionAuthRoleIds = row.id;
+                this.isAppend = "0";
+                this.authAllocateIds = row.userAttach;
+                this.allocateVisible = true;
+            },
+
+            saveAuthAllocate(){
+                let checkedUsers = this.$refs.authAllocateRef.getCheckedInfo("user");
+                // if(checkedUsers.length == 0 && this.isAppend == '1'){
+                //     this.$message.error("请选择需要下发的管理员！");
+                //     return;
+                // }
+                let userIds = [];
+                let userAttachs = [];
+                checkedUsers.forEach(item => {
+                    userAttachs.push(item.id);
+                    if(userIds.indexOf(item.userId) == -1){
+                        userIds.push(item.userId);
+                    }
+                })
+                this.axios.post(this.api.role.authRoleAllocate,{userIds:userIds.join(","),isAppend:this.isAppend,
+                                userAttachs:userAttachs.join(","),roleIds:this.selectionAuthRoleIds}).then(res => {
+                    if(res.data.operateSuccess){
+                        this.$message.success("保存成功！");
+                        this.crud.search();
+                        this.allocateVisible = false;
+                    }else{
+                        this.$message.error("保存失败！");
+                    }
+                })
+            },
+
+            /**
+             * 保存人员设置
+             * position 位置 head 头部 row 行
+             */
+            saveIssued(position){
+                //解析
+                //先清除 创建人是 开发者的
+                let vm = this;
+                if (!vm.$refs.commonUserRef) {
+                    return;
+                }
+                //删除
+                let userType = this.loginUser.userType;
+                //是否是开发者
+                let caseSup = userType == "sup";
+                //查询当前选中角色下的所有用户关联
+                if(position == 'head'){ //头部下发
+                    let arr = vm.$refs.commonUserRef.getCheckedInfo("user");
+                    let userArr = []; //用户对象
+                    let addEmpowerIdUserIdArr = []; // 添加用户时需要将用户的角色关联id加上
+                    //遍历角色
+                    (vm.roleIdArr || []).forEach(roleId =>{
+                        arr.forEach((data,index)=> {
+                            userArr.push({
+                                userAttach:data.id,
+                                roleType:'user',
+                                userId:data.userId || '',
+                                roleId:roleId,
+                            })
+                            if(index == 0 && data.userId){ //因为当前选中的人一致所以取第一个就行
+                                addEmpowerIdUserIdArr.push(data.userId);
+                            }
+                        });
+                    });
+                    vm.initRoleUser().then(res =>{
+                        let userMap = {};
+                        let userDataMap = {};
+                        let caseDataMap = {};
+                        let caseDataParentData = {};
+                        let oldRoleUserData = res.data || [];
+                        let removeRoleUserIdArr = []; //需要删除的
+                        let removeUserAttachIdObj = {}; //需要删除的人员对象
+                        if(!caseSup){
+                            oldRoleUserData.forEach(roleUser =>{
+                                if(roleUser.created == vm.loginUser.id){ //当前创建者为登录用户
+                                    removeRoleUserIdArr.push(roleUser.id);
+                                    if(roleUser.userAttach){
+                                        if(!removeUserAttachIdObj[roleUser.userAttach]){
+                                            removeUserAttachIdObj[roleUser.userAttach] = [];
+                                        }
+                                        removeUserAttachIdObj[roleUser.userAttach].push(roleUser.roleId);
+                                    }
+                                }
+                            });
+                        }else { //当前是管理员
+                            //删除当前角色下所有的用户角色
+                            oldRoleUserData.forEach(roleUser =>{
+                                removeRoleUserIdArr.push(roleUser.id);
+                                if(roleUser.userAttach){
+                                    if(!removeUserAttachIdObj[roleUser.userAttach]){
+                                        removeUserAttachIdObj[roleUser.userAttach] = [];
+                                    }
+                                    removeUserAttachIdObj[roleUser.userAttach].push(roleUser.roleId);
+                                }
+                            });
+                        }
+                        let resultArr = [];
+                        let levelParentOrgArr = []; // 所有的父级数据
+                        let levelChildrenOrgArr = []; //保存所有勾选的子级
+                        let typeArr = ["user","org","pos"];
+                        typeArr.forEach(type=>{
+                            let arr = vm.$refs.commonUserRef.getCheckedInfo(type);
+                            arr.forEach(function (data) {
+                                data["roleType"] = type; // 设置角色类型
+                            });
+                            resultArr = resultArr.concat(arr);
+                        });
+                        let levelOrg = vm.$refs.commonUserRef.getCheckedInfo("levelOrg");
+                        levelParentOrgArr = levelOrg[0]; // levelParentOrg
+                        levelChildrenOrgArr = levelOrg[1]; // levelParentOrg
+                        let levelChildrenOrgIds = []; // 级联隐藏数据id
+                        let parentOrgIdArr = []; // 当前选中的父级数据的Ids
+                        levelParentOrgArr.forEach(item => {
+                            item["roleType"] = "levelParentOrg";
+                            parentOrgIdArr.push(item.id);
+                        });
+                        levelChildrenOrgArr.forEach(item => {
+                            item["roleType"] = "levelChildrenOrg";
+                            levelChildrenOrgIds.push(item.id);
+                        });
+                        let newAttachArr = []; // 当前保存的数据归属集合
+                        let newMap = {}; // 当前保存的所有数据集合
+                        resultArr.forEach(data=>{
+                            if(levelParentOrgArr.indexOf(data.id) == -1){
+                                newMap[data.id] = data;
+                                newAttachArr.push(data.id);
+                            }
+                        });
+                        let tempAttachArr = []; // 新增的数据集合
+                        let removeEmpowerIdUserIdArr = []; // 移除用户时需要将用户的角色关联id去除EmpowerId
+                        for(let [key] of Object.entries(userMap)){ // 移除无效的用户归属,userMap用户旧归属合集,新归属不存在则移除
+                            if(newAttachArr.indexOf(key) == -1){
+                                removeEmpowerIdUserIdArr.push((userDataMap[key] || {})["userId"]);
+                            }
+                        }
+                        let tempArr = Object.keys(userMap);
+                        for(let [key,val] of Object.entries(newMap)){ // 原归属中已存在的，但当前选择的归属中不存在，则新增
+                            if(tempArr.indexOf(key) == -1 && parentOrgIdArr.indexOf(key) == -1){
+                                tempAttachArr.push(val);
+                            }
+                        }
+
+                        let addAttachArr = [];
+                        let removeUserAttachIdKeys = Object.keys(removeUserAttachIdObj);
+                        let tobj = {"org":"orgId","area":"orgId","ogn":"orgId","dept":"orgId","pos":"posId","user":"userAttach"};
+                        let addEmpowerIdUserIdSet = new Set(); // 添加用户时需要将用户的角色关联id加上
+                        (vm.roleIdArr || []).forEach(roleId =>{
+                            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"] = roleId;
+                                    let dataIdTmp = data["id"];
+                                    if(removeUserAttachIdKeys.indexOf(dataIdTmp) == -1 ||
+                                        (removeUserAttachIdObj[dataIdTmp] || []).indexOf(roleId) == -1){
+                                        if(data["userId"]){
+                                            addEmpowerIdUserIdSet.add(data["userId"])
+                                        }
+                                        addAttachArr.push(obj);
+                                    }
+                                }
+                            });
+                        });
+                        let addEmpowerIdUserIdArr = Array.from(addEmpowerIdUserIdSet); //新增得用户id
+                        let addArr = [];
+                        removeEmpowerIdUserIdArr.forEach(id =>{
+                            id && (addArr.push(id));
+                        });
+                        //需要移除的下级部门子数据
+                        let removeArrOrg = [];
+                        //需要更新的原父级数据数据
+                        //  let updateParentOrgKey = [];
+                        let removedateParentOrgKey = [];
+                        Object.keys(caseDataParentData).forEach(key => {
+                            if(parentOrgIdArr.indexOf(key) == -1){
+                                removedateParentOrgKey.push(caseDataParentData[key]);
+                            }
+                        });
+                        //保存已经选中的数据
+                        let addLevelOrgArr = []; //保存开启上下级组织的信息
+                        levelChildrenOrgArr.forEach(function (data) {
+                            if(!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 = []; //后台批量更新父级数据
+                        (vm.roleIdArr || []).forEach(roleId =>{
+                            levelParentOrgArr.forEach(function (data) {
+                                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"] = roleId;
+                                updateLevelParentOrgArr.push(obj);
+                            });
+                        });
+                        let param = {
+                            roleId:vm.roleIdArr.join(","),
+                            userId:vm.loginUser.id,
+                            userList:JSON.stringify(addAttachArr),
+                            removeRoleUserIds:"",
+                            removeEmpowerIdUserIds:"",
+                            addEmpowerIdUserIds:"",
+                            leveParentOrgUserList:JSON.stringify(updateLevelParentOrgArr),
+                            removeLevelOrgUserList:"",
+                            leveOrgUserList:JSON.stringify(addLevelOrgArr)
+                        };
+                        vm.axios.post(vm.api.roleUser.saveData,param).then(res =>{
+                            if(res.data && res.data.operateSuccess){
+                                vm.$message({
+                                    type: 'success',
+                                    message: "保存成功!"
+                                });
+                            }else {
+                                vm.$message({
+                                    type: 'error',
+                                    message: "保存失败!"
+                                });
+                            }
+                            vm.issuedVisible = false;
+                            vm.crud.search();
+                        });
+                    });
+                }else { //行下发
+                    vm.initRoleUser().then(res =>{
+                        let userMap = {};
+                        let userDataMap = {};
+                        let caseDataMap = {};
+                        let caseDataParentData = {};
+                        let roleId = vm.roleIdArr.join(",");
+                        (res.data||[]).forEach(info => {
+                            if(info.cascadeData == 'true'){
+                                caseDataMap[info.userAttach] = info.id;
+                            }else if(info.cascadeData == 'parent'){
+                                //保存原勾选的父菜单(为了方便更新)
+                                caseDataParentData[info.userAttach] = info.id; //保存原选中的父级信息
+                            }
+                            else{
+                                userMap[info.userAttach] = info.id;
+                                userDataMap[info.userAttach] = info;
+                            }
+                        });
+
+                        let resultArr = [];
+                        let levelChildrenOrgArr = []; //保存所有勾选的子级
+                        let levelParentOrgArr = []; // 所有的父级数据
+                        let typeArr = ["user","org","pos"];
+                        typeArr.forEach(type=>{
+                            let arr = vm.$refs.commonUserRef.getCheckedInfo(type);
+                            arr.forEach(function (data) {
+                                data["roleType"] = type; // 设置角色类型
+                            });
+                            resultArr = resultArr.concat(arr);
+                        });
+                        let levelOrg = vm.$refs.commonUserRef.getCheckedInfo("levelOrg");
+                        levelParentOrgArr = levelOrg[0]; // levelParentOrg
+                        levelChildrenOrgArr = levelOrg[1]; // levelChildrenOrg
+                        let levelChildrenOrgIds = []; // 级联隐藏数据id
+                        let parentOrgIdArr = []; // 当前选中的父级数据的Ids
+                        levelParentOrgArr.forEach(item => {
+                            item["roleType"] = "levelParentOrg";
+                            parentOrgIdArr.push(item.id);
+                        });
+                        levelChildrenOrgArr.forEach(item => {
+                            item["roleType"] = "levelChildrenOrg";
+                            levelChildrenOrgIds.push(item.id);
+                        });
+                        let newAttachArr = []; // 当前保存的数据归属集合
+                        let newMap = {}; // 当前保存的所有数据集合
+
+                        resultArr.forEach(data=>{
+                            if(levelParentOrgArr.indexOf(data.id) == -1){
+                                newMap[data.id] = data;
+                                newAttachArr.push(data.id);
+                            }
+                        });
+                        let removeIdArr  = []; // 删除的数据集合
+                        let tempAttachArr = []; // 新增的数据集合
+                        let removeEmpowerIdUserIdArr = []; // 移除用户时需要将用户的角色关联id去除EmpowerId
+                        for(let [key] of Object.entries(userMap)){ // 移除无效的用户归属,userMap用户旧归属合集,新归属不存在则移除
+                            if(newAttachArr.indexOf(key) == -1){
+                                removeIdArr.push(userMap[key]);
+                                removeEmpowerIdUserIdArr.push((userDataMap[key] || {})["userId"]);
+                            }
+                        }
+                        let tempArr = Object.keys(userMap);
+                        for(let [key,val] of Object.entries(newMap)){ // 原归属中已存在的，但当前选择的归属中不存在，则新增
+                            if(tempArr.indexOf(key) == -1 && parentOrgIdArr.indexOf(key) == -1){
+                                tempAttachArr.push(val);
+                            }
+                        }
+
+                        let addEmpowerIdUserIdSet = new Set(); // 添加用户时需要将用户的角色关联id加上
+                        let addAttachArr = [];
+                        let tobj = {"org":"orgId","area":"orgId","ogn":"orgId","dept":"orgId","pos":"posId","user":"userAttach"};
+                        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"] = roleId;
+                                if(data["userId"]){
+                                    addEmpowerIdUserIdSet.add(data["userId"])
+                                }
+                                addAttachArr.push(obj);
+                            }
+                        });
+
+                        let addEmpowerIdUserIdArr = Array.from(addEmpowerIdUserIdSet); //新增得用户id
+                        let addArr = [];
+                        removeEmpowerIdUserIdArr.forEach(id =>{
+                            id && (addArr.push(id));
+                        });
+
+                        //需要移除的下级部门子数据
+                        let removeArrOrg = [];
+                        for(let [key,value] of Object.entries(caseDataMap)){
+                            //移除现在取消的组织
+                            if(levelChildrenOrgIds.indexOf(key) == -1){
+                                //不存在则需要删除
+                                removeArrOrg.push(value);
+                            }
+                        }
+                        removeIdArr =  removeIdArr.concat(removeArrOrg);
+                        //需要更新的原父级数据数据
+                        //  let updateParentOrgKey = [];
+                        let removedateParentOrgKey = [];
+                        Object.keys(caseDataParentData).forEach(key => {
+                            if(parentOrgIdArr.indexOf(key) == -1){
+                                removedateParentOrgKey.push(caseDataParentData[key]);
+                            }
+                        });
+                        //保存已经选中的数据
+                        let addLevelOrgArr = []; //保存开启上下级组织的信息
+                        levelChildrenOrgArr.forEach(function (data) {
+                            if(!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(!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"] = roleId;
+                                updateLevelParentOrgArr.push(obj);
+                            }
+                        });
+
+                        let param = {
+                            roleId:vm.roleIdArr.join(","),
+                            userId:vm.loginUser.id,
+                            userList:JSON.stringify(addAttachArr),
+                            removeRoleUserIds:removeIdArr.join(","),
+                            removeEmpowerIdUserIds:addArr.join(","),
+                            addEmpowerIdUserIds:addEmpowerIdUserIdArr.join(","),
+                            leveParentOrgUserList:JSON.stringify(updateLevelParentOrgArr),
+                            removeLevelOrgUserList:removedateParentOrgKey.join(","),
+                            leveOrgUserList:JSON.stringify(addLevelOrgArr)
+                        };
+                        vm.axios.post(vm.api.roleUser.saveDataNew,param).then(res =>{
+                            if(res.data && res.data.operateSuccess){
+                                vm.$message({
+                                    type: 'success',
+                                    message: "保存成功!"
+                                });
+                            }else {
+                                vm.$message({
+                                    type: 'error',
+                                    message: "保存失败!"
+                                });
+                            }
+                            vm.issuedVisible = false;
+                            vm.crud.search();
+                        });
+
+                    });
+                }
+
+            },
+
+            /**
+             * 保存可分配菜单
+             */
+            saveAllocateSetting(){
+                this.$refs.allocateRef.save();
+            },
+
+            closeAllocateSettingDialog(){
+                this.allocateSettingDialog = false;
+            },
+
+            /**
+             *
+             * @param row
+             */
+            roleUserSetting(row){
+                //弹出人员选择
+                let vm = this;
+                vm.currentRowObj = row;
+                vm.checkRoleIds = row.id; //默认关联的
+                vm.ognEnable = true;
+                vm.posEnable = true;
+                vm.issuedTitle = "人员设置";
+                vm.issuedPosition = "row";
+                let roleIdArr = [];
+                roleIdArr.push(row.id);
+                vm.roleIdArr = roleIdArr;
+                vm.orgDims = row.roleType;
+                //用户类型
+                let userType = this.loginUser.userType;
+                //是否是开发者
+                let caseSup = userType == "sup";
+                this.userChooseParam = {'roleIds':this.checkRoleIds};
+
+                if(caseSup){
+                    this.userChooseParam = {'roleIds':this.checkRoleIds,"created":this.loginUser.id};
+                }else{
+                    this.userChooseParam = {'roleIds':this.checkRoleIds,"createOrg":this.loginUser.mainOrgId};
+                }
+
+                if(!caseSup){
+                    vm.axios.post(vm.api.sysOrgPosUser.find,{"userId":vm.loginUser.id}).then(res => {
+                        let orgTreeId = ""; // 组织树上级
+                        let dim = ""; // 所在维度
+                        for(let i = 0; i<res.data.length;i++){
+                            if(res.data[i].orgId){
+                                if(!dim){
+                                    dim = res.data[i].orgDim;
+                                }
+                                if(res.data[i].orgDim==dim){
+                                    orgTreeId += ","+res.data[i].orgId;
+                                }
+                            }
+                        }
+                        if(orgTreeId.length>0){
+                            orgTreeId = orgTreeId.substring(1);
+                        }
+                        vm.orgTreeIds = orgTreeId;
+                        vm.issuedVisible = true;
+                    });
+                }else {
+                    vm.issuedVisible = true;
+                }
+            },
+
+            /**
+             * 查询用户角色
+             */
+            initRoleUser(){
+                let vm = this;
+                return new Promise(resolve => {
+                    //用户类型
+                    let userType = this.loginUser.userType;
+                    //是否是开发者
+                    let caseSup = userType == "sup";
+                    let userChooseParam = {'roleIds':vm.roleIdArr.join(",")};
+
+                    if(caseSup){
+                        Object.assign(userChooseParam,{"created":this.loginUser.id});
+                    }else{
+                        if(this.loginUser.commonEmpowerId){
+                            Object.assign(userChooseParam,{"createOrg":this.loginUser.mainOrgId});
+                        }
+                    }
+                    vm.axios.post(vm.api.roleUser.find,userChooseParam).then(res =>{
+                        resolve(res);
+                    });
+                });
+
+            }
+        }
+
+    }
+</script>
+
+<style scoped>
+    #tableMain /deep/ .remark-class{
+        cursor: pointer;
+    }
+    /*#tableMain >>> .remark-class{ 穿透，与/deep/一致，但是>>>在scss中与它的原生样式重合了，所以使用deep*/
+    /*cursor: pointer;*/
+    /*}*/
+    .gis-dialog /deep/ .el-dialog__body{
+        height: calc(100% - 45px);
+    }
+    .allow-menu-dialog /deep/ .el-dialog__body{
+        padding-top: 0;
+        padding-left: 5px;
+        height: calc(100% - 50px);
+    }
+    .menu-opt-dialog /deep/ .el-dialog__body{
+        height: calc(100% - 55px);
+        padding-bottom: 60px;
+        box-sizing: border-box;
+    }
+    .member-dialog /deep/ .el-dialog__body{
+        padding: 0;
+    }
+
+
+    .role-setting-class /deep/ .el-dialog__body{
+        padding: 0;
+        top:44px!important;
+    }
+    .role-setting-class /deep/ .el-dialog__headerbtn{
+        top: 10px;
+    }
+    .role-setting-class /deep/ .el-tabs{
+        height: 100%;
+    }
+    /*.role-setting-class /deep/ .el-tabs__content{
+        height: calc(100% - 60px);
+    }*/
+    .role-setting-class /deep/ .el-tab-pane{
+        height: 100%;
+    }
+    /*.role-setting-class /deep/ .el-card__header{
+        background-color: white;
+        color:black;
+        height: 30px;
+        line-height: 30px;
+        padding: 5px;
+        font-size: 16px;
+        box-sizing: border-box;
+        border: 0;
+    }*/
+    .role-setting-class /deep/ .el-card__body{
+        /*padding: 0;*/
+        /*min-height: 50px;*/
+    }
+    .role-setting-class /deep/ .el-card{
+        padding: 5px;
+        box-sizing: border-box;
+        min-height: 50px;
+    }
+    .role-setting-class /deep/ .role-menu-opt-card-card{
+        min-height: 50px;
+        text-align: center;
+        line-height: 50px;
+    }
+    .role-setting-class /deep/ .el-dialog__header{
+        border: 0;
+    }
+
+    .role-setting-class /deep/ .el-dialog > .el-dialog__body{
+        top: 30px;
+    }
+    .role-setting-class /deep/ .el-dialog__headerbtn{
+        z-index: 99;
+    }
+
+
+
+    .allocate-setting-class /deep/ .el-dialog__body{
+        padding: 0;
+    }
+    .allocate-setting-class /deep/ .el-tabs{
+        height: 100%;
+    }
+    .allocate-setting-class /deep/ .el-tabs__content{
+        height: calc(100% - 60px);
+    }
+    .allocate-setting-class /deep/ .el-tab-pane{
+        height: 100%;
+    }
+    /*.allocate-setting-class /deep/ .el-card__header{
+        background-color: white;
+        color:black;
+        height: 30px;
+        line-height: 30px;
+        font-size: 16px;
+        box-sizing: border-box;
+        border: 0;
+    }*/
+    .allocate-setting-class /deep/ .el-card__body{
+        min-height: 50px;
+    }
+    .allocate-setting-class /deep/ .el-card{
+        padding: 5px;
+        box-sizing: border-box;
+        min-height: 50px;
+    }
+    .allocate-setting-class /deep/ .role-menu-opt-card-card{
+        min-height: 50px;
+        text-align: center;
+        line-height: 50px;
+    }
+    .allocate-setting-class /deep/ .el-dialog__header{
+        border: 0;
+        padding: 10px;
+    }
+    .allocate-setting-class /deep/ .el-dialog__body{
+        height: calc(100% - 88px);
+    }
+    .allocate-setting-class /deep/ .el-dialog > .el-dialog__body{
+        top: 40px;
+    }
+    .allocate-setting-class /deep/ .el-dialog__headerbtn{
+        z-index: 99;
+    }
+
+</style>