| 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/editDeptDialog.vue?vue&type=style&index=0&id=ccbef92e&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/department/components/editDeptDialog.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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKOjp2LWRlZXAgLmVsLWRpYWxvZ19fYm9keXsKICBwYWRkaW5nOiAyMHB4IDk1cHggIWltcG9ydGFudDsKfQouZGlhbG9nLWZvb3RlcnsgICAgCiAgICBkaXYgeyAgICAgICAgCiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgICAgIHdpZHRoOiA4MHB4OwogICAgICAgIGhlaWdodDogNDBweDsKICAgICAgICBib3JkZXItcmFkaXVzOiAycHg7CiAgICAgICAgZm9udC1zaXplOiAxNHB4OwogICAgICAgIGxpbmUtaGVpZ2h0OiA0MHB4OwogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgfQoKICAgICAgZGl2OmhvdmVyIHsKICAgICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICAgIH0KICAgICAgLnNlYXJjaCB7CiAgICAgICAgbWFyZ2luOiAwIDEycHg7CiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzI3NjZERDsKICAgICAgICBjb2xvcjogI2ZmZjsKICAgICAgfQoKICAgICAgLnNlYXJjaDpob3ZlciB7CiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzREODVGNDsKICAgICAgfQogICAgICAucmVzZXQgewogICAgICAgIGNvbG9yOiAjMzMzMzM0OwogICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNEN0Q3RDc7CiAgICAgIH0KCiAgICAgIC5yZXNldDpob3ZlciB7CiAgICAgICAgY29sb3I6ICMxRjlGRkY7CiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgIzFGOUZGRjsKICAgICAgfQp9Cg=="},{"version":3,"sources":["editDeptDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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>"]}]}
|
