1 |
- {"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=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/department/components/addDeptDialog.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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7IGdldERlcHRUcmVlIH0gZnJvbSAnQC9hcGkvc3lzTWFuYWdlJwpleHBvcnQgZGVmYXVsdCB7CiAgICBuYW1lOiAnYWRkRGVwdERpYWxvZycsCiAgICBwcm9wczogewogICAgICAgIGFkZERlcHREYXRhOiB7CiAgICAgICAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgICAgICAgZGVmYXVsdDoge30KICAgICAgICB9CiAgICB9LAogICAgZGF0YSgpIHsKICAgICAgICBsZXQgY2hlY2tQaG9uZSA9IChydWxlLCB2YWx1ZSwgY2FsbGJhY2spID0+IHsKICAgICAgICAgICAgaWYgKHZhbHVlKSB7CiAgICAgICAgICAgICAgICBsZXQgaXNQaG9uZSA9IC9eKCgwXGR7MiwzfSktKShcZHs3LDh9KSgtKFxkezMsfSkpPyQvOwogICAgICAgICAgICAgICAgbGV0IHJlZyA9IC9eKD86KD86XCt8MDApODYpPzFbMy05XVxkezl9JC87CiAgICAgICAgICAgICAgICAvLyBpZiAoKSB7CiAgICAgICAgICAgICAgICAvLyAgIGNiZm4oIiIpOwogICAgICAgICAgICAgICAgLy8gfQogICAgICAgICAgICAgICAgaWYgKCFyZWcudGVzdCh2YWx1ZSkgJiYgIWlzUGhvbmUudGVzdCh2YWx1ZSkgJiYgdmFsdWUpIHsKICAgICAgICAgICAgICAgICAgICBjYWxsYmFjayhuZXcgRXJyb3IoIuivt+i+k+WFpeato+ehrueahOaJi+acuuWPtyIpKTsKICAgICAgICAgICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAgICAgICAgICAgY2FsbGJhY2soKTsKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgfSBlbHNlIHsKICAgICAgICAgICAgICAgIGNhbGxiYWNrKCk7CiAgICAgICAgICAgIH0KICAgICAgICB9OwogICAgICAgIHJldHVybiB7CiAgICAgICAgICAgIGFkZERlcHRGb3JtOiB7CiAgICAgICAgICAgICAgICBwYXJlbnROYW1lOiAnJywKICAgICAgICAgICAgICAgIHBhcmVudElkOiAnJywKICAgICAgICAgICAgICAgIGRlcHROYW1lOiAnJywKICAgICAgICAgICAgICAgIGRlcHRDb2RlOiAnJywKICAgICAgICAgICAgICAgIG9yZGVyTnVtOiAnJywKICAgICAgICAgICAgICAgIHBob25lOiAnJywKICAgICAgICAgICAgICAgIGVtYWlsOiAnJywKICAgICAgICAgICAgICAgIHN0YXR1czogdHJ1ZQogICAgICAgICAgICB9LAogICAgICAgICAgICB0cmVlRGF0YTogW10sCiAgICAgICAgICAgIHJ1bGVzOiB7CiAgICAgICAgICAgICAgICBwYXJlbnROYW1lOiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+ivt+mAieaLqeS4iue6p+mDqOmXqCcsIHRyaWdnZXI6ICdibHVyJyB9LF0sCiAgICAgICAgICAgICAgICBkZXB0TmFtZTogW3sgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICfor7fovpPlhaXpg6jpl6jlkI3np7AnLCB0cmlnZ2VyOiAnYmx1cicgfSxdLAogICAgICAgICAgICAgICAgZGVwdENvZGU6IFt7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAn6K+36L6T5YWl6YOo6Zeo57yW56CBJywgdHJpZ2dlcjogJ2JsdXInIH1dLAogICAgICAgICAgICAgICAgb3JkZXJOdW06IFt7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAn6K+36L6T5YWl6YOo6Zeo5o6S5bqPJywgdHJpZ2dlcjogJ2JsdXInIH0sXSwKICAgICAgICAgICAgICAgIHBob25lOiBbeyB2YWxpZGF0b3I6IGNoZWNrUGhvbmUsIH0sCiAgICAgICAgICAgICAgICBdLAogICAgICAgICAgICAgICAgZW1haWw6IFt7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAn6K+36L6T5YWl6YKu566xJywgdHJpZ2dlcjogJ2JsdXInIH0sXSwKICAgICAgICAgICAgICAgIHN0YXR1czogW3sgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICfor7fpgInmi6nnirbmgIEnLCB0cmlnZ2VyOiAnYmx1cicgfSxdCiAgICAgICAgICAgIH0KICAgICAgICB9CiAgICB9LAogICAgY3JlYXRlZCgpIHsKICAgICAgICAvLyBpZiAodGhpcy5hZGREZXB0RGF0YS5kYXRhID09IDApIHsKICAgICAgICAvLyAgICAgdGhpcy5hZGREZXB0Rm9ybS5wYXJlbnRJZCA9IDAKICAgICAgICAvLyB9IGVsc2UgewogICAgICAgIC8vICAgICB0aGlzLmFkZERlcHRGb3JtLnBhcmVudElkID0gdGhpcy5hZGREZXB0RGF0YS5kYXRhLnBhcmVudElkCiAgICAgICAgLy8gICAgIHRoaXMuYWRkRGVwdEZvcm0ucGFyZW50TmFtZSA9IHRoaXMuYWRkRGVwdERhdGEuZGF0YS5kZXB0TmFtZQogICAgICAgIC8vIH0KICAgICAgICB0aGlzLmFkZERlcHRGb3JtLnBhcmVudElkID0gdGhpcy5hZGREZXB0RGF0YS5kYXRhLmRlcHRJZAogICAgICAgIHRoaXMuYWRkRGVwdEZvcm0ucGFyZW50TmFtZSA9IHRoaXMuYWRkRGVwdERhdGEuZGF0YS5kZXB0TmFtZQogICAgICAgIC8vIHRoaXMuZ2V0RGVwdFRyZWUoKQogICAgfSwKICAgIG1ldGhvZHM6IHsKICAgICAgICBnZXREZXB0VHJlZSgpIHsKICAgICAgICAgICAgZ2V0RGVwdFRyZWUoKS50aGVuKHJlcyA9PiB7CiAgICAgICAgICAgICAgICB0aGlzLnRyZWVEYXRhID0gcmVzLmRhdGEKICAgICAgICAgICAgfSkKICAgICAgICB9LAogICAgICAgIGhhbmRsZU5vZGVDbGljayh2KSB7CiAgICAgICAgICAgIGxldCBuZXdWID0gSlNPTi5wYXJzZShKU09OLnN0cmluZ2lmeSh2KSkKICAgICAgICAgICAgdGhpcy5hZGREZXB0Rm9ybS5wYXJlbnRJZCA9IG5ld1YuaWQKICAgICAgICAgICAgdGhpcy5hZGREZXB0Rm9ybS5wYXJlbnROYW1lID0gbmV3Vi5sYWJlbAogICAgICAgIH0sCiAgICAgICAgY2FuY2VsKCkgewogICAgICAgICAgICB0aGlzLmFkZERlcHREYXRhLmRpYWxvZ1Zpc2libGUgPSBmYWxzZQogICAgICAgICAgICB0aGlzLmFkZERlcHRGb3JtID0gewogICAgICAgICAgICAgICAgcGFyZW50TmFtZTogJycsCiAgICAgICAgICAgICAgICBwYXJlbnRJZDogJycsCiAgICAgICAgICAgICAgICBkZXB0TmFtZTogJycsCiAgICAgICAgICAgICAgICBvcmRlck51bTogJycsCiAgICAgICAgICAgICAgICBwaG9uZTogJycsCiAgICAgICAgICAgICAgICBlbWFpbDogJycsCiAgICAgICAgICAgICAgICBzdGF0dXM6IHRydWUKICAgICAgICAgICAgfQogICAgICAgIH0sCiAgICAgICAgYWRkRGVwdCgpIHsKICAgICAgICAgICAgdGhpcy4kcmVmcy5ydWxlRm9ybS52YWxpZGF0ZSh2YWxpZCA9PiB7CiAgICAgICAgICAgICAgICBpZiAodmFsaWQpIHsKICAgICAgICAgICAgICAgICAgICB0aGlzLiRlbWl0KCdhZGREZXB0QnRuJywgdGhpcy5hZGREZXB0Rm9ybSkKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgfSkKICAgICAgICB9CiAgICB9Cn0K"},{"version":3,"sources":["addDeptDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;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":"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>"]}]}
|