sasp-admin 0.2.57

package/src/views/org/entOrgTree.vue

@@ -0,0 +1,1050 @@
+<template>
+    <div class="sysOrgTree-content" style="width: 100%;height: 100%" @click="menuVisible=false">
+        <el-container style="height: 100%;background-color: white" v-if="!noAuth">
+            <!--鼠标右键点击出现页面-->
+            <el-menu
+                    :style="{'position': 'fixed','z-index':'99','top':top,'left':left}"
+                    class="el-menu-vertical"
+                    @select="handleRightSelect"
+                    active-text-color="#fff" v-show="menuVisible"
+                    text-color="#fff">
+<!--                <el-menu-item index="addArea" class="menuItem">-->
+<!--                    <span slot="title">添加行政区划<i class="el-icon-s-home"></i></span>-->
+<!--                </el-menu-item>-->
+                <el-menu-item index="addOgn" class="menuItem" v-show="ognVisible">
+                    <span slot="title">添加下级{{((pageSetting['ognName'] || "").length > 5 ? pageSetting['ognName'].substring(0,5) + "…":pageSetting['ognName']) || '组织'}}
+                        <i class="saspiconfont pl-icon-organ"></i>
+                    </span>
+                </el-menu-item>
+                <el-menu-item index="addDept" class="menuItem">
+                    <span slot="title">添加下级{{((pageSetting['deptName'] || "").length > 5 ? pageSetting['deptName'].substring(0,5) + "…":pageSetting['deptName']) || '部门'}}
+                        <i class="saspiconfont pl-icon-untitled85"></i>
+                    </span>
+                </el-menu-item>
+                <div style="width: 100%;height: 2px;background: #ffffff;"></div>
+                <el-menu-item index="removeCurrent" class="menuItem">
+                    <span slot="title">删除当前组织</span>
+                </el-menu-item>
+                <el-menu-item index="removeCheck" class="menuItem">
+                    <span slot="title">删除勾选组织</span>
+                </el-menu-item>
+                <div style="width: 100%;height: 2px;background: #ffffff;"></div>
+                <el-menu-item index="addRoot" class="menuItem" v-if="!loginUser.commonEmpowerId">
+                    <span slot="title">添加根组织</span>
+                </el-menu-item>
+                <el-menu-item index="unfold" class="menuItem">
+                    <span slot="title">展开所有下级</span>
+                </el-menu-item>
+                <el-menu-item index="retract" class="menuItem">
+                    <span slot="title">收起所有下级</span>
+                </el-menu-item>
+            </el-menu>
+            <div class="leftTree" style="width: 350px;height: 100%;position: relative;box-sizing: border-box;padding:10px 5px 26px 10px;">
+                <div style="border: 1px solid #ddd;box-sizing: border-box;padding: 5px;width: 100%;height: 100%">
+                    <el-header style="height: auto;padding: 0px 0 10px 0">
+                        <!--<el-select v-model="currentOrgDim" style="width: 65%;"-->
+                                   <!--@change="dimChange" size="small">-->
+                            <!--<el-option v-for="item in sysOrgDimensionArr"-->
+                                       <!--:value="item.id" :label="item.dimName" :key="item.id">-->
+
+                            <!--</el-option>-->
+                        <!--</el-select>-->
+                        <!--<el-button type="warning" @click="validData" size="small"><i-->
+                                <!--class="saspiconfont pl-icon-fuzhibidui"></i>数据校验-->
+                        <!--</el-button>-->
+                        <el-input
+                                :placeholder="searchPlaceHolder"
+                                @keyup.enter.native="filterBtnClick()"
+                                v-model="filterTextVal" :style="loginUser.commonEmpowerId? 'width: 240px': 'width: 133px;'" size="small">
+                            <!--<el-button slot="append" size="mini" icon="el-icon-search" @click="filterBtnClick()"></el-button>-->
+                            <i
+                                    class="el-icon-search el-input__icon"
+                                    style="cursor: pointer"
+                                    slot="suffix"
+                                    @click="filterBtnClick">
+                            </i>
+                        </el-input>
+                        <el-button type="primary" icon="el-icon-circle-plus" size="small" @click="addOrgData()"
+                                   v-if="!loginUser.commonEmpowerId"
+                                   style="margin-left: 4px">添加根节点
+                        </el-button>
+                        <el-button type="danger" icon="el-icon-remove" size="small" style="margin-left: 4px;"
+                                   @click="removeCheck()">删除
+                        </el-button>
+                    </el-header>
+                    <el-aside style="width: 100%;height: calc(100% - 40px);position: relative" ref="asideTree" class="asideTree">
+                        <common-tree v-if="showTree" :request-url="api.sysOrg.listNopageDimSimple"
+                                     :request-param="treeRequestParam"
+                                     :deal-tree-data="dealTreeData"
+                                     highlight-current
+                                     :default-props="defaultProps" parent-id="orgParentId" :filter-text="filterText"
+                                     :refresh-proper="currentOrgDim" :right-click="rightClickNode"
+                                     :node-click="nodeClick" :expand-onclick-node="false"
+                                     :init-call-back="initExpandOrignOrg" ref="orgTreeRef" :default-shift-key-select=true
+                                     :default-ctrl-key-select=true :draggable=true :tree-node-drop="treeNodeDrop"
+                                     :tree-allow-drop="treeAllowDrop" :tree-node-collapse="treeNodeCollapse"
+                                     :tree-node-expand="treeNodeExpand" :filter-text-call-back="filterTextCallBack"
+                                     :render-content-func="renderContentFunc"
+                                     useLazy
+                        >
+
+                        </common-tree>
+                    </el-aside>
+                </div>
+            </div>
+            <div class="rightContent" style="width: calc(100% - 350px);float: right;box-sizing:border-box;">
+                <!--<sys-org-pos-user-tree v-if="showPosUser" :org-dim="currentOrgDim" :org-id="currentOrgId"-->
+                <!--:org-obj="currentObj" :page-obj="pageSetting" :update-call-back="updateCallBack">-->
+
+                <!--</sys-org-pos-user-tree>-->
+                <sys-ent-org-user-detail  v-if="showPosUser" :org-obj-real="currentObj" :org-dim="currentOrgDim"
+                                          :refreshOrgId="refreshOrgId" :org-id="currentObj.id"
+                                          :area-setting="false" useRefresh
+                                          :org-tree-data="orgTreeData"
+                                          :org-obj="currentObj" :page-setting="pageSetting" :org-type-obj="orgTypeObj" :area-options="cascadeOptions"
+                                          :update-call-back="updateCallBack" :sys-data-obj="sysDataObj" @saveRollBack="saveRollBack"></sys-ent-org-user-detail>
+
+            </div>
+            <el-dialog :close-on-click-modal=false :visible.sync="orgTreeDialog" :title="orgTitle" :width="orgTreeFormData.orgType == 'area' ? '40%' : '60%'" top="20vh">
+                <el-form :model="orgTreeFormData" :rules="rules" ref="orgTreeFormRef">
+                    <el-row v-if="orgTreeFormData.orgType != 'area'">
+                        <el-col :span="24">
+                            <el-form-item label="组织名称" label-width="120px" prop="orgName">
+                                <el-input type="textarea" v-model="orgTreeFormData.orgName"
+                                          :autosize="{minRows:4,maxRows:8}"></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-row v-if="orgTreeFormData.orgType != 'area'">
+                        <el-col :span="12">
+                            <el-form-item label="上级组织" label-width="120px">
+                                <el-input readonly v-model="orgTreeFormData.orgParentName"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="组织类型" label-width="120px">
+                                <el-select style="width: 100%" v-model="orgTreeFormData.orgType"
+                                           :disabled="orgTypeDisabled" @change="changOrgType()">
+                                    <el-option v-for="item in orgTypeArr"
+                                               :label="item.label" :value="item.value" :key="item.value">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+
+                        <el-col :span="12">
+                            <el-form-item label="是否是企业" label-width="120px" v-if="showOrgEntType && orgTreeFormData.orgType == 'ogn'">
+                                <el-radio v-model="orgTreeFormData.entType" label="1">是</el-radio>
+                                <el-radio v-model="orgTreeFormData.entType" label="0" >否</el-radio>
+                            </el-form-item>
+                        </el-col>
+
+
+                        <el-col :span="12" v-if="ifShowClassify && orgTreeFormData.orgType != 'area'">
+                            <el-form-item label="部门分类" label-width="120px">
+                                <el-select style="width: 100%" v-model="orgTreeFormData.orgClassify">
+                                    <el-option v-for="item in deptTypeArr"
+                                               :label="item.label" :value="item.value" :key="item.value">
+
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                </el-form>
+                <div slot="footer" class="dialog-footer">
+                    <el-button type="primary" @click="saveTreeForm()" size="small" icon="el-icon-success">确定</el-button>
+                    <el-button @click="orgTreeDialog = false" size="small" icon="el-icon-error">取 消</el-button>
+                </div>
+            </el-dialog>
+        </el-container>
+        <el-container v-else>没有权限</el-container>
+    </div>
+</template>
+
+<script>
+    import SysOrgPosUserTree from "./sysOrgPosUserTree";
+    import SysEntOrgUserDetail from "./sysEntOrgUserDetail";
+
+    export default {
+        name: "ent-org-tree",
+        components: {SysEntOrgUserDetail, SysOrgPosUserTree},
+        data() {
+            return {
+                currentOrgDim: "", // 当前维度
+                orgType: "", // 当前组织类型
+                orgTypeObj:{},
+                defaultProps: {children: 'children', label: 'orgName'},
+                sysOrgDimensionArr: [], // 所有维度
+                filterTextVal:'', //过滤节点变量
+                filterText: "", // 过滤树节点的变量
+                menuVisible: false, // 菜单可见
+                objectID: null,  // 右击时节点id,如果与上次相同则菜单保持显示
+                orgTreeDialog: false, // 弹出form对话框
+                orgTypeArr: [], //  所有组织类型
+                deptTypeArr: [{"value": "0", "label": "普通部门"}, {"value": "1", "label": "处室"}, {
+                    "value": "2",
+                    "label": "安监局"
+                }], // 部门类型
+                cascadeProps: {"value": "id", "label": "dataName"}, // 地区【配置
+                cascadeOptions: [], // 地区选项
+                cascadeOptionsClone:[],
+                orgTreeFormData: {}, // 组织添加表单
+                ifShowClassify: false, // 是否显示部门分类
+                ognVisible: true, // 部门添加下级时无法添加组织
+                orgTypeDisabled: false, // 是否禁用组织类型
+                // orgParentNameRead:false, // 上级组织是否只读
+                rules: {
+                    orgName: [{required: true, message: '请填写内容', trigger: 'blur'}]
+                },
+                pageSetting: {}, // 维度配置
+                searchPlaceHolder: "组织名称",
+                closeMainPos: false, // 关闭主岗位
+                closePos: false, // 关闭主岗位
+                currentOrgId: "", // 当前组织id
+                currentObj: {}, // 当前节点数据
+                showTree: false, // 显示树的时机
+                showPosUser: false, // 显示组织岗位的时机
+                noAuth: false, // 没有权限
+                regionDisable:false, // 所在地区禁用
+                loginUser:{}, // 登录用户
+                loginDept:{}, //登录部门
+                treeRequestParam:{}, // 组织树的过滤条件
+                top:0,
+                left:0,
+                sysDataObj:{},
+                refreshOrgId:false,
+                orgTreeData:[], //组织树数据
+                showGearObj:{}, //是否显示齿轮
+                orgTitle:'添加组织信息', //部门信息
+                showOrgEntType:false, //是否显示
+
+                orgPosRules:'2', //组织岗位加载规则
+            }
+        },
+        created() { // 初始化创建
+            let vm = this;
+
+            //加载系统参数
+            this.PARAM_GLOBAL.getByKeyAsync("ORG_POS_RULES").then(res =>{
+                vm.orgPosRules = res.paramVal == '1' ? res.paramVal : '2';
+                vm.initOriginData(); // 初始化下拉数据等，并初始化权限，仅初始化一次
+                vm.initShowOrgEntType();
+            });
+        },
+        methods: {
+            /**
+             * 搜索
+             */
+            filterBtnClick(){
+                //赋值
+                this.filterText = this.filterTextVal || '';
+            },
+
+            initOriginData() { // 初始化下拉数据等，仅初始化一次
+                let vm = this;
+                vm.noAuth = false;
+                vm.axios.post(vm.api.param.getSysParams, {"key": "SysDataOperation"}).then(function (res) {
+                    let jsonOpt = JSON.parse(vm.platStringUtil.replaceAll(res.data,"'","\"") || "{}");
+                    if (jsonOpt.opt === '否') {
+                        vm.init();
+                    } else {
+                        vm.loginUser = vm.USER_GLOBAL.getLoginUser() || {};
+                        vm.loginDept = vm.USER_GLOBAL.getLoginDept() || {};
+                        if (vm.loginUser.userType === 'sup' || vm.loginUser.userType === 'dev') {
+                            vm.init();
+                        }else{
+                            vm.axios.post(vm.api.sysOrgPosUser.find,{"userId":vm.loginUser.id}).then(posUserRes => {
+                                if(posUserRes && posUserRes.data.length > 0){
+                                    let orgTreeId = ""; // 组织树上级
+                                    let dim = ""; // 所在维度
+                                    for(let i = 0; i<posUserRes.data.length;i++){
+                                        if(posUserRes.data[i].orgId){
+                                            if(!dim){
+                                                dim = posUserRes.data[i].orgDim;
+                                            }
+                                            if(posUserRes.data[i].orgDim==dim){
+                                                orgTreeId += ","+posUserRes.data[i].orgId;
+                                            }
+                                        }
+                                    }
+                                    if(orgTreeId.length>0){
+                                        orgTreeId = orgTreeId.substring(1);
+                                    }
+                                    //判断是否为管理员
+                                    if(vm.loginUser.commonEmpowerId){ //如果是管理员
+                                        orgTreeId = vm.loginUser.mainOrgId;
+                                    }
+                                    if(vm.orgPosRules == '1'){
+                                        orgTreeId = vm.loginDept.id;
+                                    }
+                                    vm.$set(vm.treeRequestParam,"orgParentTreeSelfs",orgTreeId);
+                                    // vm.$set(vm.treeRequestParam,"orgTreeId",orgTreeId);
+                                    vm.init(dim);
+                                }else{
+                                    vm.noAuth = true; // 查不到组织架构
+                                }
+                            })
+                        }
+                    }
+                });
+                vm.axios.post(vm.api.param.getSysParams, {
+                    'key': 'SysOrgType'
+                }).then(res => { // 组织类型
+                    if(res&&res.data){
+                        vm.orgTypeObj = res.data;
+                    }
+                    if(typeof vm.orgTypeObj == 'string'){
+                        vm.orgTypeObj = JSON.parse(vm.platStringUtil.replaceAll(vm.orgTypeObj,"'","\""));
+                    }
+                    Object.keys(vm.orgTypeObj).forEach(function (key) {
+                        let obj = {};
+                        obj["value"] = key;
+                        obj["label"] = vm.orgTypeObj[key];
+                        vm.orgTypeArr.push(obj);
+                    });
+                });
+                // vm.orgTypeObj['ogn'] = "机构";
+                // vm.orgTypeArr.push({
+                //     "value":"ogn",
+                //     "label":"机构"
+                // });
+
+                vm.axios.post(vm.api.param.getSysParams, {'key': 'sysProvince'}).then(paramRes => {
+                    if(paramRes && paramRes.data){
+                        let paramJson = paramRes.data;
+                        vm.axios.post(vm.api.data.getDataByType, {'typeId': '522eb83216004493b0e0eb729c564941'}).then(res => {
+                            (res.data || []).forEach(sysDataObj => {
+                                vm.sysDataObj[sysDataObj.id] = sysDataObj;
+                            });
+                            let result = vm.COMMON_FUNC.buildElTree(res.data||[])|| [];
+                            if(paramJson == "-1"){
+                                vm.cascadeOptions = result;
+                            }else{
+                                result.forEach(function (data) {
+                                    if (data.id == paramJson) {
+                                        let arr = [];
+                                        arr.push(data);
+                                        vm.cascadeOptions = arr;
+                                    }
+                                });
+                            }
+
+                        });
+                    }
+                });
+            },
+
+            /**
+             * 是否显示
+             */
+            initShowOrgEntType(){
+                let loginUser = this.USER_GLOBAL.getLoginUser() || {};
+                if (loginUser.userType === 'sup' || loginUser.userType === 'dev') {
+                   this.showOrgEntType = true;
+                }
+            },
+
+            init(dim) { // 初始化，dim选择的维度
+                let vm = this;
+                vm.showPosUser = false;
+                vm.showTree = false;
+                vm.sysOrgDimensionArr = [];
+                vm.axios.post(vm.api.sysOrgDimension.find,{"order":"sort"}).then(res => {
+                    let data = res.data;
+                    for (let item of data) {
+                        if (item.isUse === '1') {
+                            vm.sysOrgDimensionArr.push(item);
+                        }
+                    }
+                    if (vm.sysOrgDimensionArr) {
+                        if(dim){
+                            vm.currentOrgDim = dim;
+                        }else{
+                            vm.currentOrgDim = vm.sysOrgDimensionArr[0].id;
+                        }
+                        vm.sysOrgDimensionArr.forEach(dimension => {
+                            if(dimension.id == vm.currentOrgDim){
+                                vm.initDimSetting(dimension);
+                            }
+                        });
+                        vm.showTree = true;
+                        vm.showPosUser = true;
+                    }
+                });
+            },
+            initDimSetting(data) { // 初始化维度配置
+                let vm = this;
+                let pageSetting = {
+                    "closeDept": false, // 设置为true时此维度下不包含部门(左侧组织树只有组织)
+                    "allowAddUser":false, // 允许添加用户
+                    "ognName": "组织", // 定义组织名称
+                    "deptName": "部门", // 定义部门名称
+                    "posName": "岗位", // 定义岗位名称
+                    "ognOpenIcon": "saspiconfont pl-icon-organ", // 树中组织展开时使用的图标
+                    "ognCloseIcon": "saspiconfont pl-icon-organ", // 树中组织收缩时使用的图标
+                    "deptOpenIcon": "saspiconfont pl-icon-untitled85", // 树中组织展开时使用的图标
+                    "deptCloseIcon": "saspiconfont pl-icon-untitled85", // 树中组织收缩时使用的图标
+                    "closeMainPos": true, // 关闭主岗位
+                    "posIcon": "saspiconfont pl-icon-account", // 岗位图标
+                    "posMainIcon": "saspiconfont pl-icon-yonghu", // 主岗位图标
+                    "chooseUserType": "" // 可选择的用户类型(默认可选择所有类型用户,如设置ent就只可以选择ent)
+                };
+                let dimSpec = JSON.parse(data["dimSpec"] || "{}");
+                vm.pageSetting = Object.assign({"closePos":true}, pageSetting, dimSpec);
+                vm.searchPlaceHolder = (vm.pageSetting['ognName'] || '组织') + "名称";
+                vm.closeMainPos = vm.pageSetting["closeMainPos"];
+                vm.closePos = vm.pageSetting["closePos"];
+                vm.orgType = vm.pageSetting["closeDept"] ? "ogn" : ""; // 关闭部门后不抓取部门数据
+                if(vm.orgType){
+                    vm.$set(vm.treeRequestParam,"orgType",vm.orgType);
+                }
+                vm.$set(vm.treeRequestParam,"orgDim",vm.currentOrgDim);
+            },
+            initExpandOrignOrg(treeVm) { // 初始化展开第一级组织\
+                let vm = this;
+                let nodesMap = treeVm.getAllNode();
+                let index = 0;
+                for (let key in nodesMap) {
+                    if (nodesMap[key].level === 1 && nodesMap[key].data["orgType"] === 'ogn') {
+                        nodesMap[key].expanded = true;
+                        nodesMap[key].data.className = vm.pageSetting["ognOpenIcon"];
+                    }
+                    if(nodesMap[key].level === 1 && index == 0 && !this.currentObj.id){ //初始化默认选中
+                        vm.nodeClick(nodesMap[key].data,null);
+                        vm.$nextTick(() => {
+                            vm.$refs.orgTreeRef.setTreeCurrentKey(key);
+                        })
+                    }
+                    index ++;
+                }
+                if(this.currentObj.id){
+                    vm.$nextTick(() => {
+                        vm.$refs.orgTreeRef.setTreeCurrentKey(this.currentObj.id);
+                    })
+                }
+            },
+            dimChange(value) { // 维度切换事件
+                let vm = this;
+                vm.currentOrgId = "$";
+                vm.currentObj = {};
+                for (let elem of vm.sysOrgDimensionArr) {
+                    if (elem.id === value) {
+                        vm.initDimSetting(elem);
+                        break;
+                    }
+                }
+            },
+            dealTreeData(data) { // 给节点添加自定义图标
+                let vm = this;
+                for (let elem of data) {
+                    if (elem["orgType"] == "ogn") {
+                        elem.className = vm.pageSetting["ognCloseIcon"] || "saspiconfont pl-icon-organ";
+                    }
+                    if (elem["orgType"] === "dept") {
+                        elem.className = vm.pageSetting["deptCloseIcon"] || "saspiconfont pl-icon-untitled85";
+                    }
+                }
+                vm.orgTreeData = data || [];
+            },
+            filterTextCallBack() {
+                let vm = this;
+                vm.$nextTick(function () {
+                    let nodesMap = vm.$refs.orgTreeRef.getAllNode();
+                    for (let [key, node] of Object.entries(nodesMap)) {
+                        if (node.expanded) {
+                            if (node.data["orgType"] === "ogn") {
+                                node.data.className = vm.pageSetting["ognOpenIcon"] || "saspiconfont pl-icon-organ";
+                            }
+                            if (node.data["orgType"] === "dept") {
+                                node.data.className = vm.pageSetting["deptOpenIcon"] || "saspiconfont pl-icon-untitled85";
+                            }
+                        } else {
+                            if (node.data["orgType"] === "ogn") {
+                                node.data.className = vm.pageSetting["ognCloseIcon"] || "saspiconfont pl-icon-organ";
+                            }
+                            if (node.data["orgType"] === "dept") {
+                                node.data.className = vm.pageSetting["deptCloseIcon"] || "saspiconfont pl-icon-untitled85";
+                            }
+                        }
+                    }
+                });
+            },
+            treeNodeExpand(data, node, comp) {
+                let vm = this;
+                if (data.orgType === "ogn") {
+                    data.className = vm.pageSetting["ognOpenIcon"] || "saspiconfont pl-icon-organ";
+                }
+                if (data.orgType === "dept") {
+                    data.className = vm.pageSetting["deptOpenIcon"] || "saspiconfont pl-icon-untitled85";
+                }
+            },
+            treeNodeCollapse(data, node, comp) {
+                let vm = this;
+                if (data.orgType === "ogn") {
+                    data.className = vm.pageSetting["ognCloseIcon"] || "saspiconfont pl-icon-organ";
+                }
+                if (data.orgType === "dept") {
+                    data.className = vm.pageSetting["deptCloseIcon"] || "saspiconfont pl-icon-untitled85";
+                }
+            },
+            nodeClick(data, node) { // 节点点击事件
+                let vm = this;
+                vm.menuVisible = false;
+                vm.currentOrgId = data["id"];
+                this.axios.post(this.api.sysOrg.listNopageDim,{"orgId":data["id"],"orgDim":vm.currentOrgDim}).then(res => {
+                    vm.currentObj = Object.assign(res.data[0] || {}, data);
+                    if(!vm.currentObj.entType){
+                        vm.$set(vm.currentObj,'entType','0');
+                    }
+                    vm.refreshOrgId = true;
+                    this.$nextTick(() => {
+                        this.refreshOrgId = false;
+                    })
+                })
+            },
+            updateCallBack(updateObj) { // 修改组织信息时的回调
+                let vm = this;
+                let nodesMap = vm.$refs.orgTreeRef.getAllNodeLazyData();
+                 let currentData = nodesMap[updateObj.id];
+                if(currentData){
+                    currentData["orgName"] = updateObj["orgName"];
+                    currentData["orgClassify"] = updateObj["orgClassify"];
+                }else {
+                    this.axios.post(this.api.sysOrg.getById,{id:updateObj.id}).then(res =>{
+                        if(res && res.data){
+                            let currentData = res.data;
+                            currentData["orgName"] = updateObj["orgName"];
+                            currentData["orgClassify"] = updateObj["orgClassify"];
+                        }
+                    });
+                }
+
+            },
+            handleRightSelect(key) { // 右键菜单选择事件
+                let vm = this;
+                switch (key) {
+                    case 'addArea':
+                        vm.addOrgData('area');
+                        break;
+                    case 'addOgn':
+                        vm.addOrgData('ogn');
+                        break;
+                    case 'addDept':
+                        vm.addOrgData('dept');
+                        break;
+                    case 'addRoot':
+                        vm.addOrgData();
+                        break;
+                    case 'removeCurrent':
+                        vm.removeCurrent();
+                        break;
+                    case 'removeCheck':
+                        vm.removeCheck();
+                        break;
+                    case 'unfold': // 展开
+                        vm.toggleTree(true);
+                        break;
+                    case 'retract': // 收起
+                        vm.toggleTree(false);
+                        break;
+                    default:
+                        console.log('当前选择未定义');
+                        break;
+                }
+            },
+            addOrgData(type) { // 添加组织触发事件
+                let vm = this;
+                vm.orgTitle = "添加组织信息";
+                type = type ? type : 'root'; // 根节点只能添加组织
+                vm.ifShowClassify = false;
+                vm.orgTypeDisabled = true;
+                vm.regionDisable = false;
+                let treeComp = vm.$refs.orgTreeRef;
+                if (type === "dept" || type === "ogn" || type === "area") { // 下级部门组织
+                    let currentNode = treeComp.getTreeNodeBykey(treeComp.getTreeCurrentNode("key")); // 当前节点
+                    let cData = currentNode.data; // 当前节点数据
+                    this.axios.post(this.api.sysOrg.getById,{id:cData["id"]}).then(res => {
+                        let currentData = res.data || {};
+                        let regionArr = []; // 地区
+                        let arr = ["province", "city", "area", "street","community"];
+                        for (let elem of arr) { // 设置地区，如果没有地区设置为根节点
+                            if (currentData[elem]) {
+                                regionArr.push(currentData[elem]);
+                            } else {
+                                if (!currentData["province"]) {
+                                    if(vm.cascadeOptions[0]){
+                                        regionArr.push(vm.cascadeOptions[0].id);
+                                    }
+                                }
+                                break;
+                            }
+                        }
+
+                        let degree = regionArr.length > 1 ? regionArr.length : 0;
+                        let areaArr = JSON.parse(JSON.stringify(this.cascadeOptions));
+                        vm.setDisabled(areaArr,regionArr,degree,0); // 设置cascade层级禁用
+                        this.cascadeOptionsClone = areaArr;
+                        let parentTree = '';
+                        let orgParentTree = currentData.orgParentTree;
+                        if (!orgParentTree) { // 根节点父级树有可能是Null
+                            parentTree = currentData.id + ",";
+                        } else {
+                            parentTree = orgParentTree + currentData.id + ",";
+                        }
+                        vm.orgTreeFormData = {
+                            "orgParentId": currentData.id,
+                            "orgParentTree": parentTree,
+                            "orgDim": vm.currentOrgDim,
+                            "sort": vm.getNextOrder(currentNode),
+                            "layer": (Number(currentData.layer || "") + 1),
+                            "orgParentName": currentData.orgName,
+                            "orgType": type,
+                            "region": regionArr,
+                            "entType":currentData.entry || '0', //默认不是企业
+                        };
+                        if (type === "dept") {
+                            vm.ifShowClassify = true;
+                            vm.regionDisable = true;
+                        }
+                        vm.$set(vm.orgTreeFormData, "orgClassify", "0");
+                        vm.orgTreeDialog = true;
+                    });
+                }
+                if (type === 'root') { // 添加根节点
+                    let regionArr = []; // 地区
+                    vm.orgTypeDisabled = false; // 根节点组织类型解禁
+                    regionArr.push((vm.cascadeOptions[0] || {}).id);
+                    this.cascadeOptionsClone = JSON.parse(JSON.stringify(this.cascadeOptions));
+                    vm.orgTreeFormData = {
+                        "orgParentId": "-1", "orgParentTree": "-1,",
+                        "orgDim": vm.currentOrgDim, "sort": vm.getRootOrder(),
+                        "layer": "1", "orgParentName": "无", "orgType": "ogn", "region": regionArr,
+                        "entType":"0"
+                    };// 默认选择根节点组织添加
+                    vm.orgTreeDialog = true;
+                }
+            },
+            setDisabled(arr,regionArr,level,time) { // 设置下层级数据只读
+                if(time >= level){
+                    return;
+                }
+                let region = regionArr[time];
+                time++;//层级
+                for(let i = arr.length - 1;i >= 0;i--){
+                    if(arr[i] && arr[i].id != region){
+                        arr.splice(i,1);
+                    }
+                    if (arr[i] && arr[i]["children"]) {
+                        this.setDisabled(arr[i]["children"],regionArr,level,time);
+                    }
+                }
+            },
+            getNextOrder(node) { // 获取下一排序
+                let maxOrder = 0;
+                node.childNodes.forEach(function (child) {
+                    maxOrder = Number(child.data.sort) > maxOrder ? Number(child.data.sort) : maxOrder;
+                });
+                return maxOrder + 1;
+            },
+            getRootOrder() { // 获取根节点的新增数据排序
+                let vm = this;
+                let treeComp = vm.$refs.orgTreeRef;
+                let nodesMap = treeComp.$refs.elTree.store.nodesMap; // 获取节点集合
+                let rootDatas = []; //根节点集合
+                for (let key in nodesMap) {
+                    if (nodesMap[key].level == 1) {
+                        rootDatas.push(nodesMap[key].data);
+                    }
+                }
+                let maxOrder = 0;
+                rootDatas.forEach(function (data) {
+                    maxOrder = Number(data["sort"] || "") > maxOrder ? Number(data["sort"] || "") : maxOrder;
+                });
+                return maxOrder + 1;
+            },
+            removeCurrent() { // 删除当前节点
+                let vm = this;
+                let treeComp = vm.$refs.orgTreeRef;
+                let currentNode = treeComp.getTreeCurrentNode();
+                let deleteNodeArr = treeComp.getCurrentChildren(currentNode,[]);
+                let keys = deleteNodeArr.join(",");
+                vm.$confirm('确定删除当前节点?', '警告', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                }).then(function () {
+                    vm.axios.post(vm.api.sysOrg.deleteByOrgIds, {"orgIds": keys}).then(function (res) {
+                        if (res.data.operateSuccess) {
+                            treeComp.defaultTreeRemove(currentNode.id);
+                        }
+                        vm.$message({
+                            duration: 1000,
+                            type: 'success',
+                            message: res.data.operateMessage
+                        })
+                    })
+                })
+            },
+            removeCheck() { // 删除选中节点
+                let vm = this;
+                let treeComp = vm.$refs.orgTreeRef;
+                let checkedKeys = treeComp.getTreeCheckedNodes("key");
+                if (checkedKeys.length == 0) {
+                    vm.$message("请选择要操作的节点！");
+                    return;
+                }
+                vm.$confirm('确定删除已勾选节点?', '警告', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                }).then(function () {
+                    vm.axios.post(vm.api.sysOrg.deleteOrgStructure, {"orgStructureIds": checkedKeys.join(",")}).then(function (res) {
+                        if (res.data.operateSuccess) {
+                            treeComp.defaultTreeRemove(checkedKeys);
+                        }
+                        vm.$message({
+                            duration: 1000,
+                            type: 'success',
+                            message: res.data.operateMessage
+                        })
+                    })
+                })
+            },
+            toggleTree(mark){ // 收起
+                let vm = this;
+                let treeComp = vm.$refs.orgTreeRef;
+                let currentNode = treeComp.getTreeCurrentNode();
+                let nodesMap = treeComp.getAllNode();
+                let allIds = treeComp.getCurrentChildren(currentNode,[]);
+                allIds.forEach(item => {
+                    (nodesMap[item] || {}).expanded = mark;
+                });
+            },
+            /**
+             * 获取当前节点的所有子集
+             * @param resultArr
+             * @param node
+             */
+            getAllChildren(resultArr,node){
+                if(node.childNodes && node.childNodes.length > 0){
+                   node.childNodes.forEach(item => {
+                       resultArr.push(item.data);
+                       if(item.childNodes && item.childNodes.length > 0){
+                           this.getAllChildren(resultArr,item);
+                       }
+                   })
+                }
+            },
+            treeNodeDrop(node, endNode, type) {
+                let vm = this;
+                let parentId = "";
+                let parentTree = "";
+                if (type == "before" || type == "after") {
+                    parentId = endNode.data.orgParentId;
+                    parentTree = endNode.data.orgParentTree;
+                }
+                let sysOrgArr = [];
+                let children = [];
+                if (type == "inner") {
+                    parentId = endNode.data.id;
+                    let tree = endNode.data.orgParentTree ? endNode.data.orgParentTree : "-1"; // tree的父级树是空，根节点有出现的情况，设为-1
+                    if(tree.lastIndexOf(",") > -1 && tree.lastIndexOf(",") == tree.length - 1){
+                        parentTree = tree + endNode.data.id;
+                    }else{
+                        parentTree = tree + "," + endNode.data.id;
+                    }
+                }
+                if (!parentId || !node.data.id) { //出现异常无上级数据不操作
+                    return;
+                }
+
+                if(parentTree.indexOf(",") != 0){
+                    parentTree = "," + parentTree;
+                }
+                if(parentTree.lastIndexOf(",") != (parentTree.length - 1)){
+                    parentTree =  parentTree + ",";
+                }
+                let currentNodeIndex = 0;
+                if(node.data.orgParentId == parentId ){ //如果是同级拖动
+                    //获取当前级别下的
+                    let currentLayerArr = (endNode.parent || {}).childNodes || [];
+                    currentLayerArr.forEach((arr,index) =>{
+                        let obj = {
+                            "orgParentId": parentId,
+                            "orgParentTree": parentTree,
+                            "id": arr.data.id,
+                            "sort":index + 1
+                        };
+                        if(arr.data.id == node.data.id){
+                            currentNodeIndex = index + 1;
+                        }
+                        sysOrgArr.push(obj);
+                    });
+                }else {
+                    let updateObj = {
+                        "orgParentId": parentId,
+                        "orgParentTree": parentTree,
+                        "id": node.data.id
+                    };
+                    if(type == "before"){
+                        updateObj["sort"] = Number(endNode.data.sort || '0') + 1;
+                    }else if(type == 'after'){
+                        if(Number(endNode.data.sort || '2') == 1){
+                            updateObj["sort"] = 1;
+                        }else {
+                            updateObj["sort"] = Number(endNode.data.sort || '2') - 1;
+                        }
+                    }
+                    sysOrgArr.push(updateObj);
+                    if(node.childNodes && node.childNodes.length > 0){
+                        this.getAllChildren(children,node);
+                    }
+                    // 更新子类的父级树
+                    children.forEach(eachData => {
+                        let tempOrgParentTree = eachData.orgParentTree;
+                        let tempIndex = tempOrgParentTree.lastIndexOf(node.data.id);
+                        if(tempIndex > -1){
+                            tempOrgParentTree = parentTree + tempOrgParentTree.substring(tempIndex);
+                            sysOrgArr.push({
+                                "orgParentTree": tempOrgParentTree,
+                                "id": eachData.id
+                            })
+                        }
+                    })
+                }
+                vm.axios.post(vm.api.sysOrg.batchUpdateSysOrg,{"sysOrgs":JSON.stringify(sysOrgArr)}).then(function (res) {
+                    if (!res.data.operateSuccess) {
+                        //操作失败重新初始化数据
+                        vm.init(vm.currentOrgDim);
+                        vm.$message({
+                            duration: 1200,
+                            message: "操作失败，已重新加载数据！",
+                        });
+                    } else {
+                        node.data.orgParentId = parentId;
+                        node.data.orgParentTree = parentTree;
+                        // node.data.sort =
+                        if(node.data.orgParentId == parentId ) { //如果是同级拖动
+                            node.data.sort = currentNodeIndex;
+                        }
+                        //更新 currentObj
+                        vm.nodeClick(node.data,null);
+                    }
+                });
+            },
+            treeAllowDrop(draggingNode, dropNode, type) {
+                let parentId = "";
+                if (type == "next" || type == "prev") {
+                    parentId = dropNode.data.orgParentId;
+                }
+                if (type == "inner") {
+                    parentId = dropNode.data.id;
+                }
+                if (!parentId || !draggingNode.data.id) { //出现异常无上级数据不操作
+                    return;
+                }
+                return true;
+            },
+            saveTreeForm() { // 保存组织表单数据
+                let vm = this;
+                //提交表单时先进行验证，验证完成后转化region至省市区
+                vm.$refs.orgTreeFormRef.validate(function (valid) {
+                    if (valid) {
+                        let submitObj = Object.assign({}, vm.orgTreeFormData); // 复制数据防止树数据污染
+                        //转换地区数据
+                        let region = submitObj["region"];
+                        let objTemp = {"province": 0, "city": 1, "area": 2, "street": 3,"community":4};
+                        for (let key in objTemp) {
+                            submitObj[key] = region[objTemp[key]] || "";
+                        }
+                        if(submitObj.orgType == "area" && submitObj.region){
+                            let sysDataId = submitObj.region[submitObj.region.length - 1];
+                            submitObj.orgName = vm.sysDataObj[sysDataId].dataName;
+                        }
+                        delete submitObj["region"]; // 移除假属性region
+
+                        let orgParentTree = submitObj["orgParentTree"];
+                        if(orgParentTree.indexOf(",") != 0){
+                            orgParentTree = "," + orgParentTree;
+                        }
+                        if(orgParentTree.lastIndexOf(",") != (orgParentTree.length - 1)){
+                            orgParentTree =  orgParentTree + ",";
+                        }
+                        vm.axios.post(vm.api.sysOrg.batchAdd, submitObj).then(function (res) {
+                            if (res.data.operateSuccess) {
+                                res.data.operateObj.forEach(function (data) {
+                                    if(data["orgType"] == "ogn"){
+                                        data.className = vm.pageSetting["ognCloseIcon"] || "saspiconfont pl-icon-organ";
+                                    }
+                                    if(data["orgType"] == "dept"){
+                                        data.className = vm.pageSetting["deptCloseIcon"] || "saspiconfont pl-icon-untitled85";
+                                    }
+                                });
+                                let treeComp = vm.$refs.orgTreeRef;
+                                if (vm.pageSetting["closeDept"] && submitObj["orgType"] === "dept") { // 如果关闭了部门显示，添加时不显示在树节点，提示
+                                    vm.$message({
+                                        duration: 1500,
+                                        message: "添加成功，但由于关闭了部门，当前不显示！",
+                                    })
+                                } else {
+                                    if (!submitObj["orgParentId"] || submitObj["orgParentId"] === '-1') { // 根节点横向插入
+                                        let nodesMap = treeComp.$refs.elTree.store.nodesMap; // 获取节点集合
+                                        let rootDatas = []; //根节点集合
+                                        for (let key in nodesMap) {
+                                            if (nodesMap[key].level === 1) {
+                                                rootDatas.push(nodesMap[key]);
+                                            }
+                                        }
+                                        let maxObj = {"id": 0};
+                                        let minObj = {};
+                                        rootDatas.forEach(function (data) {
+                                            maxObj = Number(data["id"]) > Number(maxObj["id"]) ? data : maxObj;
+                                        });
+                                        if (maxObj["id"] === 0) { // 当前没有树
+                                            treeComp.init();
+                                        } else {
+                                            treeComp.defaultTreeInsertAfter(res.data.operateObj, maxObj);
+                                        }
+                                    } else { // 子节点下级添加
+                                        treeComp.defaultTreeAppend(res.data.operateObj, submitObj["orgParentId"]);
+                                    }
+                                    vm.$message({
+                                        duration: 1000,
+                                        type: 'success',
+                                        message: res.data.operateMessage
+                                    });
+                                }
+                                vm.orgTreeData = vm.orgTreeData.concat(res.data.operateObj || []);
+                            } else {
+                                vm.$message({
+                                    duration: 1000,
+                                    message: res.data.operateMessage
+                                });
+                            }
+                            vm.orgTreeDialog = false;
+                        });
+                    }
+                })
+            },
+            rightClickNode(event, data, node) { // 右击节点事件
+                let expand = node.expanded;
+                let target = window.event.target;
+                if (target.tagName == 'DIV') {
+                    target.click(); // 右键时点击当前节点
+                } else {
+                    let pNode = target.parentNode;
+                    if (target.className == 'el-checkbox__inner') { // 右击checkBox
+                        pNode.parentNode.parentNode.click();
+                    } else { // 右击下拉图标
+                        pNode.click();
+                    }
+                }
+                node.expanded = expand; // 右击仅选中当前节点保持当前节点展开情况不变
+                let vm = this;
+                vm.ognVisible = true;
+                if (data.orgType == 'dept') {
+                    vm.ognVisible = false; // 部门添加下级不能添加组织
+                }
+                if (vm.objectID !== data.id) {
+                    vm.objectID = data.id;
+                    vm.menuVisible = true;
+                    //设置 node 中齿轮显示
+                    this.showGearObj[data.id] = true;
+                } else {
+                    vm.menuVisible = !vm.menuVisible;
+                    //隐藏node 中齿轮
+                    this.showGearObj[data.id] = false;
+                }
+                vm.left = window.event.clientX + "px";
+                vm.top = window.event.clientY + "px";
+            },
+            closeSafeValidate() { // 关闭数据校验回调
+                let vm = this;
+                vm.init(vm.currentOrgDim);
+            },
+            saveRollBack(obj){//保存回调
+                let vm = this;
+                //vm.$refs.orgTreeRef.defaultTreeUpdate(obj.id, obj);
+                vm.$refs.orgTreeRef.init();
+                // vm.$nextTick(()=>{
+                //     vm.$refs.orgTreeRef.setTreeCurrentKey(obj.id);
+                // });
+
+            },
+
+            /**
+             * 渲染
+             * @param h
+             * @param node
+             * @param data
+             */
+            renderContentFunc(h, { node, data}){
+                //拼接齿轮
+                let MyComempte = (
+                    <span>
+                    <i class={data.className}></i>
+                    <span>{node.label}</span>
+                    <span  class= {'saspiconfont pl-icon-set is-show-setting'}
+                    onclick={this.dOnClick.bind(node,data)}></span>
+                </span>
+            );
+                //绑定悬浮事件
+                return  MyComempte;
+            },
+
+
+
+            /**
+             *
+             * @param data
+             */
+            dOnClick(currentData,data){
+                let vm = this;
+                let treeNode = this.$refs.orgTreeRef.getNode(currentData.id);
+                vm.rightClickNode(null,currentData,treeNode);
+                window.event.stopPropagation();
+            },
+
+            /**
+             * 变换组织类型
+             */
+            changOrgType(){
+                let orgType = this.orgTreeFormData.orgType;
+                if(orgType == 'dept'){
+                    this.ifShowClassify = true;
+                }else {
+                    this.ifShowClassify = false;
+                }
+            }
+        }
+    }
+</script>
+
+<style scoped lang="scss">
+    #rightClickMenu {
+        z-index: 99;
+    }
+
+    .el-menu-vertical {
+        background-color: #555C63;
+        opacity: 0.9;
+        border-radius: 8px;
+        z-index: 99;
+        min-width: 180px;
+    }
+
+    .safeValidateDialog /deep/ .el-dialog__body {
+        height: calc(100% - 80px);
+    }
+
+    .asideTree /deep/ .is-show-setting{
+        margin-left: 10px;
+        font-size: 16px;
+        visibility:hidden !important;
+    }
+
+    .asideTree /deep/ .el-tree-node__content:hover > span > .is-show-setting{
+        visibility:visible !important;
+    }
+
+
+</style>