{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/department/components/editDeptDialog.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/department/components/editDeptDialog.vue","mtime":1708395041890},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7IGdldERlcHRUcmVlIH0gZnJvbSAnQC9hcGkvc3lzTWFuYWdlJwpleHBvcnQgZGVmYXVsdCB7CiAgICBuYW1lOiAnJywKICAgIHByb3BzOiB7CiAgICAgICAgZWRpdERlcHREYXRhOiB7CiAgICAgICAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgICAgICAgZGVmYXVsdDoge30KICAgICAgICB9CiAgICB9LAogICAgZGF0YSgpIHsKICAgICAgICBsZXQgY2hlY2tQaG9uZSA9IChydWxlLCB2YWx1ZSwgY2FsbGJhY2spID0+IHsKICAgICAgICAgICAgaWYgKHZhbHVlKSB7CiAgICAgICAgICAgICAgICBsZXQgaXNQaG9uZSA9IC9eKCgwXGR7MiwzfSktKShcZHs3LDh9KSgtKFxkezMsfSkpPyQvOwogICAgICAgICAgICAgICAgbGV0IHJlZyA9IC9eKD86KD86XCt8MDApODYpPzFbMy05XVxkezl9JC87CiAgICAgICAgICAgICAgICAvLyBpZiAoKSB7CiAgICAgICAgICAgICAgICAvLyAgIGNiZm4oIiIpOwogICAgICAgICAgICAgICAgLy8gfQogICAgICAgICAgICAgICAgaWYgKCFyZWcudGVzdCh2YWx1ZSkgJiYgIWlzUGhvbmUudGVzdCh2YWx1ZSkgJiYgdmFsdWUpIHsKICAgICAgICAgICAgICAgICAgICBjYWxsYmFjayhuZXcgRXJyb3IoIuivt+i+k+WFpeato+ehrueahOaJi+acuuWPtyIpKTsKICAgICAgICAgICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAgICAgICAgICAgY2FsbGJhY2soKTsKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgfSBlbHNlIHsKICAgICAgICAgICAgICAgIGNhbGxiYWNrKCk7CiAgICAgICAgICAgIH0KICAgICAgICB9OwogICAgICAgIHJldHVybiB7CiAgICAgICAgICAgIHRyZWVEYXRhOiBbXSwKICAgICAgICAgICAgcnVsZXM6IHsKICAgICAgICAgICAgICAgIHBhcmVudE5hbWU6IFt7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAn6K+36YCJ5oup5LiK57qn6YOo6ZeoJywgdHJpZ2dlcjogJ2JsdXInIH0sXSwKICAgICAgICAgICAgICAgIGRlcHROYW1lOiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+ivt+i+k+WFpemDqOmXqOWQjeensCcsIHRyaWdnZXI6ICdibHVyJyB9LF0sCiAgICAgICAgICAgICAgICBkZXB0Q29kZTpbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+ivt+i+k+WFpemDqOmXqOe8lueggScsIHRyaWdnZXI6ICdibHVyJyB9LF0sCiAgICAgICAgICAgICAgICBvcmRlck51bTogW3sgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICfor7fovpPlhaXpg6jpl6jmjpLluo8nLCB0cmlnZ2VyOiAnYmx1cicgfSxdLAogICAgICAgICAgICAgICAgcGhvbmU6IFt7IHZhbGlkYXRvcjogY2hlY2tQaG9uZSwgfSwKICAgICAgICAgICAgICAgIF0sCiAgICAgICAgICAgICAgICBlbWFpbDogW3sgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICfor7fovpPlhaXpgq7nrrEnLCB0cmlnZ2VyOiAnYmx1cicgfSxdLAogICAgICAgICAgICAgICAgc3RhdHVzOiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+ivt+mAieaLqeeKtuaAgScsIHRyaWdnZXI6ICdibHVyJyB9LF0KICAgICAgICAgICAgfQogICAgICAgIH0KICAgIH0sCiAgICBjcmVhdGVkKCkgewogICAgICAgIHRoaXMuZ2V0RGVwdFRyZWUoKQogICAgfSwKICAgIG1ldGhvZHM6IHsKICAgICAgICBnZXREZXB0VHJlZSgpIHsKICAgICAgICAgICAgZ2V0RGVwdFRyZWUoKS50aGVuKHJlcyA9PiB7CiAgICAgICAgICAgICAgICB0aGlzLnRyZWVEYXRhID0gcmVzLmRhdGEKICAgICAgICAgICAgfSkKICAgICAgICB9LAogICAgICAgIGhhbmRsZU5vZGVDbGljayh2KSB7CiAgICAgICAgICAgIHRoaXMuZWRpdERlcHREYXRhLmRhdGEucGFyZW50SWQgPSB2LmlkCiAgICAgICAgICAgIHRoaXMuZWRpdERlcHREYXRhLmRhdGEucGFyZW50TmFtZSA9IHYubGFiZWwKICAgICAgICB9LAogICAgICAgIHVwZGF0ZURlcHQoKSB7CiAgICAgICAgICAgIHRoaXMuJHJlZnMucnVsZUZvcm0udmFsaWRhdGUodmFsaWQgPT4gewogICAgICAgICAgICAgICAgaWYgKHZhbGlkKSB7ICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICBsZXQgcGFyYW1zID0geyAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICBkZXB0SWQ6dGhpcy5lZGl0RGVwdERhdGEuZGF0YS5kZXB0SWQsCiAgICAgICAgICAgICAgICAgICAgICAgIHBhcmVudElkOiB0aGlzLmVkaXREZXB0RGF0YS5kYXRhLnBhcmVudElkLAogICAgICAgICAgICAgICAgICAgICAgICBkZXB0TmFtZTogdGhpcy5lZGl0RGVwdERhdGEuZGF0YS5kZXB0TmFtZSwKICAgICAgICAgICAgICAgICAgICAgICAgZGVwdENvZGU6dGhpcy5lZGl0RGVwdERhdGEuZGF0YS5kZXB0Q29kZSwKICAgICAgICAgICAgICAgICAgICAgICAgb3JkZXJOdW06IHRoaXMuZWRpdERlcHREYXRhLmRhdGEub3JkZXJOdW0sCiAgICAgICAgICAgICAgICAgICAgICAgIHBob25lOiB0aGlzLmVkaXREZXB0RGF0YS5kYXRhLnBob25lLAogICAgICAgICAgICAgICAgICAgICAgICBlbWFpbDogdGhpcy5lZGl0RGVwdERhdGEuZGF0YS5lbWFpbCwKICAgICAgICAgICAgICAgICAgICAgICAgc3RhdHVzOiB0aGlzLmVkaXREZXB0RGF0YS5kYXRhLnN0YXR1cyA9PSB0cnVlID8gJzEnIDogJzInCiAgICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgICAgIHRoaXMuJGVtaXQoJ3VwZGF0ZURlcHQnLHBhcmFtcykKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgfSkKICAgICAgICB9CiAgICB9Cn0K"},{"version":3,"sources":["editDeptDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA;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":"editDeptDialog.vue","sourceRoot":"src/views/system/department/components","sourcesContent":["<template>\n    <div class=\"editDeptDialog\">\n        <el-dialog center width=\"636px\" title=\"修改部门\" :visible.sync='editDeptData.dialogVisible'>            \n            <el-form label-width=\"80px\" ref=\"ruleForm\" :rules=\"rules\" :model=\"editDeptData.data\">\n                <el-form-item v-if=\"editDeptData.data.parentName\" label=\"上级部门\" prop=\"parentName\">                    \n                    <el-select style=\"width: 265px;\" clearable v-model=\"editDeptData.data.parentName\" placeholder=\"上级部门名称\" ref=\"selectTree\">\n                        <el-option :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-form-item>\n                <el-form-item label=\"部门名称\" prop=\"deptName\">                    \n                    <el-input :maxLength=\"30\" v-model=\"editDeptData.data.deptName\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"部门编码\" prop=\"deptCode\">                    \n                    <el-input :maxLength=\"30\" v-model=\"editDeptData.data.deptCode\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"显示排序\" prop=\"orderNum\">\n                    <el-input :maxLength=\"10\" onkeyup=\"this.value=this.value.replace(/\\D/g,'')\"\n                        onafterpaste=\"this.value=this.value.replace(/\\D/g,'')\"\n                        v-model=\"editDeptData.data.orderNum\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"联系电话\" prop=\"phone\">\n                    <el-input :maxLength=\"11\" v-model=\"editDeptData.data.phone\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"联系邮箱\">\n                    <el-input :maxLength=\"30\" v-model=\"editDeptData.data.email\"></el-input>\n                </el-form-item>                \n                <el-form-item label=\"状态\" prop=\"status\">\n                    <!-- <el-switch v-model=\"editDeptData.data.status\" active-color=\"#13ce66\"\n                        inactive-color=\"#ff4949\" active-text=\"启用\" inactive-text=\"停用\"></el-switch> -->\n                        <el-switch class=\"switchStyle\" v-model=\"editDeptData.data.status\" active-text=\"启用\"\n                        inactive-text=\"停用\" active-color=\"#13ce66\" inactive-color=\"#ff4949\">\n                    </el-switch>\n                </el-form-item>                                \n            </el-form>\n            <span slot=\"footer\" class=\"dialog-footer\">\n                <!-- <el-button @click=\"editDeptData.dialogVisible = false\">取 消</el-button>\n                <el-button type=\"primary\" @click=\"updateDept()\">保 存</el-button> -->\n                <div class=\"search\"  @click=\"updateDept()\">保 存</div>\n                <div class=\"reset\" @click=\"editDeptData.dialogVisible = false\">取 消</div>                \n            </span>\n        </el-dialog>\n    </div>\n</template>\n<script>\nimport { getDeptTree } from '@/api/sysManage'\nexport default {\n    name: '',\n    props: {\n        editDeptData: {\n            type: Object,\n            default: {}\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        return {\n            treeData: [],\n            rules: {\n                parentName: [{ required: true, message: '请选择上级部门', trigger: 'blur' },],\n                deptName: [{ required: true, message: '请输入部门名称', trigger: 'blur' },],\n                deptCode:[{ required: true, message: '请输入部门编码', trigger: 'blur' },],\n                orderNum: [{ required: true, message: '请输入部门排序', trigger: 'blur' },],\n                phone: [{ validator: checkPhone, },\n                ],\n                email: [{ required: true, message: '请输入邮箱', trigger: 'blur' },],\n                status: [{ required: true, message: '请选择状态', trigger: 'blur' },]\n            }\n        }\n    },\n    created() {\n        this.getDeptTree()\n    },\n    methods: {\n        getDeptTree() {\n            getDeptTree().then(res => {\n                this.treeData = res.data\n            })\n        },\n        handleNodeClick(v) {\n            this.editDeptData.data.parentId = v.id\n            this.editDeptData.data.parentName = v.label\n        },\n        updateDept() {\n            this.$refs.ruleForm.validate(valid => {\n                if (valid) {                    \n                    let params = {                        \n                        deptId:this.editDeptData.data.deptId,\n                        parentId: this.editDeptData.data.parentId,\n                        deptName: this.editDeptData.data.deptName,\n                        deptCode:this.editDeptData.data.deptCode,\n                        orderNum: this.editDeptData.data.orderNum,\n                        phone: this.editDeptData.data.phone,\n                        email: this.editDeptData.data.email,\n                        status: this.editDeptData.data.status == true ? '1' : '2'\n                    }\n                    this.$emit('updateDept',params)\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.dialog-footer{    \n    div {        \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      .search {\n        margin: 0 12px;\n        background-color: #2766DD;\n        color: #fff;\n      }\n\n      .search:hover {\n        background-color: #4D85F4;\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</style>"]}]}