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