{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/user/compontens/updateUserDialog.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/user/compontens/updateUserDialog.vue","mtime":1708395041892},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/babel-loader/lib/index.js","mtime":1708395147257},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js","mtime":1708395147382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7IGdldERlcHRUcmVlLCByb2xlTGlzdCAsZ2V0QXZhaWxhYmxlUm9sZUxpc3R9IGZyb20gJ0AvYXBpL3N5c01hbmFnZScKZXhwb3J0IGRlZmF1bHQgewogICAgbmFtZTogJ3VwZGF0ZVVzZXJEaWFsb2cnLAogICAgcHJvcHM6IHsKICAgICAgICB1cGRhdGVVc2VyRGF0YTogewogICAgICAgICAgICB0eXBlOiBPYmplY3QsCiAgICAgICAgICAgIGRlZmF1bHQ6IHsKICAgICAgICAgICAgICAgIC8vIGlzRWRpdDpmYWxzZQogICAgICAgICAgICB9CiAgICAgICAgfQogICAgfSwKICAgIGNyZWF0ZWQoKSB7CiAgICAgICAgdGhpcy5nZXREZXB0VHJlZSgpCiAgICAgICAgdGhpcy5nZXRSb2xlTGlzdCgpCiAgICAgICAgaWYgKHRoaXMudXBkYXRlVXNlckRhdGEuZGF0YS5pZCA9PSAxKSB7CiAgICAgICAgICAgIHRoaXMudXBkYXRlVXNlckRhdGEuZGF0YS5yb2xlSWRzID0gWzFdCiAgICAgICAgfQogICAgfSwKICAgIGRhdGEoKSB7CiAgICAgICAgbGV0IGNoZWNrUGhvbmUgPSAocnVsZSwgdmFsdWUsIGNhbGxiYWNrKSA9PiB7CiAgICAgICAgICAgIGlmICh2YWx1ZSkgewogICAgICAgICAgICAgICAgbGV0IGlzUGhvbmUgPSAvXigoMFxkezIsM30pLSkoXGR7Nyw4fSkoLShcZHszLH0pKT8kLzsKICAgICAgICAgICAgICAgIGxldCByZWcgPSAvXig/Oig/OlwrfDAwKTg2KT8xWzMtOV1cZHs5fSQvOwogICAgICAgICAgICAgICAgLy8gaWYgKCkgewogICAgICAgICAgICAgICAgLy8gICBjYmZuKCIiKTsKICAgICAgICAgICAgICAgIC8vIH0KICAgICAgICAgICAgICAgIGlmICghcmVnLnRlc3QodmFsdWUpICYmICFpc1Bob25lLnRlc3QodmFsdWUpICYmIHZhbHVlKSB7CiAgICAgICAgICAgICAgICAgICAgY2FsbGJhY2sobmV3IEVycm9yKCLor7fovpPlhaXmraPnoa7nmoTmiYvmnLrlj7ciKSk7CiAgICAgICAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICAgICAgICAgIGNhbGxiYWNrKCk7CiAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAgICAgICBjYWxsYmFjaygpOwogICAgICAgICAgICB9CiAgICAgICAgfTsKICAgICAgICAvLyDpgq7nrrHmoKHpqozop4TliJkKICAgICAgICBjb25zdCBjaGVja0VtYWlsID0gKHJ1bGUsIHZhbHVlLCBjYWxsYmFjaykgPT4gewogICAgICAgICAgICBsZXQgZW1haWxSZWcgPSAvXlthLXpBLVowLTlfLV0rQFthLXpBLVowLTlfLV0rKFwuW2EtekEtWjAtOV8tXSspKyQvOwogICAgICAgICAgICBpZiAoZW1haWxSZWcudGVzdCh2YWx1ZSkgfHwgdmFsdWUgPT0gJycpIHsKICAgICAgICAgICAgICAgIHJldHVybiBjYWxsYmFjaygpOwogICAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICAgICAgY2FsbGJhY2sobmV3IEVycm9yKCLpgq7nrrHmoLzlvI/plJnor68iKSk7CiAgICAgICAgICAgIH0KICAgICAgICB9OwogICAgICAgIHJldHVybiB7CiAgICAgICAgICAgIHRyZWVEYXRhOiBbXSwKICAgICAgICAgICAgcm9sZU9wdGlvbnM6IFtdLAogICAgICAgICAgICBydWxlczogewogICAgICAgICAgICAgICAgdXNlck5hbWU6IFt7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAn6K+36L6T5YWl6LSm5Y+35ZCN56ewJywgdHJpZ2dlcjogJ2JsdXInIH0sXSwKICAgICAgICAgICAgICAgIHBhc3N3b3JkOiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+ivt+i+k+WFpeWvhueggScsIHRyaWdnZXI6ICdibHVyJyB9LF0sCiAgICAgICAgICAgICAgICBuaWNrTmFtZTogW3sgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICfor7fovpPlhaXnnJ/lrp7lp5PlkI0nLCB0cmlnZ2VyOiAnYmx1cicgfSxdLAogICAgICAgICAgICAgICAgZGVwdE5hbWU6IFt7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAn6K+36YCJ5oup5omA5bGe6YOo6ZeoJywgdHJpZ2dlcjogJ2JsdXInIH0sXSwKICAgICAgICAgICAgICAgIHJvbGVJZHM6IFt7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAn6K+36YCJ5oup5omA5bGe6KeS6ImyJywgdHJpZ2dlcjogJ2JsdXInIH0sXSwKICAgICAgICAgICAgICAgIHBob25lTnVtOiBbeyB2YWxpZGF0b3I6IGNoZWNrUGhvbmUgfSwKICAgICAgICAgICAgICAgIF0sCiAgICAgICAgICAgICAgICBlbWFpbDogW3tyZXF1aXJlZDpmYWxzZSwgdmFsaWRhdG9yOiBjaGVja0VtYWlsLCB0cmlnZ2VyOidibHVyJ30sXQogICAgICAgICAgICB9LAogICAgICAgIH0KICAgIH0sCiAgICBtZXRob2RzOiB7CiAgICAgICAgZ2V0RGVwdFRyZWUoKSB7CiAgICAgICAgICAgIGdldERlcHRUcmVlKCkudGhlbihyZXMgPT4gewogICAgICAgICAgICAgICAgdGhpcy50cmVlRGF0YSA9IHJlcy5kYXRhCiAgICAgICAgICAgIH0pCiAgICAgICAgfSwKICAgICAgICBoYW5kbGVOb2RlQ2xpY2sodikgewogICAgICAgICAgICB0aGlzLnVwZGF0ZVVzZXJEYXRhLmRhdGEuZGVwdElkID0gdi5pZAogICAgICAgICAgICB0aGlzLnVwZGF0ZVVzZXJEYXRhLmRhdGEuZGVwdE5hbWUgPSB2LmxhYmVsCiAgICAgICAgfSwKICAgICAgICBnZXRSb2xlTGlzdCgpIHsKICAgICAgICAgICAgLy8gcm9sZUxpc3QoewogICAgICAgICAgICAvLyAgICAgcGFnZU51bTogMSwKICAgICAgICAgICAgLy8gICAgIHBhZ2VTaXplOiAxMDAwMDAsCiAgICAgICAgICAgIC8vICAgICByb2xlTmFtZTogJycsCiAgICAgICAgICAgIC8vICAgICBzdGF0dXM6ICcnLAogICAgICAgICAgICAvLyAgICAgcm9sZUtleTogJycKICAgICAgICAgICAgLy8gfSkudGhlbihyZXMgPT4gewogICAgICAgICAgICAvLyAgICAgdGhpcy5yb2xlT3B0aW9ucyA9IFtdCiAgICAgICAgICAgIC8vICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7CiAgICAgICAgICAgIC8vICAgICAgICAgcmVzLmRhdGEucmVjb3Jkcy5mb3JFYWNoKGl0ZW0gPT4gewogICAgICAgICAgICAvLyAgICAgICAgICAgICB0aGlzLnJvbGVPcHRpb25zLnB1c2goewogICAgICAgICAgICAvLyAgICAgICAgICAgICAgICAgbGFiZWw6IGl0ZW0ucm9sZU5hbWUsCiAgICAgICAgICAgIC8vICAgICAgICAgICAgICAgICB2YWx1ZTogaXRlbS5yb2xlSWQKICAgICAgICAgICAgLy8gICAgICAgICAgICAgfSkKICAgICAgICAgICAgLy8gICAgICAgICB9KQogICAgICAgICAgICAvLyAgICAgfQogICAgICAgICAgICAvLyB9KS5jYXRjaChlcnIgPT4gewogICAgICAgICAgICAvLyB9KQogICAgICAgICAgICBsZXQgcGFyYW1zID0ge30KICAgICAgICAgICAgZ2V0QXZhaWxhYmxlUm9sZUxpc3QocGFyYW1zKS50aGVuKHJlcyA9PiB7CiAgICAgICAgICAgICAgICB0aGlzLnJvbGVPcHRpb25zID0gW10KICAgICAgICAgICAgICAgIGlmIChyZXMuY29kZSA9PSAyMDApIHsKICAgICAgICAgICAgICAgICAgICByZXMuZGF0YS5mb3JFYWNoKGl0ZW0gPT4gewogICAgICAgICAgICAgICAgICAgICAgICB0aGlzLnJvbGVPcHRpb25zLnB1c2goewogICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IGl0ZW0ucm9sZU5hbWUsCiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogaXRlbS5yb2xlSWQKICAgICAgICAgICAgICAgICAgICAgICAgfSkKICAgICAgICAgICAgICAgICAgICB9KQogICAgICAgICAgICAgICAgfQogICAgICAgICAgICB9KQogICAgICAgIH0sCiAgICAgICAgdXBkYXRlVXNlcigpIHsKICAgICAgICAgICAgdGhpcy4kcmVmcy5ydWxlRm9ybS52YWxpZGF0ZSh2YWxpZCA9PiB7CiAgICAgICAgICAgICAgICBpZiAodmFsaWQpIHsKICAgICAgICAgICAgICAgICAgICBkZWxldGUgdGhpcy51cGRhdGVVc2VyRGF0YS5kYXRhLnBhc3N3b3JkCiAgICAgICAgICAgICAgICAgICAgdGhpcy4kZW1pdCgndXBkYXRlVXNlckJ0bicsIHRoaXMudXBkYXRlVXNlckRhdGEuZGF0YSkKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgfSkKICAgICAgICB9CiAgICB9Cn0K"},{"version":3,"sources":["updateUserDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"updateUserDialog.vue","sourceRoot":"src/views/system/user/compontens","sourcesContent":["<template>\n    <div class=\"updateUserDialog\">\n        <el-dialog center width=\"636px\" :title=\"updateUserData.isEdit ? '详情' : '修改'\" v-if=\"updateUserData.dialogVisible\"\n            :visible.sync=\"updateUserData.dialogVisible\">\n            <el-form label-width=\"80px\" ref=\"ruleForm\" :rules=\"rules\" :model=\"updateUserData.data\">\n                <el-form-item label=\"账号名称\" prop=\"userName\">\n                    <el-input v-model=\"updateUserData.data.userName\" :disabled=\"updateUserData.isEdit\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"真实姓名\" prop=\"nickName\">\n                    <el-input v-model=\"updateUserData.data.nickName\" :disabled=\"updateUserData.isEdit\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"性别\">\n                    <div v-if=\"!updateUserData.isEdit\">\n                        <el-radio v-model=\"updateUserData.data.sex\" label='1'>男</el-radio>\n                        <el-radio v-model=\"updateUserData.data.sex\" label='2'>女</el-radio>\n                    </div>\n                    <el-input v-else v-model=\" updateUserData.data.sex == '1' ? '男' : '女' \" disabled></el-input>\n                </el-form-item>\n                <el-form-item label=\"所属部门\" prop=\"deptName\">\n                    <el-select v-if='!updateUserData.isEdit' :disabled=\"updateUserData.isEdit\" style=\"width: 365px;\"\n                        clearable v-model=\"updateUserData.data.deptName\" placeholder=\"部门名称\" ref=\"selectTree\">\n                        <el-option :key=\"updateUserData.data.deptId\" :value=\"treeData.id\" :label=\"treeData.label\" hidden />\n                        <el-tree :data=\"treeData\" :props=\"defaultProps\" :node-key=\"treeData.id\" accordion highlight-current\n                            @node-click=\"handleNodeClick\" />\n                    </el-select>\n                    <el-input v-else v-model=\"updateUserData.data.deptName\" :disabled=\"updateUserData.isEdit\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"所属角色\" prop=\"roleIds\">\n                    <el-select style=\"width: 365px;\" v-model=\"updateUserData.data.roleIds\" multiple\n                        :disabled=\"updateUserData.data.id == 1 || updateUserData.isEdit\" placeholder=\"请选择\">\n                        <el-option v-for=\"item in roleOptions\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\n                        </el-option>\n                    </el-select>\n                </el-form-item>\n                <el-form-item label=\"创建时间\" v-if=\"updateUserData.isEdit\">\n                    <el-input :disabled=\"updateUserData.isEdit\" v-model=\"updateUserData.data.createTime\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"联系电话\" prop=\"phoneNum\">\n                    <el-input :disabled=\"updateUserData.isEdit\" :maxLength=\"11\"\n                        v-model=\"updateUserData.data.phoneNum\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"联系邮箱\" prop=\"email\">\n                    <el-input :disabled=\"updateUserData.isEdit\" v-model=\"updateUserData.data.email\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"状态\">\n                    <el-switch v-if=\"!updateUserData.isEdit\" class=\"switchStyle\" v-model=\"updateUserData.data.status\"\n                        active-text=\"启用\" inactive-text=\"停用\" active-color=\"#13ce66\" inactive-color=\"#ff4949\">\n                    </el-switch>\n                    <el-input v-else disabled v-model=\"updateUserData.data.status == '1' ? '启用' : '停用'\"></el-input>\n                </el-form-item>\n            </el-form>\n            <span v-if=\"!updateUserData.isEdit\" slot=\"footer\" class=\"dialog-footer\">\n                <div class=\"search\" @click=\"updateUser()\">保 存</div>\n                <div class=\"reset\" @click=\"updateUserData.dialogVisible = false\">取 消</div>\n            </span>\n        </el-dialog>\n    </div>\n</template>\n\n<script>\nimport { getDeptTree, roleList ,getAvailableRoleList} from '@/api/sysManage'\nexport default {\n    name: 'updateUserDialog',\n    props: {\n        updateUserData: {\n            type: Object,\n            default: {\n                // isEdit:false\n            }\n        }\n    },\n    created() {\n        this.getDeptTree()\n        this.getRoleList()\n        if (this.updateUserData.data.id == 1) {\n            this.updateUserData.data.roleIds = [1]\n        }\n    },\n    data() {\n        let checkPhone = (rule, value, callback) => {\n            if (value) {\n                let isPhone = /^((0\\d{2,3})-)(\\d{7,8})(-(\\d{3,}))?$/;\n                let reg = /^(?:(?:\\+|00)86)?1[3-9]\\d{9}$/;\n                // if () {\n                //   cbfn(\"\");\n                // }\n                if (!reg.test(value) && !isPhone.test(value) && value) {\n                    callback(new Error(\"请输入正确的手机号\"));\n                } else {\n                    callback();\n                }\n            } else {\n                callback();\n            }\n        };\n        // 邮箱校验规则\n        const checkEmail = (rule, value, callback) => {\n            let emailReg = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/;\n            if (emailReg.test(value) || value == '') {\n                return callback();\n            } else {\n                callback(new Error(\"邮箱格式错误\"));\n            }\n        };\n        return {\n            treeData: [],\n            roleOptions: [],\n            rules: {\n                userName: [{ required: true, message: '请输入账号名称', trigger: 'blur' },],\n                password: [{ required: true, message: '请输入密码', trigger: 'blur' },],\n                nickName: [{ required: true, message: '请输入真实姓名', trigger: 'blur' },],\n                deptName: [{ required: true, message: '请选择所属部门', trigger: 'blur' },],\n                roleIds: [{ required: true, message: '请选择所属角色', trigger: 'blur' },],\n                phoneNum: [{ validator: checkPhone },\n                ],\n                email: [{required:false, validator: checkEmail, trigger:'blur'},]\n            },\n        }\n    },\n    methods: {\n        getDeptTree() {\n            getDeptTree().then(res => {\n                this.treeData = res.data\n            })\n        },\n        handleNodeClick(v) {\n            this.updateUserData.data.deptId = v.id\n            this.updateUserData.data.deptName = v.label\n        },\n        getRoleList() {\n            // roleList({\n            //     pageNum: 1,\n            //     pageSize: 100000,\n            //     roleName: '',\n            //     status: '',\n            //     roleKey: ''\n            // }).then(res => {\n            //     this.roleOptions = []\n            //     if (res.code == 200) {\n            //         res.data.records.forEach(item => {\n            //             this.roleOptions.push({\n            //                 label: item.roleName,\n            //                 value: item.roleId\n            //             })\n            //         })\n            //     }\n            // }).catch(err => {\n            // })\n            let params = {}\n            getAvailableRoleList(params).then(res => {\n                this.roleOptions = []\n                if (res.code == 200) {\n                    res.data.forEach(item => {\n                        this.roleOptions.push({\n                            label: item.roleName,\n                            value: item.roleId\n                        })\n                    })\n                }\n            })\n        },\n        updateUser() {\n            this.$refs.ruleForm.validate(valid => {\n                if (valid) {\n                    delete this.updateUserData.data.password\n                    this.$emit('updateUserBtn', this.updateUserData.data)\n                }\n            })\n        }\n    }\n}\n</script>\n<style lang=\"scss\" scoped>\n::v-deep .el-dialog__body {\n    padding: 20px 95px !important;\n}\n\n::v-deep .el-input.is-disabled .el-input__inner {\n    color: #606266;\n}\n\n.dialog-footer {\n    div {\n        // margin: 0 6px;\n        display: inline-block;\n        width: 80px;\n        height: 40px;\n        border-radius: 2px;\n        font-size: 14px;\n        line-height: 40px;\n        text-align: center;\n    }\n\n    div:hover {\n        cursor: pointer;\n    }\n\n    .search {\n        margin: 0 12px;\n        background-color: #2766DD;\n        color: #fff;\n    }\n\n    .search:hover {\n        background-color: #4D85F4;\n    }\n\n    .reset {\n        color: #333334;\n        border: 1px solid #D7D7D7;\n    }\n\n    .reset:hover {\n        color: #1F9FFF;\n        border: 1px solid #1F9FFF;\n    }\n}\n\n// 选中后radio文本的颜色\n::v-deep .el-radio__input.is-checked+.el-radio__label {\n    color: #2766DD\n}\n\n/* radio选中后小圆点的颜色 */\n::v-deep .el-radio__input.is-checked .el-radio__inner {\n    background: #2766DD !important;\n    border-color: #2766DD !important;\n}</style>"]}]}