sasp-admin 0.2.57

package/src/views/user/stationUserManage.vue

@@ -0,0 +1,934 @@
+<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.userNameUnified" 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 v-if="adminAuth" type="primary" size="small" round icon="el-icon-circle-plus" @click="addUser()">新增
+                    </el-button>
+                    <el-button v-if="queryUserType != 'dev' && adminAuth" type="warning" size="small" round
+                               @click="toggleLockedUser('20')"><i class="saspiconfont pl-icon-pwd"></i><span></span>锁定用户
+                    </el-button>
+                    <el-button v-if="queryUserType != 'dev' && adminAuth" type="success" size="small" round
+                               @click="toggleLockedUser('10')"><i class="saspiconfont pl-icon-08"></i><span></span>解锁用户
+                    </el-button>
+                    <el-button v-if="(queryUserType != 'ent' || mayOperate == true) && adminAuth" 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="用户账号" prop="userAccount" align="center" width="300"></el-table-column>
+                        <el-table-column label="所在组织" :formatter="formatterOrgName" prop="parentOrgName" align="center" show-overflow-tooltip></el-table-column>
+                        <el-table-column label="当前状态" prop="userStatus" align="center" width="100">
+                            <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)" v-if="adminAuth">
+                                    修改
+                                </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"
+                                           v-if="scope.row.created == loginUser.id || mayOperate"
+                                           @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"  :visible.sync="formDataDialog" top="15vh" height="72%" width="60%">
+            <el-form :model="formData" ref="formDataRef" :rules="rules" label-width="120px">
+                <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="24" style="text-align: center;">
+                        <div class="header-title">
+                            基本信息
+                        </div>
+                        <el-divider class="header-divider">
+                            <div class="header-slider">
+                            </div>
+                        </el-divider>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="用户账号"  prop="userAccount">
+                            <el-input v-model="formData.userAccount"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="用户姓名"  prop="userName">
+                            <el-input v-model="formData.userName"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="用户状态" prop="userStatus">
+                            <el-select v-model="formData.userStatus"
+                                       style="width: 100%">
+                                <el-option v-for="(item,key) in statusOptions" :key="key" :value="item.value"
+                                           :label="item.label">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="24" style="text-align: center;">
+                        <div class="header-title">
+                            扩展信息
+                        </div>
+                        <el-divider class="header-divider">
+                            <div class="header-slider">
+                            </div>
+                        </el-divider>
+                    </el-col>
+                    <!--<el-col :span="12">-->
+                        <!--<el-form-item label="岗位名称" prop="stationIdArr">-->
+                            <!--<el-select v-model="formData.stationIdArr" clearable filterable allow-create multiple-->
+                                       <!--style="width: 100%">-->
+                                <!--<el-option v-for="(value,key) in allStationObj" :key="key" :value="key"-->
+                                           <!--:label="value">-->
+                                <!--</el-option>-->
+                            <!--</el-select>-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+
+                    <el-col :span="12">
+                        <el-form-item label="工号" prop="jobNum" >
+                            <el-input v-model="formData.jobNum"></el-input>
+                        </el-form-item>
+                    </el-col>
+
+
+                    <el-col :span="12">
+                        <el-form-item label="手机号码" prop="userPhone">
+                            <el-input v-model="formData.userPhone"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="电子邮箱"  prop="userEmail">
+                            <el-input v-model="formData.userEmail"></el-input>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :span="12">
+                        <el-form-item label="身份证号"  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="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="400px"
+                   :visible.sync="viewMenuDialog" class="userViewMenuClass">
+            <owner-menu-tree :user-id="menuUserId" :user-type="menuUserType" v-if="viewMenuDialog"></owner-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";
+    import OwnerMenuTree from "../org/ownerMenu/ownerMenuTree";
+
+    export default { // 新增是否允许修改用户详情，为系统参数，需要新增flyway脚本
+        components: {OwnerMenuTree, ElRadioGroup, EmpowerUserViewMenuTree, viewMenu},
+        name: "station-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();
+            //     //     }
+            //     // })
+            // };
+            let validUserAccount  = (rule, value, callback) => { // 重名验证
+                if(!value){
+                    callback();
+                }
+                this.axios.post(this.api.sysUser.find, {"userAccount": value}).then(res=> { // 验证账号是否存在
+                    if(res.data.length == 0  || (this.operateType == 'update' && this.oldUserAccount == value)){
+                        callback();
+                    }else{
+                        return callback(new Error('该用户账号已经存在！'));
+                    }
+                });
+
+            };
+
+            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: ["orderSql","userType", "unsup", "ids", "order", "sort", "showCreated", "getOrgName","parentOrg","empowerUser","empowerOrgId","mainEntOrgId"],
+                    addDefaultData: {"userStatus": "10"},
+                    initNoSearch: true,
+                    uploadArr:['zd1']
+                }),
+                userStatusObj: {
+                    '10': "正常",
+                    '20': "锁定",
+                    '30': "暂时锁定"
+                },
+                userStatusColor: {
+                    '10': "success",
+                    '20': "warning",
+                    '30': "danger"
+                },
+                menuUserId: '', // 查看菜单时的userId
+                menuUserType:'',
+                menuUserName: '', // 查看菜单时的用户名
+                viewMenuDialog: false, // 查看菜单的对话框
+                formDataDialog: false, // 用户信息对话框
+                loading: true, // 加载条
+                formData: {
+                    id: "", 'userAccount': "", userName: "", 'userType': "", 'userStatus': "",
+                    'userGender': "", 'userAge': "", 'userQQ': "", 'userPhone': "", 'userEmail': "",userIdcard:"",
+                    "stationIdArr":[],"userRoleIdArr":[]
+                }, // 修改表单用户信息
+                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: validUserAccount,
+                            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'),
+                    userEmail: this.plValidate('email'),
+                },
+                menuModelObj: {},
+                dataDictionaryObj: {},
+                menuOptAll: {},
+                loginUser: {},
+                currentRoleOptAll: {},
+                mayOperate: false, // 是否可以操作当前数据，如果是开发者可以
+                createPushRoleArr:[],
+
+                allStationObj:{}, //岗位对象
+                operateType:'',//操作类型
+                oldUserAccount:'',//原账号
+                adminAuth:false,
+            }
+        },
+        created() { // 初始化时先获取数据操作权限，然后根据是否开启操作权限获取权限数据
+            let vm = this;
+            // vm.initStation().then(() =>{
+                vm.initLoginUser();
+                //vm.initMenuModelObj();
+                vm.initDataDictionaryObj();
+                vm.initCreatePushRole(); // 初始化推送的用户角色数据
+            // }); //加载当前岗位
+        },
+        watch:{
+            // 'formData.userName'(){
+            //     // this.formData.userAccount = this.formData.userName;
+            // }
+        },
+        methods: {
+
+            // /**
+            //  * 加载已保存岗位
+            //  */
+            // initStation(){
+            //     return new Promise(resolve => {
+            //         this.allStationObj = {};
+            //         //判断当前岗位
+            //         let loginUser = this.USER_GLOBAL.getLoginUser() || {};
+            //         let searchObj = {"order":"PRIORITY"};
+            //         if (loginUser.userType == 'sup' || loginUser.userType == 'dev') {
+            //             searchObj["created"] = loginUser.id;
+            //         }else {
+            //             searchObj["stationAttach"] = loginUser.mainOrgId || '';
+            //         }
+            //         this.axios.post(this.api.sysStation.find,searchObj).then(res =>{
+            //             (res.data || []).forEach(item =>{
+            //                 this.allStationObj[item.id] = item.stationName;
+            //             });
+            //             resolve();
+            //         });
+            //     });
+            // },
+
+
+            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() {
+                //判断当前用户是否为管理员
+                let loginUser = this.USER_GLOBAL.getLoginUser() || {};
+                if (loginUser.userType != 'sup' && loginUser.userType != 'dev') {
+                    this.crud.searchForm['mainEntOrgId'] = loginUser.mainOrgId;
+                    this.crud.searchForm['mainCreated'] = loginUser.id;
+                    if(loginUser.commonEmpowerId){
+                        this.adminAuth = true;
+                    }
+                }else{
+                    this.adminAuth = true;
+                }
+                this.crud.search();
+            },
+
+
+            /**
+             * 当前登录用户
+             */
+            initLoginUser() {
+                let vm = this;
+                vm.loginUser = vm.USER_GLOBAL.getLoginUser() || {};
+                if (vm.loginUser.userType == "dev" || vm.loginUser.userType == "sup" || vm.loginUser.commonEmpowerId) {
+                    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.menuUserType = row.userType; //用户类型
+                vm.menuUserName = row.userName;
+                vm.viewMenuDialog = true;
+            },
+            updateData(row) { // 修改用户的基本信息(新增系统参数，是否允许修改用户详情)
+                let vm = this;
+                if (!row.id) {
+                    vm.$message("数据异常，请重新加载页面！");
+                    return;
+                }
+                vm.operateType = "update";
+                vm.oldUserAccount = row.userAccount || '';
+                vm.title = "修改用户信息";
+                vm.formData = {}; // 先清除表单中的数据
+                vm.addUserInfo = false; // 默认不添加用户详情
+                let obj = Object.assign({}, row);
+                let arr = ['id', 'userAccount', 'userName', 'userType', 'userStatus','userPhone','userEmail','userIdcard','userRoleId',"stationId","jobNum"];
+                for (let elem of arr) {
+                    if(elem == 'stationId'){
+                        vm.$set(vm.formData, 'stationIdArr', (obj[elem] || '').split(","));
+                    }else {
+                        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.operateType = "add";
+                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(valid=> { // 表单验证
+                    if (valid) {
+                        //解析 stationIdArr
+                        let stationIdArr = this.formData.stationIdArr || [];
+                        this.$set(this.formData,'stationId',stationIdArr.join(","));
+                        delete this.formData.stationIdArr;
+                        //记录当前 企业部门id entOrgId
+                        let loginUser = this.USER_GLOBAL.getLoginUser() || {};
+                        if ((vm.loginUser.userType != "sup" && vm.loginUser.userType != "dev")&&(!vm.formData.id  || loginUser.id != vm.formData.id)) {
+                            vm.formData['entOrgId'] = loginUser.mainOrgId || ''; //主企业id
+                        }
+                        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();
+                            })
+                        }
+                    }
+                });
+            },
+            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((data,index)=> {
+                    arrIds.push(data.id);
+                    if(data.userStatus == '20'){ //已经锁定
+                        lockCount ++;
+                    }
+                });
+                if(status == '20' && lockCount == selection.length){ //锁定用户
+                    vm.$message({
+                        type:'warning',
+                        message: "当前选中的用户已经锁定，无需再次锁定！",
+                        duration: 1500
+                    });
+                    return;
+                }
+                let messageTitle = '是否要设置选中的<span style="color: red;">' + selection.length + '</span>个用户状态为' + message + '?';
+                vm.$confirm(messageTitle, '提示', {
+                    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();
+                    });
+                });
+            },
+          async  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;
+                }
+                let orgId = '';
+                let principalUser = {};
+                (selection || []).forEach(item =>{
+                    if(item.principal && item.principal.indexOf("1") > -1){
+                        if(item.orgId){
+                            orgId = item.orgId;
+                            principalUser = item;
+                        }
+                    }
+                });
+                if(orgId){
+                    let searchForm = {
+                        empowerUser:'Y',
+                        isNewStation:'1',
+                        roleUserCreated:vm.loginUser.id,
+                        roleUserCreateOrg:vm.loginUser.linkId || vm.loginUser.mainOrgId || '',
+                        orgIds:orgId
+                    };
+                    let res = await this.axios.post(this.api.sysOrgPosUser.findNoPageParamByStation,
+                        searchForm);
+                    if(res && res.data){
+                        let flag = false;
+                        res.data.forEach(item =>{
+                            if(item.userId != principalUser.id){
+                                flag = true;
+                            }
+                        });
+                        if(flag){
+                            vm.$message({
+                                duration: 3000,
+                                type: 'warning',
+                                message: "用户"+principalUser.userName + '为负责人且组织下还有其他人员，不可删除！'
+                            });
+                            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){
+                let parentOrgArr = [];
+                (row["parentOrgName"] || "").split(",").forEach(name =>{
+                    if(parentOrgArr.indexOf(name) == -1){
+                        parentOrgArr.push(name);
+                    }
+                });
+                return parentOrgArr.join(",");
+            },
+        }
+    }
+</script>
+
+<style scoped>
+    .viewMenuDialog /deep/ .el-dialog__body {
+        height: calc(100% - 60px);
+    }
+
+    fieldset{
+        border:1px solid #dbdbdb;padding: 0 10px 10px;margin-bottom: 10px;
+    }
+    legend{
+        margin-left: 18px;
+    }
+
+
+    .header-title{
+        text-align: center;
+        font-size: 16px;
+        font-weight: bold;
+        font-family: 微软雅黑, serif
+    }
+    .header-slider{
+        width: 30px;
+        height: 5px;
+        background-color: #0b84d8;
+    }
+
+    .header-divider{
+        margin: 14px 0 20px 40px;
+        width: calc(100% - 40px);
+    }
+    .header-divider /deep/ .el-divider__text{
+        padding: 0px 0px;
+        top: -2.3px;
+        left: calc(50% - 20px);
+    }
+</style>