sasp-admin 0.2.57

package/src/views/user/userMangement.vue

@@ -0,0 +1,938 @@
+<template>
+    <el-container style="height: 100%" v-show="show">
+        <el-header style="height: auto;">
+            <div class="search-form-parent el-card">
+                <el-form :inline="true" :model="crud.searchForm" size="small" class="demo-form-inline"
+                         @keyup.enter.native="crud.doSearch()" onSubmit="return false;">
+                    <el-form-item label="用户名称">
+                        <!--<el-input v-model="crud.searchForm.userNamePinYin" placeholder="中文、拼音全拼、简拼"></el-input>-->
+                        <el-input v-model="crud.searchForm.userName"></el-input>
+                    </el-form-item>
+                    <el-form-item label="用户账号">
+                        <el-input v-model="crud.searchForm.userAccount"></el-input>
+                    </el-form-item>
+                    <el-form-item label="用户状态">
+                        <el-select v-model="crud.searchForm.userStatus" clearable>
+                            <el-option v-for="item in searchFormUserStatus" :key="item.value" :value="item.value"
+                                       :label="item.label">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item>
+                        <el-button type="primary" icon="el-icon-search" @click="crud.doSearch()">查询</el-button>
+                        <el-button icon="el-icon-close" @click="crud.resetSearch()">清空</el-button>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </el-header>
+
+        <el-main id="tableMain" style="height: 100%">
+            <el-container style="height:100%" class="table-list-container">
+                <el-header style="height: auto;" size="medium">
+                    <el-button type="primary" size="small" round icon="el-icon-circle-plus" @click="addUser()">新增
+                    </el-button>
+                    <el-button  type="warning" size="small" round
+                               @click="toggleLockedUser('20')"><i class="saspiconfont pl-icon-pwd"></i><span></span>设为已锁定
+                    </el-button>
+                    <el-button  type="success" size="small" round
+                               @click="toggleLockedUser('10')"><i class="saspiconfont pl-icon-08"></i><span></span>解锁
+                    </el-button>
+                    <!--<el-button v-if="mayOperate == true" type="danger" size="small" round
+                               icon="el-icon-delete" @click="remove()">删除
+                    </el-button>
+                    <el-button v-if="mayOperate == true" type="info" size="small" round
+                               icon="el-icon-share" @click="mount()">挂载
+                    </el-button>-->
+                    <el-button  type="danger" size="small" round
+                               icon="el-icon-delete" @click="remove()">删除
+                    </el-button>
+                    <el-button  type="info" size="small" round
+                               icon="el-icon-share" @click="mount()">挂载
+                    </el-button>
+                </el-header>
+                <el-main style="height: 100%;" ref="tableMain">
+                    <el-table :data="crud.dataStore.records" :ref="crud.tableRef" stripe border height="100%"
+                              style="width: 100%;">
+                        <el-table-column type="selection" width="40" align="center"></el-table-column>
+                        <el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
+                        <el-table-column prop="image" label="用户头像" align="center" >
+                            <!-- 图片的显示 -->
+                            <template   slot-scope="scope">
+                                <img :src="imageUrl+scope.row.id" class="avatar" >
+                                <!--<img :src="scope.row.image"  min-width="70" height="70" />-->
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="用户名称" prop="userName" align="center"></el-table-column>
+                        <el-table-column label="用户账号" prop="userAccount" align="center"></el-table-column>
+                        <el-table-column label="手机号" prop="userPhone" align="center"></el-table-column>
+                        <el-table-column label="邮箱" prop="userEmail" align="center"></el-table-column>
+                        <el-table-column label="身份证" prop="userIdcard" align="center"></el-table-column>
+                        <!--<el-table-column label="所在组织" prop="orgName" align="center"></el-table-column>-->
+                        <el-table-column label="当前状态" prop="userStatus" align="center" width="150">
+                            <template slot-scope="scope">
+                                <el-tag :type="userStatusColor[scope.row.userStatus]">
+                                    {{userStatusObj[scope.row.userStatus]}}
+                                </el-tag>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="操作" align="center" width="350">
+                            <template slot-scope="scope">
+                                <el-button size="small" icon="el-icon-edit" type="primary"
+                                           v-if="scope.row.created == loginUser.id || mayOperate"
+                                           @click="updateData(scope.row)">
+                                    修改
+                                </el-button>
+                                <!--<el-button size="small" icon="el-icon-edit-outline" type="primary" v-if="queryUserType != 'ent'"-->
+                                <!--@click="changePwd(scope.row)">-->
+                                <!--修改密码-->
+                                <!--</el-button>-->
+                                <el-button size="small" icon="el-icon-setting" type="primary"
+                                           v-if="scope.row.created == loginUser.id || mayOperate"
+                                           @click="resetPwd(scope.row)">
+                                    重置密码
+                                </el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </el-main>
+            </el-container>
+        </el-main>
+
+        <el-footer>
+            <el-pagination
+                    :ref="crud.pageRef"
+                    :page-sizes="crud.pageSizes"
+                    :page-size="crud.pageSize"
+                    :current-page="crud.page"
+                    :total="crud.dataStore.total"
+                    @size-change="crud.sizeChange()"
+                    @current-change="crud.currentPage()"
+                    layout="total, sizes, prev, pager, next, jumper">
+            </el-pagination>
+        </el-footer>
+
+        <el-dialog :close-on-click-modal=false :title="title" top="10vh" :visible.sync="formDataDialog">
+            <el-form :model="formData" ref="formDataRef" :rules="rules">
+                <el-row>
+                    <el-col :span="12">
+                        <el-row>
+                            <el-col :span="24">
+                        <el-form-item label="用户姓名" label-width="150px" prop="userName" >
+                            <el-input v-model="formData.userName" ></el-input>
+                        </el-form-item>
+                            </el-col>
+                        </el-row>
+
+                        <el-row>
+                            <el-col :span="24">
+                                <el-form-item label="用户账号" label-width="150px" prop="userAccount">
+                                    <el-input v-model="formData.userAccount"></el-input>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row>
+                            <el-col :span="24">
+                                <el-form-item label="手机" label-width="150px" prop="userPhone">
+                                    <el-input v-model="formData.userPhone"></el-input>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="头像" label-width="150px">
+                            <pl-image
+                                    :fkid="formData.imageId"
+                                    :img-width="260"
+                                    :img-height="160"
+                                    :max-size="2"
+                                    unit="MB"></pl-image>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="电子邮箱" label-width="150px" prop="userEmail">
+                            <el-input v-model="formData.userEmail"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="QQ" label-width="150px" prop="userQq">
+                            <el-input v-model="formData.userQq"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="身份证号" label-width="150px" prop="userIdcard">
+                            <el-input v-model="formData.userIdcard"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="微信" label-width="150px" prop="userWechart">
+                            <el-input v-model="formData.userWechart"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="用户类型" label-width="150px" prop="userType">
+                            <el-select v-model="formData.userType" style="width: 100%">
+                                <el-option v-for="item in typeOptions" :key="item.value" :label="item.label"
+                                           :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="用户状态" label-width="150px" prop="userStatus">
+                            <el-select v-model="formData.userStatus" style="width: 100%">
+                                <el-option v-for="item in statusOptions" :key="item.value" :label="item.label"
+                                           :value="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="submitForm()" size="small" icon="el-icon-success">确 定</el-button>
+                <el-button @click="formDataDialog = false" size="small" icon="el-icon-error">取 消</el-button>
+            </div>
+        </el-dialog>
+        <el-dialog :close-on-click-modal=false top="10vh" :visible.sync="isLoad" :title=orgTitle width="22%" height="70%">
+            <el-header>
+                <el-select v-model="currentOrgDim" style="width: 180px;margin: 0 5px 0 0"
+                           @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-input
+                        :placeholder="searchPlaceHolder"
+                        v-model="filterText" style="width: 150px;margin-top: 10px" size="small">
+                </el-input>
+            </el-header>
+
+            <el-aside style="width: 100%;position: relative" class="asideTree" >
+                <common-tree v-if="isLoad" :request-url="api.sysOrg.listNopageDim"
+                             :checkStrict=true
+                             :request-param="treeRequestParam"
+                             :deal-tree-datcheckel-tree-changea="dealTreeData"
+                             :default-props="defaultProps" parent-id="orgParentId" :filter-text="filterText"
+                             :refresh-proper="currentOrgDim"
+                             :node-click="nodeClick" :expand-onclick-node=true
+                             :init-call-back="initExpandOrignOrg" ref="orgTreeRef" :default-shift-key-select=true
+                             :default-ctrl-key-select=true :draggable=false
+                              :tree-node-collapse="treeNodeCollapse"
+                             :tree-node-expand="treeNodeExpand" :filter-text-call-back="filterTextCallBack">
+                </common-tree>
+
+            </el-aside>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="saveSetting()" size="small" icon="el-icon-success">保 存</el-button>
+                <el-button @click="isLoad = false" size="small" icon="el-icon-error">取 消</el-button>
+            </div>
+        </el-dialog>
+    </el-container>
+</template>
+
+<script>
+    import EmpowerOrgTree from "./empowerUser/empowerOrgTree";
+    export default {
+        name: "userMangement",
+        components: {
+            'empower-org-tree':EmpowerOrgTree
+        },
+        data(){
+            let vm = this;
+            let validUserRepeat = (rule, value, callback) => { // 重名验证
+                let obj = {"isExit": "true"};
+                if (rule.field == "userAccount") {
+                    obj["isExituserAccount"] = vm.formData.userAccount;
+                } else {
+                    obj["isExitUserName"] = vm.formData.userName;
+                }
+                vm.axios.post(vm.api.sysUser.find, obj).then(res => {
+                    let result = res.data || [];
+                    if (result.length > 0 && result[0].id != vm.formData.id) {
+                        callback(new Error("名称重复"));
+                    } else {
+                        callback();
+                    }
+                })
+            };
+            return{
+                queryUserType: '', // 链接中传入的用户类型
+                show: true, // 当前页面是否有操作权限显示
+                crud: new this.CrudUtil({
+                    vue: this,
+                    entityName: "sysUser",
+                    url: this.api.sysUser.url,
+                    addDefaultData: {"userStatus": "10"},
+                    initNoSearch: true,
+                    searchForm:{rows: 10,page:0,status:1},
+                    deleteUrl:api.sysUser.logicDelete
+                }),
+                userStatusObj: {
+                    '10': "正常",
+                    '20': "锁定",
+                    '30': "暂时锁定"
+                },
+                userStatusColor: {
+                    '10': "success",
+                    '20': "warning",
+                    '30': "danger"
+                },
+                searchFormUserStatus: [
+                    {value: '10', label: "正常"},
+                    {value: '20', label: "锁定"},
+                    {value: '30', label: "暂时锁定"}
+                ],
+                statusOptions: [
+                    {value: '10', label: "正常"},
+                    {value: '20', label: "锁定"}
+                ], // 用户状态下拉框
+                sexOptions: [
+                    {value: '男', label: "男"},
+                    {value: '女', label: "女"}
+                ],
+
+                formDataDialog: false, // 用户信息对话框
+                loading: true, // 加载条
+                formData: {
+                    'id': "", 'userAccount': "", 'userName': "", 'userType': "", 'userStatus': "",
+                    'userGender': "", 'userAge': "",  'userPhone': "", 'userEmail': "",
+                    'userIdcard':"",'userWechart':"",'userQq':""
+                }, // 修改表单用户信息
+                typeOptions: [], // 用户类型下拉框
+                devTypeOptions: [{value: 'dev', label: '开发者'}], // dev用户类型仅可选一个
+                editUserDetail: false, // 是否可以编辑用户详情
+                title: "", // 表单标题
+                mayOperate: false, // 是否可以操作当前数据，如果是开发者可以
+                loginUser: {},//登录对象
+                //表单验证
+                rules: {
+                    userAccount: [
+                        {
+                            required: true,
+                            message: '该输入项为必输项',
+                            trigger: 'blur'
+                        }
+                    ],
+                    userName: [
+                        {required: true, message: '该输入项为必输项',trigger: 'blur'}
+                    ],
+                    userStatus: this.plValidate('required'),
+                    userPhone: [
+                        {
+                            required: true,
+                            message: '该输入项为必输项',
+                            trigger: 'blur'
+                        },
+                        {
+                            validator: this.platValidator.mobile,
+                            trigger: 'blur'
+                        }
+                    ],
+                    userEmail: this.plValidate('email'),
+                    userIdcard: this.plValidate('idcard'),
+                    userQq: this.plValidate('qq'),
+                    /*userType: this.plValidate('required'),*/
+                },
+                imageUrl:'',
+                isLoad:false,
+                treeRequestParam:{}, // 组织树的过滤条件
+                currentOrgDim: "", // 当前维度
+                orgType: "", // 当前组织类型
+                defaultProps: {children: 'children', label: 'orgName'},
+                filterText: "", // 过滤树节点的变量
+                orgTypeArr: [], //  所有组织类型
+                cascadeOptions: [], // 地区选项
+                sysOrgDimensionArr: [], // 所有维度
+                orgTitle:'',
+                searchPlaceHolder: "请输入组织名称",
+                noAuth: false, // 没有权限
+                currentOrgId: "", // 当前组织id
+                currentObj: {}, // 当前节点数据
+                openLowLevelCheckbox:{type:Boolean,default:false},//是否开启组织下级权限复选框
+                isChecked:{},
+                checkedOrg:[],
+                checkedPos:[],
+                checkedUser:[],
+            }
+        },
+        created() { // 初始化时先获取数据操作权限，然后根据是否开启操作权限获取权限数据
+            let vm = this;
+            this.imageUrl = vm.api.baseUploadUrl+'downloadFile?id=';
+            vm.initOriginData();
+            vm.initLoginUser();
+            vm.initOriginDates(); // 初始化下拉数据等，并初始化权限，仅初始化一次
+            vm.init();
+        },
+        methods:{
+            async initOriginData() {
+                let vm = this;
+                await vm.axios.post(vm.api.param.getSysParams).then(function (res) { // 是否可以修改用户详情，获取用户的类型
+                    let sysParamObj = res.data;
+                    let paramValString = sysParamObj["SysUserType"]["paramVal"];
+                    let result = JSON.parse(vm.platStringUtil.replaceAll(paramValString, "'", "\""));
+                    for (let [key, value] of Object.entries(result)) {
+                        vm.typeOptions.push({"label": value, "value": key})
+                    }
+                });
+            },
+            init() {
+                this.crud.search();
+            },
+            /**
+             * 当前登录用户
+             */
+            initLoginUser() {
+                let vm = this;
+                vm.axios.post(vm.api.sysUser.getLoginUser).then(function (res) {
+                    vm.loginUser = res.data;
+                    if (vm.loginUser.userType == "dev" || vm.loginUser.userType == "sup") {
+                        vm.mayOperate = true;
+                    }
+                });
+            },
+            /**
+             * 锁定和解锁
+             */
+            toggleLockedUser(status) {
+                let vm = this;
+                let selection = vm.$refs[vm.crud.setting.tableRef].selection;
+                if ((selection || []).length === 0) {
+                    vm.$message({
+                        message: "请选择要操作的用户！",
+                        duration: 1500
+                    });
+                    return;
+                }
+                let message = '锁定';
+                if (status == '10') {
+                    message = '正常';
+                }
+                vm.$confirm('是否要设置选中的<span style="color: red;">' + selection.length + '</span>个用户状态为' + message + '?', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    dangerouslyUseHTMLString: true
+                }).then(function () {
+                    let arrIds = [];
+                    selection.forEach(function (data) {
+                        arrIds.push(data.id);
+                    });
+                    vm.crud.axios.post(vm.api.sysUser.settingLockedUser, {
+                        "ids": arrIds.join(","),
+                        "userStatus": status
+                    }).then(function (response) {
+                        vm.$message({
+                            type: 'success',
+                            message: response.data.operateMessage
+                        });
+                        vm.crud.search();
+                    });
+                });
+            },
+            /**
+             * 重置密码
+             * @param row
+             */
+            resetPwd(row) { //
+                let [vm, userNameText] = [this, row.userName ? row.userName : '用户'];
+                this.$confirm('确定要重置' + userNameText + '的密码?', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning',
+                    beforeClose: function (action, instance, done) {
+                        if (action == 'confirm') {
+                            vm.axios.post(vm.api.sysUser.resetPwd, {"id": row.id}).then(function (res) {
+                                done(); // 完成后提示并关闭窗口
+                                vm.$message({
+                                    type: 'success',
+                                    duration: 1500,
+                                    message: res.data.operateMessage
+                                });
+                            });
+                        } else {
+                            done();
+                        }
+                    }
+                }).catch(() => {
+                    this.$message({
+                        type: 'info',
+                        message: '已取消'
+                    });
+                });
+            },
+            /**
+             * 修改
+             */
+            updateData(row) { // 修改用户的基本信息(新增系统参数，是否允许修改用户详情)
+                let vm = this;
+                if (!row.id) {
+                    vm.$message("数据异常，请重新加载页面！");
+                    return;
+                }
+                vm.title = "修改用户信息";
+                vm.formData = {}; // 先清除表单中的数据
+                vm.addUserInfo = false; // 默认不添加用户详情
+                let obj = Object.assign({}, row);
+                let arr = ['id', 'userAccount', 'userName', 'userType', 'userStatus','userQq', 'userPhone',
+                    'userEmail','userIdcard','userWechart'];
+                for (let elem of arr) {
+                    vm.$set(vm.formData, elem, obj[elem]);
+                }
+                /*if (vm.editUserDetail) {
+                    vm.axios.post(vm.api.sysUser.find, {"id": row.id}).then(function (res) {
+                        if (res.data.length > 0) { // 按理说只有一条信息，如果没有那是旧数据，我们帮忙插入一条
+                            let result = res.data[0];
+                            let tempArr = ['id', 'userAccount', 'userName', 'userType', 'userStatus','userQq', 'userPhone', 'userEmail','userIdcard','userWechart'];
+                            for (let elem of tempArr) {
+                                vm.$set(vm.formData, elem, result[elem]);
+                            }
+                        }
+                    })
+                }*/
+                vm.formDataDialog = true;
+            },
+            /**
+             * 添加
+             */
+            addUser() { // 添加
+                let vm = this;
+                //每次新增唯一凭证
+                let id='';
+                /*vm.axios.post(vm.api.commonmethod.getUuid).then(function (res) {
+                    if (res.data) {
+                        id = res.data;
+                        console.log(id);*/
+
+                        vm.formData = {
+                            'id': id, 'userAccount': "", 'userName': "", 'userType': "", 'userStatus': "",
+                            'userGender': "", 'userAge': "", 'userQQ': "", 'userPhone': "", 'userEmail': "",
+                            'imageId': id,'userIdcard':"",'userWechart':"",'userQq':""
+                        };
+                        if (vm.queryUserType == 'dev') { // 开发者添加用户类型仅可添加开发者
+                            vm.$set(vm.formData, 'userType', 'dev');
+                        } else {
+                            vm.$set(vm.formData, 'userType', vm.queryUserType);
+                        }
+                        vm.formData = Object.assign({}, vm.formData, vm.crud.addDefaultData);
+                        vm.title = "添加用户信息";
+                        vm.formDataDialog = true;
+                        vm.$nextTick(function () {
+                            vm.$refs.formDataRef.clearValidate(); // 再次添加清除原先的验证
+                        })
+
+
+                    /*}*!/
+                });*/
+            },
+            /**
+             * 表单提交
+             */
+            submitForm() {
+                let vm = this;
+                vm.$refs.formDataRef.validate((valid) => { // 表单验证
+                    if (valid) {
+                        vm.axios.post(vm.api.sysUser.validateAccountIsNotExists,
+                            {
+                                "userAccount": vm.formData.userAccount,
+                                "userPhone": vm.formData.userPhone,
+                                "userId": (vm.formData.id || "")
+                            }).then(function (resValid) { // 验证账号是否存在
+
+                            if (resValid.data) {
+
+                                if (vm.formData.id) { // update
+                                    vm.axios.post(vm.api.sysUser.updateUser, vm.formData).then(function (res) {
+                                        vm.$message({
+                                            duration: 1000,
+                                            type: 'success',
+                                            message: res.data.operateMessage
+                                        });
+                                        vm.formDataDialog = false;
+                                        vm.crud.search();
+                                    })
+                                } else { // add
+                                    vm.axios.post(vm.api.sysUser.addUser, vm.formData).then(function (res) {
+                                        vm.$message({
+                                            duration: 1000,
+                                            type: 'success',
+                                            message: res.data.operateMessage
+                                        });
+                                        vm.formDataDialog = false;
+                                        vm.crud.search();
+                                    })
+                                }
+
+                            } else {
+                                vm.$message({
+                                    message: "账号已存在！",
+                                    duration: 1200,
+                                    type: "warning"
+                                });
+                            }
+
+
+                        });
+                }
+                });
+            },
+            /**
+             * 删除
+             */
+            remove() {
+                let vm = this;
+                let selection = vm.$refs[vm.crud.setting.tableRef].selection;
+                if ((selection || []).length === 0) {
+                    vm.$message({
+                        duration: 1500,
+                        type: 'info',
+                        message: '请至少选择一条需要删除的数据！'
+                    });
+                    return;
+                }
+                if (vm.loginUser.userType == "sup" || vm.loginUser.userType == "dev") {
+                    vm.crud.remove();
+                } else {
+                    // 判断是否有不是自己创建的数据
+                    let ifNoCreate = false;
+                    let loginUserId = vm.loginUser.id;
+                    selection.forEach(item => {
+                        if (item.created != loginUserId) {
+                            ifNoCreate = true;
+                        }
+                    });
+                    if (ifNoCreate) { // 有不是本人创建的数据，不可以删除
+                        vm.$message({
+                            duration: 1500,
+                            type: 'info',
+                            message: '无法删除非当前用户创建的数据！'
+                        });
+                        return;
+                    }
+                    vm.crud.remove();
+                }
+            },
+            mount(){
+                let vm = this;
+                vm.orgTitle='用户挂载';
+                vm.isLoad = true;
+
+            },
+            /**
+             * 获取当前选中的组织维度
+             * @param orgDim
+             */
+            getOrgTreeInitInfo(orgDim){
+                let vm = this;
+                vm.currentOrgDim = orgDim;
+            },
+            /**
+             * 刷新用户列表数据
+             * @param data
+             * @param node
+             */
+            refreshUserData(data,node){
+                let vm = this;
+                vm.$refs.empowerUserList.changeSearchForm(data.id);
+            },
+            /**
+             * 获取左侧树数据
+             * @param data
+             */
+            getTreeData(data){
+                let vm = this;
+                vm.treeData = data;
+            },
+
+            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";
+                    }
+                }
+            },
+            nodeClick(data, node) { // 节点点击事件
+                let vm = this;
+                console.log("点击了@@@");
+                vm.menuVisible = false;
+                vm.currentOrgId = data["id"];
+                vm.currentObj = Object.assign({}, data);
+            },
+            initExpandOrignOrg(treeVm) { // 初始化展开第一级组织
+                let vm = this;
+                let nodesMap = treeVm.getAllNode();
+                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"];
+                    }
+                }
+            },
+            //节点关闭事件
+            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";
+                }
+            },
+            // 节点展开事件
+            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";
+                }
+            },
+            // 过滤文本完成回调
+            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";
+                            }
+                        }
+                    }
+                });
+            },
+
+            initOriginDates() { // 初始化下拉数据等，仅初始化一次
+                let vm = this;
+                vm.noAuth = false;
+                vm.axios.post(vm.api.param.getSysParams, {"key": "SysDataOperation"}).then(function (res) {
+                    if (res.data.paramVal === '否') {
+                        vm.initOrigin();
+                    } else {
+                        vm.axios.post(vm.api.sysUser.getLoginUser).then(function (res) {
+                            let loginUser = res.data;
+                            vm.loginUser = loginUser;
+                            if (loginUser.userType === 'sup' || loginUser.userType === 'dev') {
+                                vm.initOrigin();
+                            }else{
+                                vm.axios.post(vm.api.sysOrgPosUser.find,{"userId":loginUser.id}).then(posUserRes => {
+                                    if(posUserRes && posUserRes.data.length > 0){
+                                        let posUser = posUserRes.data[0];
+                                        let dim = posUser.orgDim; // 所在维度
+                                        let orgTreeId = posUser.orgId; // 组织树上级
+                                        vm.$set(vm.treeRequestParam,"orgTreeId",orgTreeId);
+                                        vm.initOrigin(dim);
+                                    }else{
+                                        vm.noAuth = true; // 查不到组织架构
+                                    }
+                                })
+                            }
+                        });
+                    }
+                });
+                vm.axios.post(vm.api.param.getSysParams, {
+                    'key': 'SysOrgType'
+                }).then(res => { // 组织类型
+                    let paramJson = JSON.parse(vm.platStringUtil.replaceAll(res.data.paramVal, "'", "\"")); // 转换组织类型为JSON
+                    Object.keys(paramJson).forEach(function (key) {
+                        let obj = {};
+                        obj["value"] = key;
+                        obj["label"] = paramJson[key];
+                        vm.orgTypeArr.push(obj);
+                    })
+                });
+                vm.axios.post(vm.api.data.getDataByType, {
+                    'typeId': '522eb83216004493b0e0eb729c564941'
+                }).then(res => {
+                    let result = vm.COMMON_FUNC.buildElTree(res.data);
+                    result.forEach(function (data) {
+                        if (data.parentId === '-1') {
+                            let arr = [];
+                            arr.push(data);
+                            vm.cascadeOptions = arr;
+                        }
+                    });
+                })
+            },
+            initOrigin(dim) { // 初始化，dim选择的维度
+                let vm = this;
+                vm.showPosUser = false;
+                vm.axios.post(vm.api.sysOrgDimension.find).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": false, // 关闭主岗位
+                    "posIcon": "saspiconfont pl-icon-account", // 岗位图标
+                    "posMainIcon": "saspiconfont pl-icon-yonghu", // 主岗位图标
+                    "chooseUserType": "" // 可选择的用户类型(默认可选择所有类型用户,如设置ent就只可以选择ent)
+                };
+                let dimSpec = JSON.parse(data["dimSpec"] || "{}");
+                vm.pageSetting = Object.assign({}, pageSetting, dimSpec);
+                //vm.searchPlaceHolder = (vm.pageSetting['ognName'] || '机构') + "名称";
+                vm.closeMainPos = vm.pageSetting["closeMainPos"];
+                vm.closePos = vm.pageSetting["closePos"];
+                vm.orgType = vm.pageSetting["closeDept"] ? "ogn" : ""; // 关闭部门后不抓取部门数据
+                vm.$set(vm.treeRequestParam,"orgType",vm.orgType);
+                vm.$set(vm.treeRequestParam,"orgDim",vm.currentOrgDim);
+            },
+            dimChange(value) { // 维度切换事件
+                let vm = this;
+                vm.currentOrgId = "$";
+                vm.currentObj = {};
+                for (let elem of vm.sysOrgDimensionArr) {
+                    if (elem.id === value) {
+                        vm.initDimSetting(elem);
+                        break;
+                    }
+                }
+            },
+
+            // 当是否开启下级权限同步复选框变化时候 ，如果选中状态自动勾选所有的下级用户(如果下级用户也存在下级则也勾选同步复选框)并且设为禁用
+            // 如果取消勾选下级用户，则取消下级用户禁用状态，并且勾选取消
+            dChange(data, checked){
+                let vm = this;
+                let temple = vm.$refs.orgTreeRef;
+                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){
+                            nodesMap[key]["checked"] = false;
+                            vm.isChecked[key] = false;
+                        }
+                    }
+                });
+                vm.$nextTick(() => {
+                    vm.stopChange = false;
+                })
+            },
+            checkelTreeChange(data,checked){ // 树节点选中变化时的事件
+                console.log("点击复选框%%%%");
+                let vm = this;
+                let tempObj = {"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){
+                            vm.isChecked[data.id] = false;
+                            vm.dChange(data,false);
+                        }
+                    }
+                    vm[tempObj[data["nodeType"]]] = operateArr.filter(item => {
+                        return item["id"] != data["id"];
+                    });
+                }
+            },
+            getCurrentChildren(node,allNodeArr){ // 获取指定节点的所有下级（包括自己）已选中的id
+                let vm = this;
+                let childProper = "childNodes";
+                if(node.data.id != '-1' && node["checked"]){
+                    allNodeArr.push(node.data.id);
+                }
+                if(node[childProper] && node[childProper].length > 0){
+                    for(let elem of node[childProper]){
+                        this.getCurrentChildren(elem,allNodeArr);
+                    }
+                }
+                return allNodeArr;
+            },
+            //保存组织
+            saveSetting(){
+                let vm = this;
+                let checkedNodes = vm.$refs.orgTreeRef.getTreeCheckedNodes();
+                let checkedSet = new Array(); // 已选择组织
+                checkedNodes.forEach(function (data) {
+                    checkedSet.push(data.id);
+                    /*if(data.menuPath){
+                        data.menuPath.split(",").forEach(function (each) {
+                            effectSet.add(each);
+                        })
+                    }*/
+                });
+            },
+            setToArray(set){ // set转array
+                let arr = [];
+                for(let item of set.keys()){
+                    arr.push(item);
+                }
+                return arr;
+            },
+
+        },
+    }
+</script>
+
+<style scoped>
+
+</style>