| 1 |
- {"remainingRequest":"D:\\jiayue\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jiayue\\cemp-ui\\src\\page\\login\\userlogin.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jiayue\\cemp-ui\\src\\page\\login\\userlogin.vue","mtime":1619070292876},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\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\r\nimport { randomLenNum } from \"@/util/util\";\r\nimport { mapGetters } from \"vuex\";\r\nexport default {\r\n name: \"userlogin\",\r\n data () {\r\n\r\n return {\r\n loginForm: {\r\n username: \"admin\",\r\n password: \"123456\",\r\n code: \"\",\r\n redomStr: \"\"\r\n },\r\n checked: false,\r\n code: {\r\n src: \"/code\",\r\n value: \"\",\r\n len: 4,\r\n type: \"image\"\r\n },\r\n loginRules: {\r\n username: [\r\n { required: true, message: \"请输入用户名\", trigger: \"blur\" }\r\n ],\r\n password: [\r\n { required: true, message: \"请输入密码\", trigger: \"blur\" },\r\n { min: 6, message: \"密码长度最少为6位\", trigger: \"blur\" }\r\n ],\r\n code: [\r\n { required: true, message: \"请输入验证码\", trigger: \"blur\" }\r\n ]\r\n },\r\n passwordType: \"password\"\r\n };\r\n },\r\n created () {\r\n this.refreshCode();\r\n },\r\n mounted () { },\r\n computed: {\r\n ...mapGetters([\"tagWel\"])\r\n },\r\n props: [],\r\n methods: {\r\n refreshCode () {\r\n this.loginForm.code = ''\r\n this.loginForm.randomStr = randomLenNum(this.code.len, true)\r\n this.code.type === 'text'\r\n ? (this.code.value = randomLenNum(this.code.len))\r\n : (this.code.src = `${this.codeUrl}?randomStr=${this.loginForm.randomStr}`)\r\n },\r\n showPassword () {\r\n this.passwordType == ''\r\n ? (this.passwordType = 'password')\r\n : (this.passwordType = '')\r\n },\r\n handleLogin () {\r\n this.$refs.loginForm.validate(valid => {\r\n if (valid) {\r\n this.$store.dispatch(\"LoginByUsername\", this.loginForm).then(() => {\r\n this.$router.push({ path: this.tagWel.value });\r\n }).catch(()=>{\r\n this.refreshCode()\r\n })\r\n\r\n }\r\n });\r\n }\r\n }\r\n};\r\n",{"version":3,"sources":["userlogin.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA","file":"userlogin.vue","sourceRoot":"src/page/login","sourcesContent":["<template>\r\n <el-form class=\"login-form\"\r\n status-icon\r\n :rules=\"loginRules\"\r\n ref=\"loginForm\"\r\n :model=\"loginForm\"\r\n label-width=\"0\">\r\n <el-form-item prop=\"username\">\r\n <el-input size=\"small\"\r\n @keyup.enter.native=\"handleLogin\"\r\n v-model=\"loginForm.username\"\r\n auto-complete=\"off\"\r\n placeholder=\"请输入用户名\">\r\n <i slot=\"prefix\"\r\n class=\"icon-yonghu\"></i>\r\n </el-input>\r\n </el-form-item>\r\n <el-form-item prop=\"password\">\r\n <el-input size=\"small\"\r\n @keyup.enter.native=\"handleLogin\"\r\n :type=\"passwordType\"\r\n v-model=\"loginForm.password\"\r\n auto-complete=\"off\"\r\n placeholder=\"请输入密码\">\r\n <i class=\"el-icon-view el-input__icon\"\r\n slot=\"suffix\"\r\n @click=\"showPassword\"></i>\r\n <i slot=\"prefix\"\r\n class=\"icon-mima\"></i>\r\n </el-input>\r\n </el-form-item>\r\n <el-form-item prop=\"code\">\r\n <el-row :span=\"24\">\r\n <el-col :span=\"16\">\r\n <el-input size=\"small\"\r\n @keyup.enter.native=\"handleLogin\"\r\n :maxlength=\"code.len\"\r\n v-model=\"loginForm.code\"\r\n auto-complete=\"off\"\r\n placeholder=\"请输入验证码\">\r\n <i slot=\"prefix\"\r\n class=\"icon-yanzhengma\"></i>\r\n </el-input>\r\n </el-col>\r\n <el-col :span=\"8\">\r\n <div class=\"login-code\">\r\n <span class=\"login-code-img\"\r\n @click=\"refreshCode\"\r\n v-if=\"code.type == 'text'\">{{code.value}}</span>\r\n <img :src=\"code.src\"\r\n class=\"login-code-img\"\r\n @click=\"refreshCode\"\r\n v-else/>\r\n </div>\r\n </el-col>\r\n </el-row>\r\n\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\"\r\n @click.native.prevent=\"handleLogin\"\r\n class=\"login-submit\">登录</el-button>\r\n </el-form-item>\r\n </el-form>\r\n</template>\r\n\r\n<script>\r\nimport { randomLenNum } from \"@/util/util\";\r\nimport { mapGetters } from \"vuex\";\r\nexport default {\r\n name: \"userlogin\",\r\n data () {\r\n\r\n return {\r\n loginForm: {\r\n username: \"admin\",\r\n password: \"123456\",\r\n code: \"\",\r\n redomStr: \"\"\r\n },\r\n checked: false,\r\n code: {\r\n src: \"/code\",\r\n value: \"\",\r\n len: 4,\r\n type: \"image\"\r\n },\r\n loginRules: {\r\n username: [\r\n { required: true, message: \"请输入用户名\", trigger: \"blur\" }\r\n ],\r\n password: [\r\n { required: true, message: \"请输入密码\", trigger: \"blur\" },\r\n { min: 6, message: \"密码长度最少为6位\", trigger: \"blur\" }\r\n ],\r\n code: [\r\n { required: true, message: \"请输入验证码\", trigger: \"blur\" }\r\n ]\r\n },\r\n passwordType: \"password\"\r\n };\r\n },\r\n created () {\r\n this.refreshCode();\r\n },\r\n mounted () { },\r\n computed: {\r\n ...mapGetters([\"tagWel\"])\r\n },\r\n props: [],\r\n methods: {\r\n refreshCode () {\r\n this.loginForm.code = ''\r\n this.loginForm.randomStr = randomLenNum(this.code.len, true)\r\n this.code.type === 'text'\r\n ? (this.code.value = randomLenNum(this.code.len))\r\n : (this.code.src = `${this.codeUrl}?randomStr=${this.loginForm.randomStr}`)\r\n },\r\n showPassword () {\r\n this.passwordType == ''\r\n ? (this.passwordType = 'password')\r\n : (this.passwordType = '')\r\n },\r\n handleLogin () {\r\n this.$refs.loginForm.validate(valid => {\r\n if (valid) {\r\n this.$store.dispatch(\"LoginByUsername\", this.loginForm).then(() => {\r\n this.$router.push({ path: this.tagWel.value });\r\n }).catch(()=>{\r\n this.refreshCode()\r\n })\r\n\r\n }\r\n });\r\n }\r\n }\r\n};\r\n</script>\r\n\r\n<style>\r\n</style>\r\n"]}]}
|
