{"remainingRequest":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\sys\\user-add-or-update.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\sys\\user-add-or-update.vue","mtime":1620724486256},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\sass-loader\\lib\\loader.js","mtime":1533139052000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.mod-sys__user {\n\t.dept-list {\n\n\t\t.el-input__inner,\n\t\t.el-input__suffix {\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t.role-list {\n\t\t.el-select {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n}\n",{"version":3,"sources":["user-add-or-update.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6PA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"user-add-or-update.vue","sourceRoot":"src/views/modules/sys","sourcesContent":["<template>\n\t<el-dialog :visible.sync=\"visible\" :title=\"!dataForm.id ? $t('add') : $t('update')\" :close-on-click-modal=\"false\"\n\t :close-on-press-escape=\"false\">\n\t\t<el-form :model=\"dataForm\" :rules=\"dataRule\" ref=\"dataForm\" @keyup.enter.native=\"dataFormSubmitHandle()\" label-width=\"120px\">\n\t\t\t<el-form-item prop=\"username\" :label=\"$t('user.username')\">\n\t\t\t\t<el-input v-model=\"dataForm.username\" :placeholder=\"$t('user.username')\"></el-input>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"deptName\" :label=\"$t('user.deptName')\">\n\t\t\t\t<ren-dept-tree v-model=\"dataForm.deptId\" :placeholder=\"$t('dept.title')\" :dept-name.sync=\"dataForm.deptName\"></ren-dept-tree>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"password\" :label=\"$t('user.password')\" :class=\"{ 'is-required': !dataForm.id }\">\n\t\t\t\t<el-input v-model=\"dataForm.password\" type=\"password\" :placeholder=\"$t('user.password')\"></el-input>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"confirmPassword\" :label=\"$t('user.confirmPassword')\" :class=\"{ 'is-required': !dataForm.id }\">\n\t\t\t\t<el-input v-model=\"dataForm.confirmPassword\" type=\"password\" :placeholder=\"$t('user.confirmPassword')\"></el-input>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"realName\" :label=\"$t('user.realName')\">\n\t\t\t\t<el-input v-model=\"dataForm.realName\" :placeholder=\"$t('user.realName')\"></el-input>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"gender\" :label=\"$t('user.gender')\" size=\"mini\">\n\t\t\t\t<el-radio-group v-model=\"dataForm.gender\">\n<!--\t\t\t\t\t<el-radio :label=\"item.dictValue\" v-for=\"item in genderList\" :key=\"item.dictLabel\">{{item.dictLabel}}</el-radio>-->\n          <el-radio  label=\"0\">男</el-radio>\n          <el-radio  label=\"1\">女</el-radio>\n\t\t\t\t</el-radio-group>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"email\" :label=\"$t('user.email')\">\n\t\t\t\t<el-input v-model=\"dataForm.email\" :placeholder=\"$t('user.email')\"></el-input>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"mobile\" :label=\"$t('user.mobile')\">\n\t\t\t\t<el-input v-model=\"dataForm.mobile\" :placeholder=\"$t('user.mobile')\"></el-input>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"roleIdList\" :label=\"$t('user.roleIdList')\" class=\"role-list\">\n\t\t\t\t<el-select v-model=\"dataForm.roleIdList\" multiple :placeholder=\"$t('user.roleIdList')\">\n\t\t\t\t\t<el-option v-for=\"role in roleList\" :key=\"role.id\" :label=\"role.name\" :value=\"role.id\"></el-option>\n\t\t\t\t</el-select>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"status\" :label=\"$t('user.status')\" size=\"mini\">\n\t\t\t\t<el-radio-group v-model=\"dataForm.status\">\n\t\t\t\t\t<el-radio :label=\"0\">{{ $t('user.status0') }}</el-radio>\n\t\t\t\t\t<el-radio :label=\"1\">{{ $t('user.status1') }}</el-radio>\n\t\t\t\t</el-radio-group>\n\t\t\t</el-form-item>\n\t\t</el-form>\n\t\t<template slot=\"footer\">\n\t\t\t<el-button @click=\"visible = false\">{{ $t('cancel') }}</el-button>\n\t\t\t<el-button type=\"primary\" @click=\"dataFormSubmitHandle()\">{{ $t('confirm') }}</el-button>\n\t\t</template>\n\t</el-dialog>\n</template>\n\n<script>\n\timport debounce from 'lodash/debounce'\n\timport {\n\t\tisEmail,\n\t\tisMobile\n\t} from '@/utils/validate'\n\timport {\n\t\tgetDictDataList\n\t} from '@/utils'\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvisible: false,\n\t\t\t\troleList: [],\n\t\t\t\troleIdListDefault: [],\n\t\t\t\t// genderList: getDictDataList('gender'),\n\t\t\t\t// genderList: [{dictLabel: \"男\", dictValue: \"男\"}, {dictLabel: \"女\", dictValue: \"女\"}, {dictLabel: \"保密\", dictValue: \"保密\"},],\n\t\t\t\tdataForm: {\n\t\t\t\t\tid: '',\n\t\t\t\t\tusername: '',\n\t\t\t\t\tdeptId: '0',\n\t\t\t\t\tdeptName: '',\n\t\t\t\t\tpassword: '',\n\t\t\t\t\tconfirmPassword: '',\n\t\t\t\t\trealName: '',\n\t\t\t\t\tgender: '0',\n\t\t\t\t\temail: '',\n\t\t\t\t\tmobile: '',\n\t\t\t\t\troleIdList: [],\n\t\t\t\t\tstatus: 1\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcomputed: {\n\t\t\tdataRule() {\n\t\t\t\tvar validatePassword = (rule, value, callback) => {\n\t\t\t\t\tif (!this.dataForm.id && !/\\S/.test(value)) {\n\t\t\t\t\t\treturn callback(new Error(this.$t('validate.required')))\n\t\t\t\t\t}\n\t\t\t\t\tcallback()\n\t\t\t\t}\n\t\t\t\tvar validateConfirmPassword = (rule, value, callback) => {\n\t\t\t\t\tif (!this.dataForm.id && !/\\S/.test(value)) {\n\t\t\t\t\t\treturn callback(new Error(this.$t('validate.required')))\n\t\t\t\t\t}\n\t\t\t\t\tif (this.dataForm.password !== value) {\n\t\t\t\t\t\treturn callback(new Error(this.$t('user.validate.confirmPassword')))\n\t\t\t\t\t}\n\t\t\t\t\tcallback()\n\t\t\t\t}\n\t\t\t\tvar validateEmail = (rule, value, callback) => {\n\t\t\t\t\tif (!isEmail(value)) {\n\t\t\t\t\t\treturn callback(new Error(this.$t('validate.format', {\n\t\t\t\t\t\t\t'attr': this.$t('user.email')\n\t\t\t\t\t\t})))\n\t\t\t\t\t}\n\t\t\t\t\tcallback()\n\t\t\t\t}\n\t\t\t\tvar validateMobile = (rule, value, callback) => {\n\t\t\t\t\tif (!isMobile(value)) {\n\t\t\t\t\t\treturn callback(new Error(this.$t('validate.format', {\n\t\t\t\t\t\t\t'attr': this.$t('user.mobile')\n\t\t\t\t\t\t})))\n\t\t\t\t\t}\n\t\t\t\t\tcallback()\n\t\t\t\t}\n\t\t\t\t// return {\n\t\t\t\t// \tusername: [{\n\t\t\t\t// \t\trequired: true,\n\t\t\t\t// \t\tmessage: this.$t('validate.required'),\n\t\t\t\t// \t\ttrigger: 'blur'\n\t\t\t\t// \t}],\n\t\t\t\t// \tdeptName: [{\n\t\t\t\t// \t\trequired: true,\n\t\t\t\t// \t\tmessage: this.$t('validate.required'),\n\t\t\t\t// \t\ttrigger: 'change'\n\t\t\t\t// \t}],\n\t\t\t\t// \tpassword: [{\n\t\t\t\t// \t\tvalidator: validatePassword,\n\t\t\t\t// \t\ttrigger: 'blur'\n\t\t\t\t// \t}],\n\t\t\t\t// \tconfirmPassword: [{\n\t\t\t\t// \t\tvalidator: validateConfirmPassword,\n\t\t\t\t// \t\ttrigger: 'blur'\n\t\t\t\t// \t}],\n\t\t\t\t// \trealName: [{\n\t\t\t\t// \t\trequired: true,\n\t\t\t\t// \t\tmessage: this.$t('validate.required'),\n\t\t\t\t// \t\ttrigger: 'blur'\n\t\t\t\t// \t}],\n\t\t\t\t// \temail: [{\n\t\t\t\t// \t\t\trequired: true,\n\t\t\t\t// \t\t\tmessage: this.$t('validate.required'),\n\t\t\t\t// \t\t\ttrigger: 'blur'\n\t\t\t\t// \t\t},\n\t\t\t\t// \t\t{\n\t\t\t\t// \t\t\tvalidator: isEmail,\n\t\t\t\t// \t\t\ttrigger: 'blur'\n\t\t\t\t// \t\t}\n\t\t\t\t// \t],\n\t\t\t\t// \tmobile: [{\n\t\t\t\t// \t\t\trequired: true,\n\t\t\t\t// \t\t\tmessage: this.$t('validate.required'),\n\t\t\t\t// \t\t\ttrigger: 'blur'\n\t\t\t\t// \t\t},\n\t\t\t\t// \t\t{\n\t\t\t\t// \t\t\tvalidator: isMobile,\n\t\t\t\t// \t\t\ttrigger: 'blur'\n\t\t\t\t// \t\t}\n\t\t\t\t// \t]\n\t\t\t\t// }\n\t\t\t}\n\t\t},\n\t\tmethods: {\n\t\t\tinit() {\n\t\t\t\tthis.visible = true\n\t\t\t\tthis.dataForm.deptId = ''\n\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\tthis.$refs['dataForm'].resetFields()\n\t\t\t\t\tthis.roleIdListDefault = []\n\t\t\t\t\tPromise.all([\n\t\t\t\t\t\tthis.getRoleList()\n\t\t\t\t\t]).then(() => {\n\t\t\t\t\t\tif (this.dataForm.id) {\n\t\t\t\t\t\t\tthis.getInfo()\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t},\n\t\t\t// 获取角色列表\n\t\t\tgetRoleList() {\n\t\t\t\treturn this.$http.get('/sys/role/list').then(({\n\t\t\t\t\tdata: res\n\t\t\t\t}) => {\n\t\t\t\t\tif (res.code !== 0) {\n\t\t\t\t\t\treturn this.$message.error(res.msg)\n\t\t\t\t\t}\n\t\t\t\t\tthis.roleList = res.data\n\t\t\t\t}).catch(() => {})\n\t\t\t},\n\t\t\t// 获取信息\n\t\t\tgetInfo() {\n\t\t\t\tthis.$http.get(`/sys/user/${this.dataForm.id}`).then(({\n\t\t\t\t\tdata: res\n\t\t\t\t}) => {\n\t\t\t\t\tif (res.code !== 0) {\n\t\t\t\t\t\treturn this.$message.error(res.msg)\n\t\t\t\t\t}\n\t\t\t\t\tthis.dataForm = {\n\t\t\t\t\t\t...this.dataForm,\n\t\t\t\t\t\t...res.data,\n\t\t\t\t\t\tgender: String(res.data.gender),\n\t\t\t\t\t\troleIdList: []\n\t\t\t\t\t}\n\t\t\t\t\t// 角色配置, 区分是否为默认角色\n\t\t\t\t\tfor (var i = 0; i < res.data.roleIdList.length; i++) {\n\t\t\t\t\t\tif (this.roleList.filter(item => item.id === res.data.roleIdList[i])[0]) {\n\t\t\t\t\t\t\tthis.dataForm.roleIdList.push(res.data.roleIdList[i])\n\t\t\t\t\t\t\tcontinue\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.roleIdListDefault.push(res.data.roleIdList[i])\n\t\t\t\t\t}\n\t\t\t\t}).catch(() => {})\n\t\t\t},\n\t\t\t// 表单提交\n\t\t\tdataFormSubmitHandle: debounce(function() {\n\t\t\t\tthis.$refs['dataForm'].validate((valid) => {\n\t\t\t\t\tif (!valid) {\n\t\t\t\t\t\treturn false\n\t\t\t\t\t}\n\t\t\t\t\tthis.$http[!this.dataForm.id ? 'post' : 'put']('/sys/user', {\n\t\t\t\t\t\t...this.dataForm,\n\t\t\t\t\t\troleIdList: [\n\t\t\t\t\t\t\t...this.dataForm.roleIdList,\n\t\t\t\t\t\t\t...this.roleIdListDefault\n\t\t\t\t\t\t]\n\t\t\t\t\t}).then(({\n\t\t\t\t\t\tdata: res\n\t\t\t\t\t}) => {\n\t\t\t\t\t\tif (res.code !== 0) {\n\t\t\t\t\t\t\treturn this.$message.error(res.msg)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.$message({\n\t\t\t\t\t\t\tmessage: this.$t('prompt.success'),\n\t\t\t\t\t\t\ttype: 'success',\n\t\t\t\t\t\t\tduration: 500,\n\t\t\t\t\t\t\tonClose: () => {\n\t\t\t\t\t\t\t\tthis.visible = false\n\t\t\t\t\t\t\t\tthis.$emit('refreshDataList')\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}).catch(() => {})\n\t\t\t\t})\n\t\t\t}, 1000, {\n\t\t\t\t'leading': true,\n\t\t\t\t'trailing': false\n\t\t\t})\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\">\n\t.mod-sys__user {\n\t\t.dept-list {\n\n\t\t\t.el-input__inner,\n\t\t\t.el-input__suffix {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t.role-list {\n\t\t\t.el-select {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n</style>\n"]}]}