sasp-admin 0.2.57

package/src/views/user/userManage.vue

@@ -0,0 +1,737 @@
+<template>
+    <el-container class="userMange-content" 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-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 type="danger" size="small" round
+                               icon="el-icon-delete" @click="remove()">删除
+                    </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 label="用户名称" prop="userName" align="center" width="300"></el-table-column>
+                        <el-table-column label="所在组织" :formatter="formatterOrgName" prop="orgName" align="center"></el-table-column>
+                        <el-table-column label="当前状态" prop="userStatus" align="center" width="200">
+                            <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">
+                                <!--v-if="queryUserType != 'ent' && (scope.row.created == loginUser.id || mayOperate)"-->
+                                <el-button size="small" icon="el-icon-edit" type="primary"
+                                           @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="danger"
+                                           @click="resetPwd(scope.row)">
+                                    重置密码
+                                </el-button>
+                                <el-button size="small" icon="el-icon-zoom-in" type="warning"
+                                           v-if="queryUserType != 'dev'"
+                                           @click="viewMenu(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="20vh" :visible.sync="formDataDialog">
+            <el-form :model="formData" ref="formDataRef" :rules="rules">
+                <el-row>
+
+                    <el-col :span="12">
+                        <el-form-item label="用户账号" label-width="150px" prop="userAccount">
+                            <el-input v-model="formData.userAccount"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="用户姓名" label-width="150px" prop="userName">
+                            <el-input v-model="formData.userName"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <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="userPhone">
+                            <el-input v-model="formData.userPhone"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <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="身份证号" label-width="150px" prop="userIdcard" :rules="plValidate('idcard')">
+                            <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="userStatus">
+                            <el-radio-group v-model="formData.userStatus" size="medium">
+                                <el-radio-button label="10">正常</el-radio-button>
+                                <el-radio-button label="20">锁定</el-radio-button>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+<!--                    <el-col :span="12">-->
+<!--                        <el-form-item label="用户角色" label-width="150px" prop="userRoleId">-->
+<!--                            <el-select v-model="formData.userRoleId" style="width: 100%" clearable>-->
+<!--                                <el-option v-for="item in createPushRoleArr" :key="item.id" :label="item.roleName" :value="item.id">-->
+
+<!--                                </el-option>-->
+<!--                            </el-select>-->
+<!--                        </el-form-item>-->
+<!--                    </el-col>-->
+                </el-row>
+                <!--<div >-->
+                    <!--<el-row>-->
+
+                    <!--</el-row>-->
+                <!--</div>-->
+            </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 :title="menuUserName+'的菜单'" top="5vh" height="90%" width="80%"
+                   :visible.sync="viewMenuDialog" class="userViewMenuClass">
+            <empower-user-view-menu-tree :user-id="menuUserId" :menu-model-obj="menuModelObj"
+                                         :data-dictionary-obj="dataDictionaryObj"
+                                         :menu-opt-all="menuOptAll" :current-role-opt-all="currentRoleOptAll"
+                                         :refresh-boolean-proper="viewMenuDialog" user-type="normal">
+            </empower-user-view-menu-tree>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="viewMenuDialog = false" size="small" icon="el-icon-error">关闭
+                </el-button>
+            </div>
+        </el-dialog>
+    </el-container>
+</template>
+
+<script>
+    import viewMenu from './viewMenu/viewMenu.vue';
+    import EmpowerUserViewMenuTree from "./empowerUser/empowerUserListViewMenuTree";
+    import ElRadioGroup from "element-ui/packages/radio/src/radio-group";
+
+    export default { // 新增是否允许修改用户详情，为系统参数，需要新增flyway脚本
+        components: {ElRadioGroup, EmpowerUserViewMenuTree, viewMenu},
+        name: "user-manage",
+        data() {
+            let vm = this;
+            let validUserRepeat = (rule, value, callback) => { // 重名验证
+                // let obj = {"isExit": "true"};
+                // if (rule.field == "userAccount") {
+                //     obj["isExitUserAccount"] = vm.formData.userAccount;
+                // }
+                // 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,
+                    searchUrl: this.api.sysUser.findPageParam,
+                    searchForm: {"orderSql": "TB.CREATE_TIME DESC,TB.USER_STATUS DESC", "getOrgName": "true","parentOrg": "true"}, // 加上排序
+                    noClearSearchColumns: ["userType", "unsup", "ids", "order", "sort", "showCreated", "getOrgName","parentOrg","empowerUser","empowerOrgId"],
+                    addDefaultData: {"userStatus": "10"},
+                    initNoSearch: true,
+                    uploadArr:['zd1']
+                }),
+                userStatusObj: {
+                    '10': "正常",
+                    '20': "锁定",
+                    '30': "暂时锁定"
+                },
+                userStatusColor: {
+                    '10': "success",
+                    '20': "warning",
+                    '30': "danger"
+                },
+                menuUserId: '', // 查看菜单时的userId
+                menuUserName: '', // 查看菜单时的用户名
+                viewMenuDialog: false, // 查看菜单的对话框
+                formDataDialog: false, // 用户信息对话框
+                loading: true, // 加载条
+                formData: {
+                    id: "", 'userAccount': "", userName: "", 'userType': "", 'userStatus': "",
+                    'userGender': "", 'userAge': "", 'userQQ': "", 'userPhone': "", 'userEmail': "",userIdcard:""
+                }, // 修改表单用户信息
+                typeOptions: [], // 用户类型下拉框
+                devTypeOptions: [{value: 'dev', label: '开发者'}], // dev用户类型仅可选一个
+                searchFormUserStatus: [
+                    {value: '10', label: "正常"},
+                    {value: '20', label: "锁定"},
+                    {value: '30', label: "暂时锁定"}
+                ],
+                statusOptions: [
+                    {value: '10', label: "正常"},
+                    {value: '20', label: "锁定"}
+                ], // 用户状态下拉框
+                sexOptions: [
+                    {value: '男', label: "男"},
+                    {value: '女', label: "女"}
+                ],
+                editUserDetail: false, // 是否可以编辑用户详情
+                title: "", // 表单标题
+                rules: {
+                    userAccount: [
+                        {
+                            required: true,
+                            message: '该输入项为必输项',
+                            trigger: 'blur'
+                        },
+                        {
+                            validator: validUserRepeat,
+                            trigger: 'blur'
+                        }
+                    ],
+                    userName: [
+                        {
+                            required: true,
+                            message: '该输入项为必输项',
+                            trigger: 'blur'
+                        },
+                        {
+                            validator: validUserRepeat,
+                            trigger: 'blur'
+                        }
+                    ],
+                    userType: this.plValidate('required'),
+                    userStatus: this.plValidate('required'),
+                    userQQ: this.plValidate('qq'),
+                    userPhone: this.plValidate('phone','required'),
+                    userEmail: this.plValidate('email'),
+                },
+                menuModelObj: {},
+                dataDictionaryObj: {},
+                menuOptAll: {},
+                loginUser: {},
+                currentRoleOptAll: {},
+                mayOperate: false, // 是否可以操作当前数据，如果是开发者可以
+                createPushRoleArr:[],
+            }
+        },
+        created() { // 初始化时先获取数据操作权限，然后根据是否开启操作权限获取权限数据
+            let vm = this;
+            vm.initLoginUser();
+            //vm.initMenuModelObj();
+            vm.initDataDictionaryObj();
+            vm.initCreatePushRole(); // 初始化推送的用户角色数据
+        },
+        watch:{
+            // 'formData.userName'(){
+            //     // this.formData.userAccount = this.formData.userName;
+            // }
+        },
+        methods: {
+            initCreatePushRole(){
+                this.axios.post(this.api.role.find,{"created":this.loginUser.id,"pushRole":"1"}).then(res => {
+                    this.createPushRoleArr = res.data || [];
+                })
+            },
+            async initOriginData() {
+                let vm = this;
+                let urlParam = vm.COMMON_FUNC.getUrlParamBysplit(window.location.href);
+                let userType = vm.$route.params["userType"] || (urlParam["userType"] || "").toLowerCase();
+                vm.queryUserType = userType;
+                let dataOperation = (urlParam["sjqx"] || "").toLowerCase();
+                vm.$set(vm.crud.searchForm, "userType", userType); // 设置查询条件的用户类型
+                if (!userType) { // 当前url链接中没有传递用户类型
+                    vm.$message("请设置菜单的用户类型！");
+                    vm.show = false;
+                    return;
+                }
+                vm.typeOptions = [];
+                let skipUserManageOpt = false; // OA跳过用户管理权限
+                await vm.axios.post(vm.api.param.getSysParams,{"key":"SysUserType"}).then(function (res) { // 是否可以修改用户详情，获取用户的类型
+                    // let sysParamObj = res.data;
+                    // let paramValString = sysParamObj["SysUserType"];
+                    let result = res.data;
+                    if(typeof(result) != Object && typeof(result) != "object"){
+                        result = JSON.parse(result.replace(/'/g, '"'));
+                    }
+                    for (let [key, value] of Object.entries(result)) {
+                        vm.typeOptions.push({"label": value, "value": key})
+                    }
+                    vm.typeOptions = vm.typeOptions.filter(item => {
+                        return item["value"] == userType;
+                    });
+                    if (userType != 'dev' && !result[userType]) { // 乱传的用户类型
+                        vm.$message("请设置正确的用户类型！");
+                        vm.show = false;
+                        return;
+                    }
+                    // if (sysParamObj["editUserDetail"]["paramVal"] == "是") {
+                    //     vm.editUserDetail = true;
+                    // }
+                    // skipUserManageOpt = (sysParamObj["skipUserManageOpt"] || {})["paramVal"] == "是";
+                });
+                if (userType != 'dev') { // 非开发者类型加入unsup参数，dev传入别的参数
+                    vm.$set(vm.crud.searchForm, "unsup", "sup");
+                    // vm.queryUserType == 'gov'?(vm.$set(vm.crud.searchForm,"getOrgName","yes")):"";
+                } else { // 查看开发者类型直接初始化，仅传递用户类型即可，上面已经传了
+                    vm.$set(vm.crud.searchForm, "unsup", "");
+                    vm.init();
+                    return;
+                }
+                if (dataOperation == "all" || skipUserManageOpt) {
+                    vm.init();
+                } else {
+                    if (vm.loginUser.userType == 'sup' || vm.loginUser.userType == 'dev') {
+                        vm.init();
+                    } else {
+                        vm.crud.searchForm["showCreated"] = vm.loginUser.id;
+                        vm.axios.post(vm.api.param.getSysParams, {"key": "SysDataOperation"}).then(function (res) {
+                            let result = vm.platStringUtil.replaceAll(res.data.SysDataOperation, "'", "\"");
+                            let operation = "";
+                            result ? operation = JSON.parse(result).opt : operation;
+                            if (operation == "是") { // 过滤当前组织用户
+                                vm.axios.post(vm.api.sysOrgPosUser.findLowerUserIdsByOrg).then(posUserRes => {
+                                    if (posUserRes.data && posUserRes.data.length > 0) {
+                                        let idsArr = [];
+                                        posUserRes.data.forEach(sysOrgPosUser => {
+                                            idsArr.push(sysOrgPosUser.userId);
+                                        });
+                                        vm.crud.searchForm["ids"] = idsArr.join(",");
+                                    } else {
+                                        vm.crud.searchForm["ids"] = "$$$$";
+                                    }
+                                    vm.init();
+                                })
+                            } else { // 未开启数据权限视为拥有所有权限
+                                vm.init();
+                            }
+                        });
+                    }
+                }
+            },
+            init() {
+                this.crud.search();
+            },
+
+
+            /**
+             * 当前登录用户
+             */
+            initLoginUser() {
+                let vm = this;
+                vm.loginUser = vm.USER_GLOBAL.getLoginUser() || {};
+                if (vm.loginUser.userType == "dev" || vm.loginUser.userType == "sup") {
+                    vm.mayOperate = true;
+                }
+                if (vm.loginUser.userType == "empower") {
+                    vm.crud.searchForm["empowerUser"] = "Y";
+                    let loginDept = this.USER_GLOBAL.getLoginDept();
+                    vm.crud.searchForm["empowerOrgId"] = loginDept.id;
+
+                }
+                vm.initOriginData(); // 初始化数据，这里的数据仅加载一次
+                vm.initOptAll(vm.loginUser.id);
+            },
+
+            /**
+             * 用户拥有的操作权限
+             */
+            initOptAll(userId) {
+                let vm = this;
+                vm.axios.post(vm.api.sysOrgPosUser.find, {"userId": userId}).then(function (resPosUser) { // 获取当前用户的组织架构
+                    let [orgIdArr, posIdArr] = [[], []];
+                    resPosUser.data.forEach(function (posUser) {
+                        posUser.orgId && (orgIdArr.push(posUser.orgId));
+                        posUser.posId && (posIdArr.push(posUser.posId));
+                    });
+                    vm.axios.post(vm.api.roleMenuOpt.findAllOpt,
+                        {
+                            "userId": userId,
+                            "orgId": orgIdArr.join(","),
+                            "posId": posIdArr.join(",")
+                        }).then(function (resOpt) {
+                        let data = resOpt.data || [];
+                        data.forEach(function (each) {
+                            vm.menuOptAll[each["menuId"]] = each["operation"];
+                        });
+                    });
+                });
+            },
+
+            // /**
+            //  * 菜单模块数据
+            //  */
+            // initMenuModelObj() {
+            //     let vm = this;
+            //     vm.axios.post(vm.api.menuModule.find).then((res) => {
+            //         let data = res.data;
+            //         for (let item of data) {
+            //             vm.menuModelObj[item.id] = item.moduleName || "无";
+            //         }
+            //     });
+            // },
+
+            /**
+             * 数据字典
+             */
+            initDataDictionaryObj() {
+                let vm = this;
+                vm.axios.post(vm.api.dataType.find).then(res => {
+                    let data = res.data;
+                    data.forEach(item => {
+                        vm.dataDictionaryObj[item.id] = item.typeName;
+                    });
+                });
+            },
+
+
+            viewMenu(row) { // 查看用户拥有的菜单
+                let vm = this;
+                if (!row.id) { // 行数据id不存在
+                    vm.$message("数据异常，请重新加载页面！");
+                    return;
+                }
+                vm.menuUserId = row.id;
+                vm.menuUserName = row.userName;
+                vm.viewMenuDialog = true;
+            },
+            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','userPhone','userEmail','userIdcard','userRoleId'];
+                for (let elem of arr) {
+                    vm.$set(vm.formData, elem, obj[elem]);
+                }
+                if (vm.editUserDetail) {
+                    vm.axios.post(vm.api.sysUserInfo.find, {"userId": row.id}).then(function (res) {
+                        if (res.data.length > 0) { // 按理说只有一条信息，如果没有那是旧数据，我们帮忙插入一条
+                            let result = res.data[0];
+                            let tempArr = ['userGender', 'userAge', 'userQq', 'userPhone', 'userEmail'];
+                            for (let elem of tempArr) {
+                                vm.$set(vm.formData, elem, result[elem]);
+                            }
+                        }
+                    })
+                }
+                vm.formDataDialog = true;
+            },
+            addUser() { // 添加
+                let vm = this;
+                vm.formData = {
+                    'id': "", 'userAccount': "", 'userName': "", 'userType': "", 'userStatus': "",
+                    'userGender': "", 'userAge': "", 'userQq': "", 'userPhone': "", 'userEmail': "",
+                };
+                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(function (valid) { // 表单验证
+                    if (valid) {
+                        vm.axios.post(vm.api.sysUser.validateAccountIsNotExists,
+                            {
+                                "userAccount": vm.formData.userAccount,
+                                "userId": (vm.formData.id || "")
+                            }).then(function (resValid) { // 验证账号是否存在
+                            if (resValid.data) {
+                                if (vm.formData.id) { // update
+                                    vm.axios.post(vm.api.sysUser.updateUserAndInfo, 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.addUserAndInfo, 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"
+                                });
+                            }
+                        });
+                    }
+                });
+            },
+            changePwd(row) { // 修改密码
+                let vm = this;
+                vm.$prompt('请输入新密码', '修改密码', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    // inputPattern: /^[a-zA-Z0-9]{6,20}$/,
+                    // inputErrorMessage: '密码格式不正确',
+                    beforeClose: function (action, instance, done) {
+                        if (action == 'confirm') {
+                            vm.axios.post(vm.api.sysUserInterface.testPwd, {
+                                userId: row.id,
+                                pwd: instance.inputValue,
+                                userName: row.userName
+                            }).then(valRes => {
+                                let isSuccess = valRes.data.operateSuccess;
+                                if (!isSuccess) {
+                                    vm.$message({
+                                        type: 'warning',
+                                        duration: 2000,
+                                        message: valRes.data.operateMessage
+                                    });
+                                    return;
+                                }
+                                vm.axios.post(vm.api.sysUser.updatePwdByDevoloper, {
+                                    "userId": row.id,
+                                    "newPWd": instance.inputValue
+                                }).then(function (res) {
+                                    done(); // 修改完成后提示并关闭窗口
+                                    vm.$message({
+                                        type: 'success',
+                                        duration: 1500,
+                                        message: res.data.operateMessage
+                                    });
+                                });
+                            });
+                        } else {
+                            done();
+                        }
+                    }
+                }).catch(() => {
+                    this.$message({
+                        type: 'info',
+                        message: '已取消修改'
+                    });
+                });
+            },
+            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: '已取消'
+                    });
+                });
+            },
+            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 = '正常';
+                }
+                let lockCount = 0;
+                let arrIds = [];
+                selection.forEach(function (data) {
+                    arrIds.push(data.id);
+                    if(data.userStatus == '20'){ //已经锁定
+                        lockCount ++;
+                    }
+                });
+                if(status == '20' && lockCount == selection.length){ //锁定用户
+                    vm.$message({
+                        type:'warning',
+                        message: "当前选中的用户已经锁定，无需再次锁定！",
+                        duration: 1500
+                    });
+                    return;
+                }
+                vm.$confirm('是否要设置选中的<span style="color: red;">' + selection.length + '</span>个用户状态为' + message + '?', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    dangerouslyUseHTMLString: true
+                }).then(function () {
+                    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();
+                    });
+                });
+            },
+            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();
+                }
+            },
+            formatterOrgName(row, column, cellValue){
+                cellValue = "";
+                if(row["parentOrgName"]){
+                    cellValue = row["parentOrgName"]+" -> "+row["orgName"];
+                    if(row["parentOrgName"].indexOf('->') > -1){
+                        let arr = row["parentOrgName"].split('->');
+                        if(arr[arr.length -1] == row["orgName"] && arr.length -1 > 0){
+                            let index = row["parentOrgName"].lastIndexOf(row["orgName"]);
+                            let value = row["parentOrgName"].substring(0, index);
+                            cellValue = value + row["orgName"];
+                        }
+                    }
+                }else {
+                    cellValue = row["orgName"];
+                }
+                return cellValue;
+            },
+        }
+    }
+</script>
+
+<style scoped>
+    .viewMenuDialog /deep/ .el-dialog__body {
+        height: calc(100% - 60px);
+    }
+</style>