{"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/addDeptDialog.vue?vue&type=style&index=0&id=28bb45e8&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/department/components/addDeptDialog.vue","mtime":1708395041890},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/css-loader/dist/cjs.js","mtime":1708395146948},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1708395147772},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/postcss-loader/src/index.js","mtime":1708395147225},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/sass-loader/dist/cjs.js","mtime":1708395146389},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgo6OnYtZGVlcCAuZWwtZGlhbG9nX19ib2R5IHsKICAgIHBhZGRpbmc6IDIwcHggOTVweCAhaW1wb3J0YW50Owp9CgouZGlhbG9nLWZvb3RlciB7CiAgICBkaXYgewogICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgICAgICB3aWR0aDogODBweDsKICAgICAgICBoZWlnaHQ6IDQwcHg7CiAgICAgICAgYm9yZGVyLXJhZGl1czogMnB4OwogICAgICAgIGZvbnQtc2l6ZTogMTRweDsKICAgICAgICBsaW5lLWhlaWdodDogNDBweDsKICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICB9CgogICAgZGl2OmhvdmVyIHsKICAgICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICB9CgogICAgLnNlYXJjaCB7CiAgICAgICAgbWFyZ2luOiAwIDEycHg7CiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzI3NjZERDsKICAgICAgICBjb2xvcjogI2ZmZjsKICAgIH0KCiAgICAuc2VhcmNoOmhvdmVyIHsKICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNEQ4NUY0OwogICAgfQoKICAgIC5yZXNldCB7CiAgICAgICAgY29sb3I6ICMzMzMzMzQ7CiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI0Q3RDdENzsKICAgIH0KCiAgICAucmVzZXQ6aG92ZXIgewogICAgICAgIGNvbG9yOiAjMUY5RkZGOwogICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICMxRjlGRkY7CiAgICB9Cn0KCi8vIOmAieS4reWQjnJhZGlv5paH5pys55qE6aKc6ImyCjo6di1kZWVwIC5lbC1yYWRpb19faW5wdXQuaXMtY2hlY2tlZCsuZWwtcmFkaW9fX2xhYmVsIHsKICAgIGNvbG9yOiAjMjc2NkRECn0KCi8qIHJhZGlv6YCJ5Lit5ZCO5bCP5ZyG54K555qE6aKc6ImyICovCjo6di1kZWVwIC5lbC1yYWRpb19faW5wdXQuaXMtY2hlY2tlZCAuZWwtcmFkaW9fX2lubmVyIHsKICAgIGJhY2tncm91bmQ6ICMyNzY2REQgIWltcG9ydGFudDsKICAgIGJvcmRlci1jb2xvcjogIzI3NjZERCAhaW1wb3J0YW50Owp9"},{"version":3,"sources":["addDeptDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyIA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"addDeptDialog.vue","sourceRoot":"src/views/system/department/components","sourcesContent":["<template>\n    <div class=\"editDeptDialog\">\n        <el-dialog center @close=\"cancel()\" width=\"636px\" title=\"新增部门\" :visible.sync='addDeptData.dialogVisible'>\n            <el-form label-width=\"80px\" ref=\"ruleForm\" :rules=\"rules\" :model=\"addDeptForm\">\n                <el-form-item label=\"上级部门\" prop=\"parentName\">\n                    <el-input :maxLength=\"30\" :disabled=\"true\" placeholder=\"请输入部门名称\" v-model=\"addDeptData.data.deptName\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"部门名称\" prop=\"deptName\">\n                    <el-input :maxLength=\"30\" placeholder=\"请输入部门名称\" v-model=\"addDeptForm.deptName\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"部门编码\" prop=\"deptCode\">\n                    <el-input :maxLength=\"30\" placeholder=\"请输入部门编码\" v-model=\"addDeptForm.deptCode\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"显示排序\" prop=\"orderNum\">\n                    <el-input :maxLength=\"10\" placeholder=\"请输入部门排序\" onkeyup=\"this.value=this.value.replace(/\\D/g,'')\"\n                        onafterpaste=\"this.value=this.value.replace(/\\D/g,'')\" v-model=\"addDeptForm.orderNum\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"联系电话\" prop=\"phone\">\n                    <el-input placeholder=\"请输入联系电话\" :maxLength=\"11\" v-model=\"addDeptForm.phone\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"联系邮箱\">\n                    <el-input :maxLength=\"30\" placeholder=\"请输入联系邮箱\" v-model=\"addDeptForm.email\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"状态\" prop=\"status\">\n                    <!-- <el-switch class=\"switchStyle\" v-model=\"addDeptForm.status\" active-text=\"启用\" inactive-text=\"停用\"\n                        active-color=\"#13ce66\" inactive-color=\"#ff4949\">\n                    </el-switch> -->\n                    <el-switch class=\"switchStyle\" v-model=\"addDeptForm.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='cancel'>取 消</el-button>\n                <el-button type=\"primary\" @click=\"addDept()\">保 存</el-button> -->\n                <div class=\"search\" @click=\"addDept()\">保 存</div>\n                <div class=\"reset\" @click=\"cancel()\">取 消</div>\n            </span>\n        </el-dialog>\n    </div>\n</template>\n<script>\nimport { getDeptTree } from '@/api/sysManage'\nexport default {\n    name: 'addDeptDialog',\n    props: {\n        addDeptData: {\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            addDeptForm: {\n                parentName: '',\n                parentId: '',\n                deptName: '',\n                deptCode: '',\n                orderNum: '',\n                phone: '',\n                email: '',\n                status: true\n            },\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        // if (this.addDeptData.data == 0) {\n        //     this.addDeptForm.parentId = 0\n        // } else {\n        //     this.addDeptForm.parentId = this.addDeptData.data.parentId\n        //     this.addDeptForm.parentName = this.addDeptData.data.deptName\n        // }\n        this.addDeptForm.parentId = this.addDeptData.data.deptId\n        this.addDeptForm.parentName = this.addDeptData.data.deptName\n        // this.getDeptTree()\n    },\n    methods: {\n        getDeptTree() {\n            getDeptTree().then(res => {\n                this.treeData = res.data\n            })\n        },\n        handleNodeClick(v) {\n            let newV = JSON.parse(JSON.stringify(v))\n            this.addDeptForm.parentId = newV.id\n            this.addDeptForm.parentName = newV.label\n        },\n        cancel() {\n            this.addDeptData.dialogVisible = false\n            this.addDeptForm = {\n                parentName: '',\n                parentId: '',\n                deptName: '',\n                orderNum: '',\n                phone: '',\n                email: '',\n                status: true\n            }\n        },\n        addDept() {\n            this.$refs.ruleForm.validate(valid => {\n                if (valid) {\n                    this.$emit('addDeptBtn', this.addDeptForm)\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.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\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>"]}]}