sasp-admin 0.2.57

package/src/components/public/org/sysOrgPosUserSelectDark.vue

@@ -0,0 +1,1402 @@
+<template>
+    <div style="height: 100%;width: 100%;" class="bodydiv">
+        <el-container class="select-user-box" style="height: 100%;box-sizing: border-box;overflow-y: hidden;background:none;">
+            <el-container class="select-body" :style="{'box-sizing': 'border-box','height': activeName == '1' ? 'calc(100% - 200px)' : 'calc(100% - 40px)'}">
+                <el-aside class="asideTree" v-if="userEnable" style="border: none;">
+                    <div style="background-image: linear-gradient(180deg, rgba(1,245,255,0.00) 0%, rgba(1,245,255,0.10) 100%);border: 1px solid rgb(1, 245, 255, 0.2);height:96%;padding: 10px;">
+                        <el-select v-model="currentDim" style="width: 100%;" @change="dimChange" size="small" :disabled="disabledDim">
+                            <el-option v-for="item in dimArr" :value="item.id" :key="item.id" :label="item.dimName">
+
+                            </el-option>
+                        </el-select>
+                        <el-input :placeholder="searchPlaceholder" v-model="filterTree" style="margin-top: 5px;" size="small"></el-input>
+                        <div style="overflow-y: auto;height: calc(100% - 90px);margin-top: 5px;background: none;">
+                            <common-tree style="background: none;" v-if="showTree" ref="orgSelectTree" :request-url="api.sysOrg.listNopageDim" :request-param="orgSearchParam"
+                                         parent-id="pId" :default-props="defaultProps" :deal-tree-data="dealTreeData" :init-call-back="initExpandOrignOrg"
+                                         :refresh-proper="currentDim" :checkbox="checkbox&&ognEnable" :expand-onclick-node=false :checkel-tree-change="checkelTreeChange"
+                                         :filter-text="filterTree" :node-click="nodeClick" :root-datas="posArr" :root-data-concat-sort=true :init-check="initCheck"
+                                         :render-content-func="renderContentFunc" :tree-node-expand="treeNodeExpand" :tree-node-collapse="treeNodeCollapse"
+                                         :filter-text-call-back="filterTextCallBack">
+                            </common-tree>
+                        </div>
+                    </div>
+                </el-aside>
+                <el-main class="mainTree" v-if="!userEnable">
+                    <el-select v-model="currentDim" style="width: 100%;" @change="dimChange" size="small">
+                        <el-option v-for="item in dimArr" :value="item.id" :key="item.id" :label="item.dimName">
+
+                        </el-option>
+                    </el-select>
+                    <el-input :placeholder="searchPlaceholder" v-model="filterTree" style="margin-top: 5px" size="small"></el-input>
+                    <div style="overflow-y: auto;height: calc(100% - 90px);margin-top: 5px">
+                        <common-tree v-if="showTree" ref="orgSelectTree" :request-url="api.sysOrg.listNopageDim" :request-param="orgSearchParam"
+                                     parent-id="pId" :default-props="defaultProps" :deal-tree-data="dealTreeData" :init-call-back="initExpandOrignOrg"
+                                     :refresh-proper="currentDim" :checkbox="checkbox" :expand-onclick-node=false :checkel-tree-change="checkelTreeChange"
+                                     :filter-text="filterTree" :node-click="nodeClick" :root-datas="posArr" :root-data-concat-sort=true :init-check="initCheck"
+                                     :render-content-func="renderContentFunc" :tree-node-expand="treeNodeExpand" :tree-node-collapse="treeNodeCollapse"
+                                     :filter-text-call-back="filterTextCallBack"
+
+                        >
+
+                        </common-tree>
+
+                    </div>
+                </el-main>
+                <el-main class="detail-info" v-show="userEnable">
+                    <el-container style="height: 100%">
+                        <el-header style="height: auto;padding-left: 0;background: none;">
+                            <div class="search-form-parent el-card" style="margin-top: 0;background: none;border: none;padding:0;" >
+                                <el-form :inline="true" :model="crud.searchForm" @submit.native.prevent size="small" class="demo-form-inline"
+                                         @keyup.enter.native="doSearch()" onSubmit="return false;">
+                                    <el-form-item label="用户名称">
+                                        <el-input v-model="crud.searchForm.userNamePinYin" placeholder="中文、拼音全拼、简拼"></el-input>
+                                    </el-form-item>
+                                    <el-form-item>
+                                        <el-button style="background: rgba(1, 245, 255, 0.56);border: none;" type="primary" icon="el-icon-search" @click="doSearch()">查询</el-button>
+                                        <el-button style="background: rgb(1, 245, 255,0.18);color:#ffffff;border: none;" icon="el-icon-close" @click="resetSearch()">清空</el-button>
+                                    </el-form-item>
+                                </el-form>
+                            </div>
+                        </el-header>
+
+                        <el-main id="tableMain" style="height:100%;width: 100%;padding-bottom: 10px;padding-left: 0">
+                            <el-table :data="crud.dataStore.records" :ref="crud.tableRef"  @select="tableSelect" :class="checkbox?'':'pos-user-table'"
+                                      @selection-change="selectChange" style="width: 100%;height: 100%;border: 1px solid rgb(1, 245, 255,0.2);" @row-click="rowClick">
+                                <el-table-column type="selection" width="45" align="center"></el-table-column>
+                                <el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
+                                <el-table-column prop="userName" label="用户名称" align="center"></el-table-column>
+                                <el-table-column prop="orgName" label="所属组织" align="center"></el-table-column>
+                                <el-table-column prop="posName" label="所属岗位" align="center"></el-table-column>
+                            </el-table>
+                        </el-main>
+                        <el-footer style="height: 40px">
+                            <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(checkSelected)"
+                                    @current-change="crud.currentPage(checkSelected)"
+                                    layout="total, sizes, prev, pager, next, jumper">
+                            </el-pagination>
+                        </el-footer>
+                    </el-container>
+                </el-main>
+            </el-container>
+            <el-footer :style="{'height':activeName == '1' ? '200px':'40px','box-sizing': 'border-box'}" class="select-footer">
+                <el-collapse accordion v-model="activeName">
+                    <el-collapse-item name="1">
+                        <template slot="title">
+                            <i class="saspiconfont pl-icon-yonghu2" style="margin:0 5px 0 10px"></i>已选择信息
+                        </template>
+                        <el-row style="height: 160px;overflow-y: auto;box-sizing: border-box;margin-bottom: 0" class="selectRow">
+                            <el-col :span="blockLength" v-if="ognEnable">
+                                <!--<fieldset>
+                                    <legend>已选择组织({{checkedOrg.length}})</legend>
+                                    <div class="alreadyChoose">
+                                        <el-tooltip effect="dark" content="点击删除" placement="top-end" v-for="(org,index) in checkedOrg" :key="index">
+                                            <el-button @click="removeOgn(org.id)" plain type="primary" size="small">
+                                                {{org.name}}
+                                            </el-button>
+                                        </el-tooltip>
+                                    </div>
+                                </fieldset>-->
+                                <div class="yxzxxdiv">
+                                    <div class="yxzxxtitle">
+                                        已选择组织({{checkedOrg.length}})
+                                    </div>
+                                    <div style="padding-top: 5px;">
+                                        <el-tooltip effect="dark" content="点击删除" placement="top-end" v-for="(org,index) in checkedOrg" :key="index">
+                                            <el-button @click="removeOgn(org.id)" plain type="primary" size="small">
+                                                {{org.name}}
+                                            </el-button>
+                                        </el-tooltip>
+                                    </div>
+                                </div>
+                            </el-col>
+                            <el-col :span="blockLength" v-if="posEnable">
+                                <!--<fieldset>
+                                    <legend>已选择岗位({{checkedPos.length}})</legend>
+                                    <div class="alreadyChoose">
+                                        <el-tooltip effect="dark" content="点击删除" placement="top-end" v-for="(pos,index) in checkedPos" :key="index">
+                                            <el-button @click="removePos(pos.id)" plain type="primary" size="small">
+                                                {{pos.name}}
+                                            </el-button>
+                                        </el-tooltip>
+                                    </div>
+                                </fieldset>-->
+                                <div class="yxzxxdiv">
+                                    <div class="yxzxxtitle">
+                                        已选择岗位({{checkedPos.length}})
+                                    </div>
+                                    <div style="padding-top: 5px;">
+                                        <el-tooltip effect="dark" content="点击删除" placement="top-end" v-for="(pos,index) in checkedPos" :key="index">
+                                            <el-button @click="removePos(pos.id)" plain type="primary" size="small">
+                                                {{pos.name}}
+                                            </el-button>
+                                        </el-tooltip>
+                                    </div>
+                                </div>
+                            </el-col>
+                            <el-col :span="blockLength" v-if="userEnable">
+                                <!--<fieldset>
+                                    <legend>已选择用户({{checkedUser.length}})</legend>
+                                    <div class="alreadyChoose">
+                                        <el-tooltip effect="dark" content="点击删除" placement="top-end" v-for="(posUser,index) in checkedUser" :key="index">
+                                            <el-button @click="removePosUser(posUser.id)" plain type="primary" size="small">
+                                                {{posUser.name}}
+                                            </el-button>
+                                        </el-tooltip>
+                                    </div>
+                                </fieldset>-->
+                                <div class="yxzxxdiv">
+                                    <div class="yxzxxtitle">
+                                        已选择用户({{checkedUser.length}})
+                                    </div>
+                                    <div style="padding-top: 5px;">
+                                        <el-tooltip effect="dark" content="点击删除" placement="top-end" v-for="(posUser,index) in checkedUser" :key="index">
+                                            <el-button @click="removePosUser(posUser.id)" plain type="primary" size="small">
+                                                {{posUser.name}}
+                                            </el-button>
+                                        </el-tooltip>
+                                    </div>
+                                </div>
+                            </el-col>
+                        </el-row>
+                    </el-collapse-item>
+                </el-collapse>
+            </el-footer>
+        </el-container>
+    </div>
+
+</template>
+
+<script>
+    /**
+     * 使用当前人员选择组件时，在保存时获取的数据为，已选择的岗位:checkedPos,已选择的组织:checkedOrg,已选择的用户:checkedUser(posUser)
+     * 使用getCheckedInfo方法获取。
+     */
+    export default {
+        name: "sys-org-pos-user-select-dark",
+        props:{
+            chooseUrl:{type:String,default:""}, // 已选择信息的url
+            chooseParam:{type:Object,default:() => ({})}, // 已选择信息的url参数
+            chooseField:{type:String,default:""}, // 获取已选择信息对应的字段
+            orgDims:{type:String,default:""}, // 逗号分隔的维度字符串，也就是roleType
+            orgTreeIds:{type:String,default:""}, // 过滤组织的条件
+            defaultChooseIds:{type:String,default:""}, // 已选择的人员信息
+            defaultOrgIds:{type:String,default:""},
+            defaultPosIds:{type:String,default:""},
+            defaultUserIds:{type:String,default:""},
+            ognEnable:{type:Boolean,default:true}, // 组织可用
+            posEnable:{type:Boolean,default:true}, // 岗位可用
+            userEnable:{type:Boolean,default:true}, // 人员可用
+            filterUserSource:{type:String,default:""}, // 限定用户来源
+            checkbox:{type:Boolean,default:true}, // 复选(true)、单选（false）
+            refreshProper:{type:Boolean,default:false}, // 刷新当前组件的办法(true为刷新，false为不刷新)
+            filterUserParam:{type:Object,default:() => ({})}, // 查询用户时需要过滤的额外条件
+            caseAuth:{type:Boolean,default:false}, // 如果是授权角色的人员设置需要在移除人员时做提示
+            openLowLevelCheckbox:{type:Boolean,default:false},//是否开启组织下级权限复选框
+            filterOrgParam:{}, // 过滤组织数据
+            filterPosParam:{}, // 过滤岗位数据
+
+            tenantId:{type:String,default:""}, //租户id
+            tenantCreated:{type:String,default:''}, //租户创建者
+        },
+
+        data(){
+            return {
+                crud: new this.CrudUtil({
+                    vue: this,
+                    entityName: "sysOrgPosUser",
+                    searchUrl: this.api.sysOrgPosUser.findPageParam,
+                    noClearSearchColumns:["orgTreeId","posTreeId","noneUserId","authUserType",
+                        "created","empowerId","commonUserType","filterUserSource","userLinkIdPam",'filterLoginUser','tenantId'],
+                    searchForm:{"orgTreeId":"$$$$$","tenantId":this.tenantId}, // 初始化时虽然不会产生数据因为nosearch，但是输入跳转会触发搜索，当前没条件就会生成所有数据，加上这个不查数据，树节点点击时清空它了
+                    initNoSearch:true,
+                }),
+                defaultProps:{children: 'children', label: 'name'}, // 树组件的配置信息
+                chooseIds:"", // 已选择数据ids
+                chooseOrgIds:"",
+                choosePosIds:"",
+                chooseUserIds:"",
+                dimArr:[], // 维度集合
+                currentDim:"", // 当前维度
+                searchPlaceholder:"组织名称",
+                showTree:false, // 树组件的加载时机
+                highlightcurrentKey:"", // 高亮选中项的key
+                filterTree:"", // 搜索框过滤
+                activeName:"0", // 默认展开的折叠面板
+                checkedOrg:[],
+                checkedPos:[],
+                checkedUser:[],
+                blockLength:8, // 已选择信息各个块的宽度
+                posArr:[], // 岗位数据
+                availabelLength:0, // 可用的模块（组织，列表，岗位）
+                initCheck:{}, // 初始化选中的数据
+                defaultDim:"", // 初始化默认维度
+                orgSearchParam:{},
+                posSearchParam:{"sort":"TB.PARENT_POS_ID,TB.SORT"},
+                pageSetting:{}, // 页面配置参数
+                userDeptDimId:"", // 企业部门id
+                loginUser:{}, // 登录用户
+                refreshTableId:"", // 刷新当前table的办法
+                roleTypeMap:{}, // 权限名称对应的map
+                roleTypeName:"", // 政府权限
+
+                //节点位置
+                levelParentOrg:[],  // 保存所有的父节点数据
+                levelChildrenOrg:[], // 保存所有的子节点数据
+                chooseCascadeDataIds:"", // 保存所有开启下级权限的子集数据 id
+                chooseCascadeParentDataIds:"",// 保存所有开启下级权限的父级数据id
+                isChecked:{},
+                expandOrignArr:[], // 保存一级组织Id数组
+                stopChange:false, // 阻止节点change事件
+                entOrgDim:"",
+
+                tenantOrgId:'',
+                disabledDim:false,
+                tenantDim:'',//租户维度
+            }
+        },
+        created(){
+            let vm = this;
+            if(!vm.tenantId){
+                vm.disabledDim = true;
+            }
+            vm.loginUser = vm.USER_GLOBAL.getLoginUser() || {};
+            vm.axios.post(vm.api.param.getSysParams,{"key":"userDimension"}).then(function (res) {
+                let sysParamObj = res.data;
+                // vm.entOrgDim = JSON.parse(vm.platStringUtil.replaceAll(sysParamObj["sysEntDim.id"],"'","\"") || "{}");;
+                vm. roleTypeMap= JSON.parse(vm.platStringUtil.replaceAll(sysParamObj,"'","\"") || "{}");
+                vm.init();
+            });
+            /*vm.axios.post("/sysParamController/getPropertiesParams",{"key":"sysEntDim.id"}).then(function (res) {
+                vm.entOrgDim = res.data;
+                vm.axios.post("/sysParamController/getSysParams",{"key":"userDimension"}).then(function (res) {
+                    vm.roleTypeMap = JSON.parse(vm.platStringUtil.replaceAll(res.data.paramVal,"'","\"") || "{}");
+                    vm.init();
+                });
+            });*/
+        },
+        watch:{
+            refreshProper(){
+                if(!this.refreshProper){
+                    return;
+                }
+                this.$refs.orgSelectTree &&  this.$refs.orgSelectTree.setTreeCurrentKey(null); // 刷新时不选中节点
+                this.crud.searchForm["orgTreeId"] = "$$$$$";
+                this.crud.search();
+                this.init();
+            },
+            refreshTableId(){ // orgId变化时刷新右边的table内容
+                let vm = this;
+                let searchForm = vm.crud.searchForm;
+                let data = vm.$refs.orgSelectTree.getTreeCurrentNode() || {};
+                searchForm["orgTreeId"] = "";
+                searchForm["posTreeId"] = "";
+                searchForm["page"] = 1;
+                searchForm["filterUserSource"] = vm.filterUserSource;
+                vm.$refs[vm.crud.setting.pageRef]["internalCurrentPage"] = 1;
+                if(vm.currentdim != vm.entorgdim){ // 不等于entorgdim企业部门纬度
+                    vm.crud.searchform = object.assign({},searchform,vm.pagesetting["userselectdefaultparams"])
+                }
+                vm.crud.searchForm = Object.assign({},searchForm,(vm.filterUserParam || {}));
+                if(data["nodeType"] == 'pos'){
+                    vm.crud.searchForm["posTreeId"] = data["id"];
+                }else{
+                    vm.crud.searchForm["orgTreeId"] = data["id"] || "$$$$$";
+                }
+                // if(vm.currentDim == vm.entOrgDim && vm.filterUserParam['authUserType'] != 'empower'){
+                //     vm.crud.searchForm["userLinkIdPam"]="entDept";
+                // }
+                if(vm.tenantId){
+                    vm.crud.searchForm["tenantId"] = vm.tenantId;
+                }
+                vm.crud.search(vm.checkSelected);
+            }
+        },
+        methods:{
+            init(){
+                let vm = this;
+                let arr = ["ognEnable","posEnable","userEnable"];
+                vm.availabelLength = 0;
+                arr.forEach(function (name) {
+                    vm[name] && vm["availabelLength"]++;
+                });
+                vm.refreshTableId = "";
+                vm.chooseIds = vm.defaultChooseIds; // 子组件不能修改父组件的变量，这里用它来接收做改变
+                vm.availabelLength && (vm.blockLength = 24/vm.availabelLength) && (vm.activeName = '1');
+                !vm.availabelLength && (vm.activeName = '0'); // 初始化可选择的块
+                let nameArr = ["checkedOrg","checkedPos","checkedUser"];
+                nameArr.forEach(function (name) {
+                    vm[name] = [];
+                });
+
+                vm.isChecked = {}; //清空
+
+                vm.levelParentOrg = [];
+                vm.levelChildrenOrg = [];
+
+
+                Object.keys(vm.roleTypeMap).forEach(function (key) {
+                    if(key == (vm.orgDims || "").split(",")[0]){
+                        vm.roleTypeName = vm.roleTypeMap[key];
+                    }
+                });
+                if(vm.chooseUrl && vm.chooseField){
+                    vm.axios.post(vm.chooseUrl,vm.chooseParam).then(function (chooseRes) {
+                        vm.chooseCascadeDataIds = "";
+                        vm.chooseCascadeParentDataIds = "";
+                        let tempArr = [];
+                        let orgArr=[];
+                        let posArr=[];
+                        let userArr=[];
+                        let tempCascadeArr = []; //保存所有选中的子集数据
+                        let tempCascadeParentArr = []; //保存所有的选中的父级数据
+
+                        chooseRes.data.forEach(function (chooseData) {
+                            if(chooseData["userId"]){
+                                userArr.push(chooseData[vm.chooseField]);
+                                tempArr.push(chooseData[vm.chooseField]);
+                            }else{
+                                if(chooseData["orgId"]){
+                                    orgArr.push(chooseData["orgId"]);
+                                }
+                                if(chooseData["posId"]){
+                                    posArr.push(chooseData["posId"]);
+                                }
+                                tempArr.push(chooseData["id"]);
+                            }
+                            if(vm.openLowLevelCheckbox){
+                                if(chooseData.cascadeData == 'true'){
+                                    tempCascadeArr.push(chooseData[vm.chooseField]);
+                                }
+
+                                //如果是父级勾选的  cascadeData 设置为 parent
+                                if(chooseData.cascadeData == 'parent'){
+                                    tempCascadeParentArr.push(chooseData[vm.chooseField]);
+                                }
+                            }
+                        });
+                        vm.chooseOrgIds = orgArr.join(",");
+                        vm.choosePosIds = posArr.join(",");
+                        vm.chooseUserIds = userArr.join(",");
+                        vm.chooseIds += tempArr.join(",");
+                        vm.chooseCascadeDataIds += tempCascadeArr.join(","); //所有开启下级权限的子集数据
+                        vm.chooseCascadeParentDataIds += tempCascadeParentArr.join(","); //所有开启下级权限的父级
+                        vm.initChooseInfo(); // 初始化已选择的内容
+                    });
+                }else{
+                    vm.initChooseInfo();
+                }
+            },
+            async initChooseInfo(){ // 初始化选中信息
+                let vm = this;
+                vm.defaultDim = "";
+                if(vm.chooseIds){
+                    let objArr = [{"url":vm.api.sysOrg.find,"name":"orgName","arr":"checkedOrg",param:{"id":vm.defaultOrgIds || vm.chooseOrgIds||vm.chooseIds}},
+                        {"url":vm.api.sysPos.find,"name":"posName","arr":"checkedPos",param:{"id":vm.defaultPosIds || vm.choosePosIds||vm.chooseIds}},
+                        {"url":vm.api.sysOrgPosUser.findNoPage,"name":"userName","arr":"checkedUser",param:{"ids":vm.defaultUserIds || vm.chooseUserIds||vm.chooseIds}}];
+                    for(let obj of objArr){
+                        await vm.axios.post(obj["url"],obj.param).then(function (result) {
+                            (result.data || []).forEach(function (data) {
+                                data["name"] = data[obj["name"]];
+                                if(vm.openLowLevelCheckbox && (obj["arr"]== "checkedOrg" || obj["arr"] == "checkedPos"  )){
+                                    //如果开启 chooseCascadeDataIds
+                                    if(vm.chooseCascadeDataIds == ''){
+                                        vm[obj["arr"]].push(data);
+                                    }
+                                    let chooseCascadeDataArr = (vm.chooseCascadeDataIds || '').split(",") || [];
+                                    if(vm.chooseCascadeDataIds !='' && chooseCascadeDataArr.indexOf(data.id) == -1){  //
+                                        vm[obj["arr"]].push(data);
+                                    }
+                                }else{
+                                    vm[obj["arr"]].push(data);
+                                }
+                            });
+                            if(result.data.length > 0){
+                                vm.defaultDim = result.data[0]["orgDim"]; // 当前维度
+                            }
+                        });
+                    }
+                    vm.dataFinish();
+                }else{
+                    vm.initTeantIdOrg().then(()=>{
+                        vm.initTree();
+                    });
+                }
+            },
+            dataFinish(){ // 初始化已选择的信息，当信息获取完成后再初始化树
+                let vm = this;
+                if(!vm.checkbox){ // 单选，单选时仅保留一个选项
+                    let arr = ["checkedOrg","checkedPos","checkedUser"];
+                    for(let name of arr){
+                        if(vm[name].length > 0){
+                            arr.forEach(function (empty) {
+                                if(empty != name){
+                                    vm[empty] = [];
+                                }
+                            });
+                            vm[name] = [vm[name][0]];
+                            vm.highlightcurrentKey = vm[name][0];
+                            break;
+                        }
+                    }
+                }
+                vm.initTeantIdOrg().then(()=>{
+                    vm.initTree();
+                });
+            },
+            initTree(dim){ // 初始化树
+                let vm = this;
+                vm.showTree = false;
+                vm.posArr = [];
+                let paramObj = {"order":"sort"};
+                if(vm.orgDims){
+                    paramObj = {"id":vm.orgDims,"order":"sort"};
+                }
+                if(vm.tenantId){
+                    paramObj = {"dimName":"租户维度"};
+                }
+                vm.axios.post(vm.api.sysOrgDimension.find,paramObj).then(function (res) {
+                    vm.dimArr = res.data;
+                    // 如果默认维度中不在所有维度中，则重新设置默认维度
+                    let arrIds = [];
+                    vm.dimArr.forEach(item => {
+                        arrIds.push(item.id);
+                        if(item.dimName == '租户维度'){
+                            vm.tenantDim = item.id;
+                        }
+                    });
+                    if(vm.defaultDim && arrIds.indexOf(vm.defaultDim) > -1){
+                        vm.currentDim = vm.defaultDim;
+                    }else if(res && res.data){
+                        vm.currentDim = res.data[0].id;
+                    }
+                    dim && (vm.currentDim = dim);
+                    vm.initPageSetting();
+                    if(vm.currentDim == vm.userDeptDimId){ // 如果是企业部门id我们新增noneUserId过滤当前用户
+                        vm.crud.searchForm["noneUserId"] = vm.loginUser["linkId"];
+                    }
+                    vm.crud.searchForm = Object.assign({},vm.crud.searchForm,(vm.filterUserParam || {}));
+                    vm.orgSearchParam["orgDim"] = vm.currentDim; // 过滤维度
+                    vm.orgSearchParam = Object.assign(vm.orgSearchParam,vm.filterOrgParam); // 过滤组织数据
+                    vm.orgSearchParam["orgParentTreeSelfs"] = vm.orgTreeIds || ""; // 过滤组织
+                    vm.posSearchParam["orgDim"] = vm.currentDim;
+                    vm.posSearchParam["orgDim"] = vm.currentDim;
+                    vm.posSearchParam["orgTreeIds"] = vm.orgTreeIds || "";
+                    if(vm.tenantId && vm.tenantCreated && vm.currentDim == vm.tenantDim){
+                        vm.orgSearchParam["orgParentTreeSelfs"] = ''; // 过滤组织
+                        vm.orgSearchParam["tenantCreated"] = vm.tenantCreated;
+                        vm.posSearchParam["orgTreeIds"] = vm.tenantOrgId;
+                    }
+                    vm.posSearchParam = Object.assign(vm.posSearchParam,vm.filterPosParam); // 过滤组织数据
+                    if((vm.userEnable || vm.posEnable) && !vm.caseAuth){ // 岗位可用时抓取数据，既不选岗位也不选人员不加载岗位
+                        vm.axios.post(vm.api.sysPos.findNoPage,vm.posSearchParam).then(function (resPos) { // 处理岗位数据defaultDim
+                            resPos.data.forEach(function (pos) {
+                                pos["name"] = pos["posName"];
+                                pos["nodeType"] = "pos";
+                                pos["className"] = vm.pageSetting["posIcon"] || "saspiconfont pl-icon-account";
+                                if(pos["layer"] == '1'){
+                                    pos["pId"] = pos["orgId"];
+                                }else{
+                                    pos["pId"] = pos["parentPosId"];
+                                }
+                                if(pos["isMainpos"] == '1'){
+                                    pos["name"] = pos["posName"] + "[主岗位]";
+                                    pos["className"] = vm.pageSetting["posMainIcon"] || "saspiconfont pl-icon-yonghu";
+                                }
+                                vm.posArr.push(pos);
+                            });
+                            vm.initCheckData();
+                            vm.showTree = true;
+                        });
+                    }else{ // 直接生成组织数据
+                        vm.initCheckData();
+                        vm.showTree = true;
+                    }
+                });
+            },
+            dealTreeData(data){ // 给节点添加自定义图标
+                let vm = this;
+                vm.posArr.forEach(elem =>{ //先比较额外数据岗位
+                    if(vm.openLowLevelCheckbox){
+                        if(vm.openLowLevelCheckbox){
+                            if(vm.expandOrignArr.join(",").indexOf(elem.id)!=-1){
+                                //设置一级节点为可选中状态
+                                vm.$set(elem,'disabled',false);
+                            }else {
+                                if(vm.chooseCascadeDataIds.indexOf(elem["id"])!= -1 ){
+                                    //则设置其子节点也
+                                    vm.$set(elem,'disabled',true);
+                                }else{
+                                    vm.$set(elem,'disabled',false);
+                                }
+                            }
+
+                            vm.$set(vm.isChecked, elem.id, (vm.chooseCascadeParentDataIds.indexOf(elem.id)!= -1)); //设置默认选中状态
+
+                        }
+                    }
+                });
+                data.forEach(function (elem) {
+                    elem["pId"] = elem["orgParentId"];
+                    if(elem["posName"]){
+                        elem["name"] = elem["posName"];
+                    }else{
+                        elem["name"] = elem["orgName"];
+                    }
+                    if(elem["orgType"]){
+                        elem["nodeType"] = elem["orgType"];
+                    }
+
+                    if(elem["orgType"] == "ogn"||elem["orgType"] == "area"){
+                        elem.className = vm.pageSetting["ognCloseIcon"] || "saspiconfont pl-icon-organ";
+                    }
+                    if(elem["orgType"] == "dept"){
+                        elem.className = vm.pageSetting["deptCloseIcon"] || "saspiconfont pl-icon-untitled85";
+                    }
+                    if(vm.openLowLevelCheckbox){
+                        if(vm.expandOrignArr.join(",").indexOf(elem.id)!=-1){
+                            //设置一级节点为可选中状态
+                            vm.$set(elem,'disabled',false);
+                        }else {
+                            if(vm.chooseCascadeDataIds.indexOf(elem["id"])!= -1 ){
+                                //则设置其子节点也
+                                vm.$set(elem,'disabled',true);
+                            }else{
+                                vm.$set(elem,'disabled',false);
+                            }
+                        }
+                        vm.$set(vm.isChecked, elem.id, (vm.chooseCascadeParentDataIds.indexOf(elem.id)!= -1)); //设置默认选中状态
+                    }
+                });
+
+            },
+
+
+            initPageSetting(){ // 初始化纬度配置信息
+                let vm = this;
+                for(let dim of vm.dimArr){
+                    if(vm.currentDim == dim.id){
+                        vm.initSetting(dim);
+                        break;
+                    }
+                }
+            },
+            initSetting(settingObj){
+                let vm = this;
+                vm.pageSetting = {
+                    "closeDept":false, // 设置为true时此维度下不包含部门(左侧组织树只有机构)
+                    "ognName":"组织", // 定义机构名称
+                    "deptName":"部门", // 定义部门名称
+                    "posName":"岗位", // 定义岗位名称
+                    "closePos":false, // 关闭岗位
+                    "ognOpenIcon":"saspiconfont pl-icon-organ", // 树中组织展开时使用的图标
+                    "ognCloseIcon":"saspiconfont pl-icon-organ", // 树中组织收缩时使用的图标
+                    "deptOpenIcon":"saspiconfont pl-icon-untitled85", // 树中组织展开时使用的图标
+                    "deptCloseIcon":"saspiconfont pl-icon-untitled85", // 树中组织收缩时使用的图标
+                    "closeMainPos":false, // 关闭主岗位
+                    "posIcon":"saspiconfont pl-icon-account", // 岗位图标
+                    "posMainIcon":"saspiconfont pl-icon-yonghu", // 主岗位图标
+                    "chooseUserType":"", // 可选择的用户类型(默认可选择所有类型用户,如设置ent就只可以选择ent)
+                    "userSelectDefaultParams":{}, // 通过组织岗位用户选择插件时用户的默认带上的查询条件（目前用于过滤有效企业）
+                    "orgSelectDefaultParams":{} // 通过组织岗位用户选择插件时组织的默认带上的查询条件
+                };
+                let dimSpec = JSON.parse(vm.platStringUtil.replaceAll(settingObj["dimSpec"],"'","\"") || "{}");
+                vm.pageSetting = Object.assign({},vm.pageSetting,dimSpec); // 覆盖默认属性
+                vm.orgSearchParam = Object.assign({},vm.pageSetting["orgSelectDefaultParams"] || {},vm.orgSearchParam); // 添加上组织的配置筛选条件
+
+            },
+            initExpandOrignOrg(treeVm){ // 初始化展开第一级组织
+                let vm = this;
+                vm.expandOrignArr = [];
+                let nodesMap = treeVm.getAllNode();
+                Object.keys(nodesMap).forEach(key => {
+                    if(nodesMap[key].level == 1 && (nodesMap[key].data["orgType"] == 'ogn'||nodesMap[key].data["orgType"] == 'area')){
+                        nodesMap[key].expanded = true;
+                        nodesMap[key].data.className = vm.pageSetting["ognOpenIcon"];
+                        vm.expandOrignArr.push(nodesMap[key].data.id);
+                    }
+                });
+
+                if(!vm.checkbox){ // 单选高亮当前行，如果当前没有选中树也没关系，那么就不会选中
+                    treeVm.highlightCurrent && treeVm.$refs.elTree.setCurrentKey(vm.highlightcurrentKey);
+                }
+                vm.$nextTick(function () {
+                    if(vm.checkbox){
+                        let domCollection = document.getElementsByClassName("noCheckBox");
+                        for(let i = 0;i < domCollection.length;i++){
+                            if(domCollection[i].parentNode.getElementsByTagName("label").length>0){
+                                domCollection[i].parentNode.getElementsByTagName("label")[0].style.display = 'none';
+                            }
+                        }
+                    }
+                    vm.dealTreeData(treeVm.data);//初始化树数据
+
+                    //初始化请求第一级数据  add by luyy
+                    vm.initCrudData(treeVm.data[0]||{});
+
+                })
+            },
+
+            initCrudData(data){
+                let vm = this;
+                let searchForm = vm.crud.searchForm;
+                searchForm["orgTreeId"] = "";
+                searchForm["posTreeId"] = "";
+                searchForm["page"] = 1;
+                searchForm["filterUserSource"] = vm.filterUserSource;
+                if(vm.currentDim != vm.entOrgDim){ // 不等于entOrgDim企业部门纬度
+                    vm.crud.searchForm = Object.assign({},searchForm,vm.pageSetting["userSelectDefaultParams"])
+                }
+                vm.crud.searchForm = Object.assign({},searchForm,(vm.filterUserParam || {}));
+                if(data["nodeType"] == 'pos'){
+                    vm.crud.searchForm["posTreeId"] = data["id"];
+                }else{
+                    vm.crud.searchForm["orgTreeId"] = data["id"] || "$$$$$";
+                }
+                vm.$refs.orgSelectTree.setTreeCurrentKey(data["id"]);
+                // if(vm.currentDim == vm.entOrgDim && vm.filterUserParam['authUserType'] != 'empower'){
+                //     vm.crud.searchForm["userLinkIdPam"]="entDept";
+                // }
+                if(vm.tenantId){
+                    vm.crud.searchForm["tenantId"] = vm.tenantId;
+                }
+                vm.crud.search(vm.checkSelected);
+            },
+
+            filterTextCallBack(){
+                let vm = this;
+                vm.$nextTick(function () {
+                    let nodesMap = vm.$refs.orgSelectTree.getAllNode();
+                    for(let [key,node] of Object.entries(nodesMap)){
+                        let elem = node.data;
+                        if(node.expanded){
+                            if(node.data["orgType"] == "ogn"||node.data["orgType"] == "area"){
+                                elem.className = vm.pageSetting["ognOpenIcon"] || "saspiconfont pl-icon-organ";
+                            }
+                            if(node.data["orgType"] == "dept"){
+                                elem.className = vm.pageSetting["deptOpenIcon"] || "saspiconfont pl-icon-untitled85";
+                            }
+                        }else{
+                            if(node.data["orgType"] == "ogn"||node.data["orgType"] == "area"){
+                                elem.className = vm.pageSetting["ognCloseIcon"] || "saspiconfont pl-icon-organ";
+                            }
+                            if(node.data["orgType"] == "dept"){
+                                elem.className = vm.pageSetting["deptCloseIcon"] || "saspiconfont pl-icon-untitled85";
+                            }
+                        }
+                    }
+                });
+            },
+            treeNodeExpand(data,node,comp){
+                let vm = this;
+                if(data.orgType == "ogn"||data.orgType == "area"){
+                    data.className = vm.pageSetting["ognOpenIcon"] || "saspiconfont pl-icon-organ";
+                }
+                if(data.orgType == "dept"){
+                    data.className = vm.pageSetting["deptOpenIcon"] || "saspiconfont pl-icon-untitled85";
+                }
+                vm.$nextTick(function () {
+                    if(vm.checkbox){
+                        let domCollection = document.getElementsByClassName("noCheckBox");
+                        for(let i = 0;i < domCollection.length;i++){
+                            if(domCollection[i].parentNode.getElementsByTagName("label").length>0){
+                                domCollection[i].parentNode.getElementsByTagName("label")[0].style.display = 'none';
+                            }
+                        }
+                    }
+                })
+            },
+            treeNodeCollapse(data,node,comp){
+                let vm = this;
+                if(data.orgType == "ogn"||data.orgType == "area"){
+                    data.className = vm.pageSetting["ognCloseIcon"] || "saspiconfont pl-icon-organ";
+                }
+                if(data.orgType == "dept"){
+                    data.className = vm.pageSetting["deptCloseIcon"] || "saspiconfont pl-icon-untitled85";
+                }
+            },
+            initCheckData(){ // 初始化树完成后在树中勾选已选择的数据
+                let vm = this;
+                let arr = [];
+
+                vm.checkedOrg.forEach(function (org) {
+                    arr.push(org.id);
+                });
+                vm.checkedPos.forEach(function (pos) {
+                    if(vm.chooseCascadeDataIds.indexOf(pos.id) == -1){
+                        arr.push(pos.id);
+                    }
+                });
+                vm.initCheck = {"initCheck":arr};
+                //  if(vm.checkbox){
+                //     let domCollection = document.getElementsByClassName("noCheckBox");
+                //     for(let i = 0;i < domCollection.length;i++){
+                //         if(domCollection[i].parentNode.getElementsByTagName("label").length>0){
+                //             domCollection[i].parentNode.getElementsByTagName("label")[0].style.display = 'none';
+                //         }
+                //     }
+                // }
+                // setTimeout(()=>{
+                // vm.crud.search(vm.checkSelected);
+                // },100)
+
+            },
+            dimChange(value){ // 当前维度切换时的事件
+                let vm = this;
+                vm.initTeantIdOrg().then(()=>{
+                    vm.initTree(value);
+                });
+                vm.crud.searchForm = {"orgTreeId":"$$$$$"};
+                vm.crud.search();
+            },
+            renderContentFunc(h, { node, data}){
+                let vm = this;
+                // if(vm.roleTypeName == "政府权限" &&　data.nodeType == "ogn"){
+                //     return (
+                //         <span class="noCheckBox">
+                //         <i class={data.className}></i>
+                //     <span>{node.label}</span>
+                //     </span>
+                // );
+                // }
+                if(!vm.posEnable && data.nodeType == "pos"){
+                    return (
+                        <span class="noCheckBox">
+                        <i class={data.className}></i>
+                    <span>{node.label}</span>
+                    </span>
+                );
+                }
+                if(!vm.ognEnable && (data.nodeType == "ogn" || data.nodeType == "dept"|| data.nodeType == "area")){
+                    return (
+                        <span class="noCheckBox">
+                        <i class={data.className}></i>
+                    <span>{node.label}</span>
+                    </span>
+                );
+                }
+                let MyComempte = (
+                    <span>
+                    <i class={data.className}></i>
+                <span>{node.label}</span>
+                </span>
+            );
+
+                if(node.childNodes.length>0 && vm.openLowLevelCheckbox){
+                    MyComempte = (
+                        <span>
+                        <i class={data.className}></i>
+                    <span>{node.label}</span>
+                    <el-tooltip placement="right-start"  content="是否同步开启下级权限" >
+                        <el-checkbox style="margin-left:8px"
+                    v-model={vm.isChecked[data.id]}
+                    disabled={!node.checked}
+                    onChange={this.dChange.bind(this,data)} ></el-checkbox>
+                    </el-tooltip>
+                    </span>
+                );
+                }
+                return  MyComempte;
+            },
+
+            // 当是否开启下级权限同步复选框变化时候 ，如果选中状态自动勾选所有的下级用户(如果下级用户也存在下级则也勾选同步复选框)并且设为禁用
+            // 如果取消勾选下级用户，则取消下级用户禁用状态，并且勾选取消
+            dChange(data, checked){
+                let vm = this;
+                let temple = vm.$refs.orgSelectTree;
+                let allChilren =  temple.getCurrentChildren(data,[]) || [];  //获取当前节点下的所有子节点(包含自己)
+                let nodesMap = temple.getAllNode(); // 节点集合
+
+                vm.stopChange = true;
+                allChilren.forEach(key => {
+                    let Tdata = nodesMap[key]["data"];
+                    if(key == data.id){
+                        vm.$set(Tdata,"disabled",false);
+                        Tdata["cascadeData"] = "parent";
+                    }else{
+                        vm.$set(Tdata,"disabled",checked);
+                        Tdata["cascadeData"] = checked?"true":"";
+                        if(checked){
+                            this.$set(nodesMap[key],'checked',false);
+                            this.$set(vm.isChecked,key,false);
+                        }
+                    }
+                });
+                vm.$nextTick(() => {
+                    vm.stopChange = false;
+                })
+            },
+            checkelTreeChange(data,checked){ // 树节点选中变化时的事件
+                let vm = this;
+                let tempObj = {"area":"checkedOrg","ogn":"checkedOrg","dept":"checkedOrg","pos":"checkedPos"};
+                let operateArr = vm[tempObj[data["nodeType"]]];
+                if(checked){
+                    let flag = false;
+                    for(let elem of operateArr){
+                        if(elem["id"] == data["id"]){
+                            flag = true;
+                            break;
+                        }
+                    }
+                    if(!flag){
+                        operateArr.push(data);
+                    }
+                }else{
+                    if(vm.openLowLevelCheckbox){
+                        if(!vm.stopChange){
+                            this.$set(vm.isChecked,data.id,false);
+                            vm.dChange(data,false);
+                        }
+                    }
+                    vm[tempObj[data["nodeType"]]] = operateArr.filter(item => {
+                        return item["id"] != data["id"];
+                    });
+                }
+            },
+            nodeClick(data,node){ // 树节点点击事件，点击时触发右边的用户信息crud刷新事件
+                let vm = this;
+                let treeComp = vm.$refs.orgSelectTree;
+                let nodesMap = treeComp.getAllNode();
+                // 节点的快捷键操作要特殊处理，其它都严格遵循上下级无关的策略
+                if(vm.checkbox){
+                    if(window.event.shiftKey){ // shift快捷选择
+                        if(vm.shiftKeyData){
+                            let max = vm.shiftKeyData>node.id?vm.shiftKeyData:node.id;
+                            let min = vm.shiftKeyData>node.id?node.id:vm.shiftKeyData;
+                            let checkedKeys = [];
+                            Object.keys(nodesMap).forEach(function (key) {
+                                let caculateNode = nodesMap[key];
+                                // if(caculateNode.id >= min && caculateNode.id <= max &&
+                                //     (caculateNode.data["nodeType"] !='ogn' || vm["roleTypeName"] != "政府权限") ){
+                                //     checkedKeys.push(caculateNode.data.id);
+                                // }
+                                if(caculateNode.id >= min && caculateNode.id <= max && !caculateNode.disabled){
+                                    checkedKeys.push(caculateNode.data.id);
+                                }
+                            });
+                            treeComp.setTreeCheckedKeys(checkedKeys,false);
+                            vm.$nextTick(function () {
+                                vm.shiftCtrlCount();
+                            });
+                        }else{
+                            vm.shiftKeyData = node.id;
+                        }
+                    }else{
+                        vm.shiftKeyData = node.id;
+                    }
+                    if(window.event.ctrlKey){ // control键快捷选择
+                        let arr = treeComp.getCurrentChildren(data,[]);
+                        let resultArr = [];
+                        for(let key of arr) {
+                            // if (!(vm["roleTypeName"] == "政府权限" && nodesMap[key].data.nodeType == "ogn")) { // 政府权限且是机构组织不勾选
+                            if(!nodesMap[key].disabled){
+                                resultArr.push(key);
+                            }
+                        }
+                        treeComp.setTreeCheckedKeys(resultArr,false,!node.checked);
+                        vm.$nextTick(function () {
+                            vm.shiftCtrlCount();
+                        });
+                    }
+                }
+                vm.refreshTableId = data.id; // 刷新当前table
+                vm.singleSelectChange(); // 当前进行单选时触发的操作
+            },
+            shiftCtrlCount(){
+                let vm = this;
+                let treeComp = vm.$refs.orgSelectTree;
+                let nodesMap = treeComp.getAllNode();
+                let arrOgn = [];
+                let arrPos = [];
+                Object.keys(nodesMap).forEach(function (key) {
+                    let tempNode = nodesMap[key];
+                    if(tempNode.checked && (tempNode.data.nodeType == "area" ||tempNode.data.nodeType == "ogn" || tempNode.data.nodeType == "dept")){
+                        arrOgn.push({"id":tempNode.data.id,"name":tempNode.data.name});
+                    }
+                    if(tempNode.checked && (tempNode.data.nodeType == "pos")){
+                        arrPos.push({"id":tempNode.data.id,"name":tempNode.data.name});
+                    }
+                });
+                vm.checkedOrg = arrOgn;
+                vm.checkedPos = arrPos;
+            },
+            singleSelectChange(tableRowData){ // 组织单选时触发的操作
+                let vm = this;
+                if(!vm.checkbox){
+                    if(vm.userEnable && tableRowData){ // table变化
+                        let tableComp = vm.$refs[vm.crud.tableRef];
+                        tableComp.clearSelection();
+                        vm.$nextTick(function () {
+                            tableComp.toggleRowSelection(tableRowData);
+                            vm.checkedUser = [tableRowData];
+                            vm.checkedOrg = [];
+                            vm.checkedPos = [];
+                        })
+                    }else{
+                        let data = vm.$refs.orgSelectTree.getTreeCurrentNode();
+                        if(vm.ognEnable && (data.nodeType == 'area' || data.nodeType == 'dept' || data.nodeType == 'ogn')){
+                            vm.checkedOrg = [data];
+                            vm.checkedPos = [];
+                            vm.checkedUser = [];
+                        }
+                        if(vm.posEnable && data.nodeType == 'pos'){
+                            vm.checkedPos = [data];
+                            vm.checkedOrg = [];
+                            vm.checkedUser = [];
+                        }
+                    }
+                }
+            },
+            removeOgn(id){
+                let vm = this;
+                if(id){
+                    vm.checkedOrg = vm.checkedOrg.filter(item => {
+                        return item["id"] != id;
+                    });
+                    vm.$refs.orgSelectTree.setTreeCheckedKeys(id,false,false);
+                }
+            },
+            removePos(id){
+                let vm = this;
+                if(id){
+                    vm.checkedPos = vm.checkedPos.filter(item => {
+                        return item["id"] != id;
+                    });
+                    vm.$refs.orgSelectTree.setTreeCheckedKeys(id,false,false);
+                }
+            },
+            removePosUser(id){
+                let vm = this;
+                if(vm.caseAuth){
+                    vm.$confirm('移除该用户将会同步移除该用户的所有下级关联权限，是否继续?', '警告', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                    }).then(function () {
+                        vm.removeUser(id);
+                    });
+                }else{
+                    vm.removeUser(id);
+                }
+            },
+            removeUser(id){
+                let vm = this;
+                if(id){
+                    // 先移除数组的元素，再取消table的选中状态。如果根据selectionChange事件，可能当前数据还没渲染。
+                    vm.checkedUser = vm.checkedUser.filter(item => {
+                        return item["id"] != id;
+                    });
+                    let tableComp = vm.$refs[vm.crud.tableRef];
+                    let selection = tableComp.selection;
+                    for(let select of selection){
+                        if(select["id"] == id){
+                            tableComp.toggleRowSelection(select);
+                            break;
+                        }
+                    }
+                }
+            },
+            /**
+             * table操作事件
+             */
+            resetSearch(){ // 重置查询
+                let vm = this;
+                let crud = vm.crud;
+                let objData = {};
+                let searchForm = crud.searchForm;
+                crud.noClearSearchColumns && crud.noClearSearchColumns.forEach(function (key) {
+                    objData[key] = searchForm[key];
+                });
+                objData["page"] = "1";
+                crud.searchForm = Object.assign({}, objData);
+                crud.search(vm.checkSelectedMsg);
+            },
+            doSearch(){ // 查询
+                let vm = this;
+                if(vm.tenantId){
+                    vm.crud.searchForm["tenantId"] = vm.tenantId;
+                }
+                vm.crud.search(vm.checkSelectedMsg);
+            },
+            rowClick(row){ // table行点击事件
+                let vm = this;
+                if(vm.caseAuth){
+                    let selection = vm.$refs[vm.crud.tableRef].selection;
+                    let obj = {};
+                    selection.forEach(item => {
+                        obj[item.id] = item;
+                    });
+                    if(obj[row.id]){ // 原来已选择，现在是取消，提示
+                        vm.$confirm('移除该用户将会同步移除该用户的所有下级关联权限，是否继续?', '警告', {
+                            confirmButtonText: '确定',
+                            cancelButtonText: '取消',
+                        }).then(function () {
+                            vm.$refs[vm.crud.tableRef].toggleRowSelection(row);
+                        });
+                    }else{
+                        vm.$refs[vm.crud.tableRef].toggleRowSelection(row);
+                    }
+                }else{
+                    vm.$refs[vm.crud.tableRef].toggleRowSelection(row); // 行点击选中当前行
+                }
+            },
+            tableSelect(selection, row){
+                let vm = this;
+                if(vm.caseAuth){
+                    let obj = {};
+                    selection.forEach(item => {
+                        obj[item.id] = item;
+                    });
+                    if(!obj[row.id]){ // 取消选中
+                        vm.$refs[vm.crud.tableRef].toggleRowSelection(row);
+                        vm.$confirm('移除该用户将会同步移除该用户的所有下级关联权限，是否继续?', '警告', {
+                            confirmButtonText: '确定',
+                            cancelButtonText: '取消',
+                        }).then(function () {
+                            vm.$refs[vm.crud.tableRef].toggleRowSelection(row);
+                        });
+                    }
+                }
+            },
+            selectChange(selection){ // 当行的选中状态发生变化时
+                let vm = this;
+                let noSelection = vm.getCurrentNoSelect();
+                vm.checkedUser = vm.checkedUser.filter(item => { // 移除已选择用户但是当前行并没有再选中的
+                    let flag = true;
+                    for(let elem of noSelection){
+                        if(elem["id"] == item["id"]){
+                            flag = false;
+                            break;
+                        }
+                    }
+                    return flag;
+                });
+                selection.forEach(function (select) { // 新增当前table中选中的但是已选择用户中没有的数据
+                    let flag = true;
+                    for(let elem of vm.checkedUser){
+                        if(elem["id"] == select["id"]){
+                            flag = false;
+                            break;
+                        }
+                    }
+                    if(flag){
+                        select["name"] = select["userName"];
+                        vm.checkedUser.push(select);
+                        vm.singleSelectChange(select);
+                    }
+                });
+            },
+            getCurrentNoSelect(){ // 获取当前行未选择的数据
+                let vm = this;
+                let selection = vm.$refs[vm.crud.tableRef].selection;
+                let data = vm.$refs[vm.crud.tableRef].data;
+                let arr = [];
+                arr = data.filter(item => {
+                    let flag = true;
+                    for(let elem of selection){
+                        if(elem["id"] == item["id"]){
+                            flag = false;
+                            break;
+                        }
+                    }
+                    return flag;
+                });
+                return arr;
+            },
+            checkSelectedMsg(callbackVm,data){ // table渲染完成后选中已选择的数据
+                let vm = this;
+                let arr = [];
+                data.records.forEach(function (elem) {
+                    for(let posUser of vm.checkedUser){
+                        if(elem["id"] == posUser["id"]){
+                            arr.push(elem);
+                            break;
+                        }
+                    }
+                });
+                callbackVm.$nextTick(function () {
+                    arr.forEach(function(elem){
+                            callbackVm.$refs[callbackVm.crud.tableRef].toggleRowSelection(elem);
+                        }
+                    );
+                    callbackVm.$message({
+                        duration: 1000,
+                        type: "success",
+                        message: "查询成功"
+                    })
+                });
+            },
+            checkSelected(callbackVm,data){
+                let vm = this;
+                let arr = [];
+                (data.records || []).forEach(function (elem) {
+                    for(let posUser of vm.checkedUser){
+                        if(elem["id"] == posUser["id"]){
+                            arr.push(elem);
+                            break;
+                        }
+                    }
+                });
+                callbackVm.$nextTick(function () {
+                    arr.forEach(function(elem){
+                            callbackVm.$refs[callbackVm.crud.tableRef].toggleRowSelection(elem);
+                        }
+                    )
+                });
+            },
+            /**
+             * 对外返回数据
+             */
+            getCheckedInfo(type){ // type:user,org,pos  //对外返回数据 如果勾选开启同步下级组织  levelOrg 选中的下级组织权限，
+                let vm = this;
+                let temple = vm.$refs.orgSelectTree;
+                let checkedOrgData = [];
+                let obj = {"user":"checkedUser","pos":"checkedPos","org":"checkedOrg"};
+
+                let checkedOrgTemp = [];
+                let checkedParamData = [];
+                if(vm.openLowLevelCheckbox && type == "levelOrg"){
+                    let allData = temple.getAllNodeLazyData();
+                    Object.keys(vm.isChecked).forEach(key => {
+                        if(vm.isChecked[key]){
+                            checkedOrgTemp.push(allData[key].data);
+                        }
+                    });
+                    if(checkedOrgTemp.length>0){
+                        //父级需要单独保存  cacseData 设置 为 parent
+                        checkedOrgTemp.forEach(function (data) {
+                            checkedOrgData = checkedOrgData.concat(temple.getCurrentChildren(data,[]).slice(1)); //保存所有子集的
+                        });
+                        checkedOrgData.forEach(key => {
+                            checkedParamData.push(allData[key].data);
+                        });
+                    }
+                    let returnArr = [];
+                    returnArr.push(checkedOrgTemp || []); //保存所有的父级数据
+                    returnArr.push(checkedParamData || []); //保存所有的子集数据
+                    return returnArr;
+                }
+
+                if(obj[type]){
+                    return vm[obj[type]].slice(0);
+                }
+                return null;
+            },
+
+            /**
+             * 初始化获取租户所在组织
+             */
+            initTeantIdOrg(){
+                return new Promise(resolve => {
+                    if(!this.tenantId){
+                        resolve();
+                    }else {
+                        //查询当前租户所在的 组织 orgId
+                        // this.axios.post(this.api.sysOrgPosUser.findNoPage,{})
+                        this.axios.post(this.api.sysOrgPosUser.findNoPage,{"tenantKey":this.tenantId}).then(res =>{
+                            if(res.data && res.data.length >0){
+                                this.tenantOrgId = res.data[0].orgId;
+                            }
+                            resolve();
+                        });
+                    }
+                })
+
+            }
+
+        }
+    }
+</script>
+
+<style scoped>
+    .bodydiv{
+        /*background-image: url("./bg.png");
+        background-repeat: no-repeat;
+        background-size: 100% 100%;*/
+        background-color: #05293e;
+    }
+    fieldset{
+        border: 1px solid #EBEEF5;
+        border-radius: 5px;
+        height: 100%;
+        box-sizing: border-box;
+    }
+    legend{
+        margin-left: 20px;
+    }
+    .selectRow .el-col{
+        height: calc(100% - 8px);
+        box-sizing: border-box;
+        padding:0 5px;
+    }
+    .selectRow .el-button{
+        margin-left: 10px;
+        margin-top: 5px;
+    }
+    .select-footer{
+        padding: 0;
+    }
+    .select-footer /deep/ .el-collapse-item__content{
+        padding-bottom: 0;
+    }
+    .select-footer /deep/ .el-collapse-item__header{
+        height: 40px;
+        box-sizing: border-box;
+    }
+    .alreadyChoose{
+        height: calc(100% - 23px);
+        overflow-y: auto;
+    }
+    .asideTree{
+        width: 300px;
+        position: relative;
+        overflow-y: hidden;
+        padding: 5px;
+        box-sizing: border-box;
+    }
+    .mainTree{
+        overflow-y: hidden;
+        padding: 5px;
+        box-sizing: border-box;
+    }
+    .detail-info{
+        height:98%;
+        margin: 5px 5px 5px 15px;
+        padding: 15px 10px 0 20px;
+        overflow-x: hidden;
+        box-sizing: border-box;
+        border: 1px solid rgba(1, 245, 255, 0.2);
+    }
+    #tableMain /deep/ .el-table__body-wrapper{
+        height: calc(100% - 60px);
+        overflow-y: auto;
+    }
+    .pos-user-table /deep/ th .el-checkbox__original {
+        display:none;
+    }
+    .pos-user-table /deep/ th .el-checkbox {
+        display:none;
+    }
+    /deep/.el-input.is-disabled .el-input__inner{
+        background: rgba(0,0,0,0.20)!important;
+        border: 1px solid rgb(1, 245, 255,0.3);
+        border-radius: 1px;
+        color:#DEDEDE;
+    }
+    /deep/.el-input__inner{
+        border: 1px solid rgb(1, 245, 255,0.3)!important;
+        border-radius: 1px!important;
+        background: rgba(0,0,0,0.20)!important;
+        color:#DEDEDE!important;
+    }
+    /deep/.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
+        background-color: rgba(1, 245, 255, 0.10);
+        color: #01F5FF;
+    }
+    /deep/.el-tree-node__content{
+        color:#ffffff;
+    }
+    /deep/.el-form-item__label{
+        color: #ffffff;
+    }
+    /deep/.el-table, .el-table__expanded-cell{
+        background: none;
+    }
+    /deep/.el-tree-node__content:hover{
+        background: rgba(1,245,255,0.10);
+    }
+    /deep/.el-tree-node:focus>.el-tree-node__content{
+        background: none!important;
+    }
+    /deep/.el-table__body tr{
+        background: none!important;
+    }
+    /deep/.el-table__header tr{
+        background: none!important;
+    }
+    /deep/.el-table__header th{
+        background: none!important;
+        border-bottom: 1px solid rgba(1, 245, 255, 0.2);
+    }
+    /deep/.el-table thead {
+        color: #01F5FF;
+        font-weight: 500;
+        background-image: linear-gradient(180deg, rgba(2,251,255,0.04) 0%, rgba(1,245,255,0.10) 100%);
+    }
+    /deep/.el-table{
+        color:#ffffff;
+        background-image: linear-gradient(180deg, rgba(1,245,255,0.00) 1%, rgba(1,245,255,0.10) 100%);
+    }
+    /deep/.el-table td, .el-table th.is-leaf {
+        border-bottom: 1px solid rgba(1, 245, 255, 0.2);
+    }
+    /deep/.el-table--border::after, .el-table--group::after, .el-table::before{
+        background:none;
+    }
+    /deep/.el-pagination__total{
+        color:#fff;
+    }
+    /deep/.el-pagination__jump{
+        color:#fff;
+    }
+    /deep/.el-pager li{
+        background: none;
+        color:#fff;
+    }
+    /deep/.el-pager li.active {
+        color: #01F5FF!important;
+        cursor: default;
+    }
+    /deep/.el-pagination button:disabled{
+        background: none;
+    }
+    /deep/.el-pagination .btn-next, .el-pagination .btn-prev{
+        background: none;
+        color:#C0C4CC;
+    }
+    /deep/.el-pagination .btn-prev{
+        background: none;
+        color:#C0C4CC;
+    }
+    /deep/.el-table--enable-row-hover .el-table__body tr:hover>td{
+        background-image: linear-gradient(180deg, rgba(2,251,255,0.04) 0%, rgba(1,245,255,0.20) 100%);
+        background-color: unset;
+    }
+    .bodydiv ::-webkit-scrollbar-thumb{
+        border-radius: 5px !important;
+        background-color: rgba(1, 245, 255, 0.4) !important;
+    }
+    /deep/.el-collapse-item__header{
+        background: none;
+        color:#ffffff;
+    }
+    .el-collapse{
+        border-top: 0;
+    }
+    /deep/.el-collapse-item__wrap{
+        background-color: unset;
+    }
+    .yxzxxdiv{
+        background-image: linear-gradient(180deg, rgba(0,206,255,0.00) 0%, rgba(0,206,255,0.20) 100%);
+        border: 1px solid rgba(1, 245, 255, 0.5);
+        height: 100%;
+        width: 98%;
+    }
+    .yxzxxtitle{
+        height:40px;
+        width: 100%;
+        color:#fff;
+        text-align: center;
+        line-height: 40px;
+        border-bottom: 1px dashed rgb(1, 245, 255,0.3);
+    }
+    /deep/.el-button--primary.is-plain{
+        background: rgba(1, 245, 255, 0.14);
+        border: none;
+        color:#01F5FF;
+    }
+</style>