| 1 |
- {"remainingRequest":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\HTC\\program\\善行少年\\security-enterprise-admin\\src\\views\\modules\\sys\\user-add-or-update.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\src\\views\\modules\\sys\\user-add-or-update.vue","mtime":1581948666000},{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\r\nimport debounce from 'lodash/debounce'\r\nimport { isEmail, isMobile } from '@/utils/validate'\r\nexport default {\r\n data () {\r\n return {\r\n visible: false,\r\n roleList: [],\r\n roleIdListDefault: [],\r\n dataForm: {\r\n id: '',\r\n username: '',\r\n deptId: '',\r\n deptName: '',\r\n password: '',\r\n confirmPassword: '',\r\n realName: '',\r\n gender: 0,\r\n email: '',\r\n mobile: '',\r\n roleIdList: [],\r\n status: 1\r\n }\r\n }\r\n },\r\n computed: {\r\n dataRule () {\r\n var validatePassword = (rule, value, callback) => {\r\n if (!this.dataForm.id && !/\\S/.test(value)) {\r\n return callback(new Error(this.$t('validate.required')))\r\n }\r\n callback()\r\n }\r\n var validateConfirmPassword = (rule, value, callback) => {\r\n if (!this.dataForm.id && !/\\S/.test(value)) {\r\n return callback(new Error(this.$t('validate.required')))\r\n }\r\n if (this.dataForm.password !== value) {\r\n return callback(new Error(this.$t('user.validate.confirmPassword')))\r\n }\r\n callback()\r\n }\r\n var validateEmail = (rule, value, callback) => {\r\n if (value && !isEmail(value)) {\r\n return callback(new Error(this.$t('validate.format', { 'attr': this.$t('user.email') })))\r\n }\r\n callback()\r\n }\r\n var validateMobile = (rule, value, callback) => {\r\n if (value && !isMobile(value)) {\r\n return callback(new Error(this.$t('validate.format', { 'attr': this.$t('user.mobile') })))\r\n }\r\n callback()\r\n }\r\n return {\r\n username: [\r\n { required: true, message: this.$t('validate.required'), trigger: 'blur' }\r\n ],\r\n deptName: [\r\n { required: true, message: this.$t('validate.required'), trigger: 'change' }\r\n ],\r\n password: [\r\n { validator: validatePassword, trigger: 'blur' }\r\n ],\r\n confirmPassword: [\r\n { validator: validateConfirmPassword, trigger: 'blur' }\r\n ],\r\n realName: [\r\n { required: true, message: this.$t('validate.required'), trigger: 'blur' }\r\n ],\r\n email: [\r\n { validator: validateEmail, trigger: 'blur' }\r\n ],\r\n mobile: [\r\n { validator: validateMobile, trigger: 'blur' }\r\n ]\r\n }\r\n }\r\n },\r\n methods: {\r\n init () {\r\n this.visible = true\r\n this.dataForm.deptId = ''\r\n this.$nextTick(() => {\r\n this.$refs['dataForm'].resetFields()\r\n this.roleIdListDefault = []\r\n Promise.all([\r\n this.getRoleList()\r\n ]).then(() => {\r\n if (this.dataForm.id) {\r\n this.getInfo()\r\n }\r\n })\r\n })\r\n },\r\n // 获取角色列表\r\n getRoleList () {\r\n return this.$http.get('/sys/role/list').then(({ data: res }) => {\r\n if (res.code !== 0) {\r\n return this.$message.error(res.msg)\r\n }\r\n this.roleList = res.data\r\n }).catch(() => {})\r\n },\r\n // 获取信息\r\n getInfo () {\r\n this.$http.get(`/sys/user/${this.dataForm.id}`).then(({ data: res }) => {\r\n if (res.code !== 0) {\r\n return this.$message.error(res.msg)\r\n }\r\n this.dataForm = {\r\n ...this.dataForm,\r\n ...res.data,\r\n roleIdList: []\r\n }\r\n // 角色配置, 区分是否为默认角色\r\n for (var i = 0; i < res.data.roleIdList.length; i++) {\r\n if (this.roleList.filter(item => item.id === res.data.roleIdList[i])[0]) {\r\n this.dataForm.roleIdList.push(res.data.roleIdList[i])\r\n continue\r\n }\r\n this.roleIdListDefault.push(res.data.roleIdList[i])\r\n }\r\n }).catch(() => {})\r\n },\r\n // 表单提交\r\n dataFormSubmitHandle: debounce(function () {\r\n this.$refs['dataForm'].validate((valid) => {\r\n if (!valid) {\r\n return false\r\n }\r\n this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/user', {\r\n ...this.dataForm,\r\n roleIdList: [\r\n ...this.dataForm.roleIdList,\r\n ...this.roleIdListDefault\r\n ]\r\n }).then(({ data: res }) => {\r\n if (res.code !== 0) {\r\n return this.$message.error(res.msg)\r\n }\r\n this.$message({\r\n message: this.$t('prompt.success'),\r\n type: 'success',\r\n duration: 500,\r\n onClose: () => {\r\n this.visible = false\r\n this.$emit('refreshDataList')\r\n }\r\n })\r\n }).catch(() => {})\r\n })\r\n }, 1000, { 'leading': true, 'trailing': false })\r\n }\r\n}\r\n",{"version":3,"sources":["user-add-or-update.vue"],"names":[],"mappings":";AA+CA;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;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":"user-add-or-update.vue","sourceRoot":"src/views/modules/sys","sourcesContent":["<template>\r\n <el-dialog :visible.sync=\"visible\" :title=\"!dataForm.id ? $t('add') : $t('update')\" :close-on-click-modal=\"false\" :close-on-press-escape=\"false\">\r\n <el-form :model=\"dataForm\" :rules=\"dataRule\" ref=\"dataForm\" @keyup.enter.native=\"dataFormSubmitHandle()\" label-width=\"120px\">\r\n <el-form-item prop=\"username\" :label=\"$t('user.username')\">\r\n <el-input v-model=\"dataForm.username\" :placeholder=\"$t('user.username')\"></el-input>\r\n </el-form-item>\r\n <el-form-item prop=\"deptName\" :label=\"$t('user.deptName')\">\r\n <ren-dept-tree v-model=\"dataForm.deptId\" :placeholder=\"$t('dept.title')\" :dept-name.sync=\"dataForm.deptName\"></ren-dept-tree>\r\n </el-form-item>\r\n <el-form-item prop=\"password\" :label=\"$t('user.password')\" :class=\"{ 'is-required': !dataForm.id }\">\r\n <el-input v-model=\"dataForm.password\" type=\"password\" :placeholder=\"$t('user.password')\"></el-input>\r\n </el-form-item>\r\n <el-form-item prop=\"confirmPassword\" :label=\"$t('user.confirmPassword')\" :class=\"{ 'is-required': !dataForm.id }\">\r\n <el-input v-model=\"dataForm.confirmPassword\" type=\"password\" :placeholder=\"$t('user.confirmPassword')\"></el-input>\r\n </el-form-item>\r\n <el-form-item prop=\"realName\" :label=\"$t('user.realName')\">\r\n <el-input v-model=\"dataForm.realName\" :placeholder=\"$t('user.realName')\"></el-input>\r\n </el-form-item>\r\n <el-form-item prop=\"gender\" :label=\"$t('user.gender')\">\r\n <ren-radio-group v-model=\"dataForm.gender\" dict-type=\"gender\"></ren-radio-group>\r\n </el-form-item>\r\n <el-form-item prop=\"email\" :label=\"$t('user.email')\">\r\n <el-input v-model=\"dataForm.email\" :placeholder=\"$t('user.email')\"></el-input>\r\n </el-form-item>\r\n <el-form-item prop=\"mobile\" :label=\"$t('user.mobile')\">\r\n <el-input v-model=\"dataForm.mobile\" :placeholder=\"$t('user.mobile')\"></el-input>\r\n </el-form-item>\r\n <el-form-item prop=\"roleIdList\" :label=\"$t('user.roleIdList')\" class=\"role-list\">\r\n <el-select v-model=\"dataForm.roleIdList\" multiple :placeholder=\"$t('user.roleIdList')\">\r\n <el-option v-for=\"role in roleList\" :key=\"role.id\" :label=\"role.name\" :value=\"role.id\"></el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item prop=\"status\" :label=\"$t('user.status')\" size=\"mini\">\r\n <el-radio-group v-model=\"dataForm.status\">\r\n <el-radio :label=\"0\">{{ $t('user.status0') }}</el-radio>\r\n <el-radio :label=\"1\">{{ $t('user.status1') }}</el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n </el-form>\r\n <template slot=\"footer\">\r\n <el-button @click=\"visible = false\">{{ $t('cancel') }}</el-button>\r\n <el-button type=\"primary\" @click=\"dataFormSubmitHandle()\">{{ $t('confirm') }}</el-button>\r\n </template>\r\n </el-dialog>\r\n</template>\r\n\r\n<script>\r\nimport debounce from 'lodash/debounce'\r\nimport { isEmail, isMobile } from '@/utils/validate'\r\nexport default {\r\n data () {\r\n return {\r\n visible: false,\r\n roleList: [],\r\n roleIdListDefault: [],\r\n dataForm: {\r\n id: '',\r\n username: '',\r\n deptId: '',\r\n deptName: '',\r\n password: '',\r\n confirmPassword: '',\r\n realName: '',\r\n gender: 0,\r\n email: '',\r\n mobile: '',\r\n roleIdList: [],\r\n status: 1\r\n }\r\n }\r\n },\r\n computed: {\r\n dataRule () {\r\n var validatePassword = (rule, value, callback) => {\r\n if (!this.dataForm.id && !/\\S/.test(value)) {\r\n return callback(new Error(this.$t('validate.required')))\r\n }\r\n callback()\r\n }\r\n var validateConfirmPassword = (rule, value, callback) => {\r\n if (!this.dataForm.id && !/\\S/.test(value)) {\r\n return callback(new Error(this.$t('validate.required')))\r\n }\r\n if (this.dataForm.password !== value) {\r\n return callback(new Error(this.$t('user.validate.confirmPassword')))\r\n }\r\n callback()\r\n }\r\n var validateEmail = (rule, value, callback) => {\r\n if (value && !isEmail(value)) {\r\n return callback(new Error(this.$t('validate.format', { 'attr': this.$t('user.email') })))\r\n }\r\n callback()\r\n }\r\n var validateMobile = (rule, value, callback) => {\r\n if (value && !isMobile(value)) {\r\n return callback(new Error(this.$t('validate.format', { 'attr': this.$t('user.mobile') })))\r\n }\r\n callback()\r\n }\r\n return {\r\n username: [\r\n { required: true, message: this.$t('validate.required'), trigger: 'blur' }\r\n ],\r\n deptName: [\r\n { required: true, message: this.$t('validate.required'), trigger: 'change' }\r\n ],\r\n password: [\r\n { validator: validatePassword, trigger: 'blur' }\r\n ],\r\n confirmPassword: [\r\n { validator: validateConfirmPassword, trigger: 'blur' }\r\n ],\r\n realName: [\r\n { required: true, message: this.$t('validate.required'), trigger: 'blur' }\r\n ],\r\n email: [\r\n { validator: validateEmail, trigger: 'blur' }\r\n ],\r\n mobile: [\r\n { validator: validateMobile, trigger: 'blur' }\r\n ]\r\n }\r\n }\r\n },\r\n methods: {\r\n init () {\r\n this.visible = true\r\n this.dataForm.deptId = ''\r\n this.$nextTick(() => {\r\n this.$refs['dataForm'].resetFields()\r\n this.roleIdListDefault = []\r\n Promise.all([\r\n this.getRoleList()\r\n ]).then(() => {\r\n if (this.dataForm.id) {\r\n this.getInfo()\r\n }\r\n })\r\n })\r\n },\r\n // 获取角色列表\r\n getRoleList () {\r\n return this.$http.get('/sys/role/list').then(({ data: res }) => {\r\n if (res.code !== 0) {\r\n return this.$message.error(res.msg)\r\n }\r\n this.roleList = res.data\r\n }).catch(() => {})\r\n },\r\n // 获取信息\r\n getInfo () {\r\n this.$http.get(`/sys/user/${this.dataForm.id}`).then(({ data: res }) => {\r\n if (res.code !== 0) {\r\n return this.$message.error(res.msg)\r\n }\r\n this.dataForm = {\r\n ...this.dataForm,\r\n ...res.data,\r\n roleIdList: []\r\n }\r\n // 角色配置, 区分是否为默认角色\r\n for (var i = 0; i < res.data.roleIdList.length; i++) {\r\n if (this.roleList.filter(item => item.id === res.data.roleIdList[i])[0]) {\r\n this.dataForm.roleIdList.push(res.data.roleIdList[i])\r\n continue\r\n }\r\n this.roleIdListDefault.push(res.data.roleIdList[i])\r\n }\r\n }).catch(() => {})\r\n },\r\n // 表单提交\r\n dataFormSubmitHandle: debounce(function () {\r\n this.$refs['dataForm'].validate((valid) => {\r\n if (!valid) {\r\n return false\r\n }\r\n this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/user', {\r\n ...this.dataForm,\r\n roleIdList: [\r\n ...this.dataForm.roleIdList,\r\n ...this.roleIdListDefault\r\n ]\r\n }).then(({ data: res }) => {\r\n if (res.code !== 0) {\r\n return this.$message.error(res.msg)\r\n }\r\n this.$message({\r\n message: this.$t('prompt.success'),\r\n type: 'success',\r\n duration: 500,\r\n onClose: () => {\r\n this.visible = false\r\n this.$emit('refreshDataList')\r\n }\r\n })\r\n }).catch(() => {})\r\n })\r\n }, 1000, { 'leading': true, 'trailing': false })\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.mod-sys__user {\r\n .role-list {\r\n .el-select {\r\n width: 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
