| 1 |
- {"remainingRequest":"D:\\jiayue\\cemp-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\jiayue\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!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":["import \"core-js/modules/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.object.keys\";\nimport _defineProperty from \"D:/jiayue/cemp-ui/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: function data() {\n return {\n loginForm: {\n username: \"admin\",\n password: \"123456\",\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,\n message: \"请输入用户名\",\n trigger: \"blur\"\n }],\n password: [{\n required: true,\n message: \"请输入密码\",\n trigger: \"blur\"\n }, {\n min: 6,\n message: \"密码长度最少为6位\",\n trigger: \"blur\"\n }],\n code: [{\n required: true,\n message: \"请输入验证码\",\n trigger: \"blur\"\n }]\n },\n passwordType: \"password\"\n };\n },\n created: function created() {\n this.refreshCode();\n },\n mounted: function mounted() {},\n computed: _objectSpread({}, mapGetters([\"tagWel\"])),\n props: [],\n methods: {\n refreshCode: function refreshCode() {\n this.loginForm.code = '';\n this.loginForm.randomStr = randomLenNum(this.code.len, true);\n this.code.type === 'text' ? this.code.value = randomLenNum(this.code.len) : this.code.src = \"\".concat(this.codeUrl, \"?randomStr=\").concat(this.loginForm.randomStr);\n },\n showPassword: function showPassword() {\n this.passwordType == '' ? this.passwordType = 'password' : this.passwordType = '';\n },\n handleLogin: function handleLogin() {\n var _this = this;\n\n this.$refs.loginForm.validate(function (valid) {\n if (valid) {\n _this.$store.dispatch(\"LoginByUsername\", _this.loginForm).then(function () {\n _this.$router.push({\n path: _this.tagWel.value\n });\n }).catch(function () {\n _this.refreshCode();\n });\n }\n });\n }\n }\n};",{"version":3,"sources":["userlogin.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,SAAA,YAAA,QAAA,aAAA;AACA,SAAA,UAAA,QAAA,MAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AAEA,EAAA,IAFA,kBAEA;AAEA,WAAA;AACA,MAAA,SAAA,EAAA;AACA,QAAA,QAAA,EAAA,OADA;AAEA,QAAA,QAAA,EAAA,QAFA;AAGA,QAAA,IAAA,EAAA,EAHA;AAIA,QAAA,QAAA,EAAA;AAJA,OADA;AAOA,MAAA,OAAA,EAAA,KAPA;AAQA,MAAA,IAAA,EAAA;AACA,QAAA,GAAA,EAAA,OADA;AAEA,QAAA,KAAA,EAAA,EAFA;AAGA,QAAA,GAAA,EAAA,CAHA;AAIA,QAAA,IAAA,EAAA;AAJA,OARA;AAcA,MAAA,UAAA,EAAA;AACA,QAAA,QAAA,EAAA,CACA;AAAA,UAAA,QAAA,EAAA,IAAA;AAAA,UAAA,OAAA,EAAA,QAAA;AAAA,UAAA,OAAA,EAAA;AAAA,SADA,CADA;AAIA,QAAA,QAAA,EAAA,CACA;AAAA,UAAA,QAAA,EAAA,IAAA;AAAA,UAAA,OAAA,EAAA,OAAA;AAAA,UAAA,OAAA,EAAA;AAAA,SADA,EAEA;AAAA,UAAA,GAAA,EAAA,CAAA;AAAA,UAAA,OAAA,EAAA,WAAA;AAAA,UAAA,OAAA,EAAA;AAAA,SAFA,CAJA;AAQA,QAAA,IAAA,EAAA,CACA;AAAA,UAAA,QAAA,EAAA,IAAA;AAAA,UAAA,OAAA,EAAA,QAAA;AAAA,UAAA,OAAA,EAAA;AAAA,SADA;AARA,OAdA;AA0BA,MAAA,YAAA,EAAA;AA1BA,KAAA;AA4BA,GAhCA;AAiCA,EAAA,OAjCA,qBAiCA;AACA,SAAA,WAAA;AACA,GAnCA;AAoCA,EAAA,OApCA,qBAoCA,CAAA,CApCA;AAqCA,EAAA,QAAA,oBACA,UAAA,CAAA,CAAA,QAAA,CAAA,CADA,CArCA;AAwCA,EAAA,KAAA,EAAA,EAxCA;AAyCA,EAAA,OAAA,EAAA;AACA,IAAA,WADA,yBACA;AACA,WAAA,SAAA,CAAA,IAAA,GAAA,EAAA;AACA,WAAA,SAAA,CAAA,SAAA,GAAA,YAAA,CAAA,KAAA,IAAA,CAAA,GAAA,EAAA,IAAA,CAAA;AACA,WAAA,IAAA,CAAA,IAAA,KAAA,MAAA,GACA,KAAA,IAAA,CAAA,KAAA,GAAA,YAAA,CAAA,KAAA,IAAA,CAAA,GAAA,CADA,GAEA,KAAA,IAAA,CAAA,GAAA,aAAA,KAAA,OAAA,wBAAA,KAAA,SAAA,CAAA,SAAA,CAFA;AAGA,KAPA;AAQA,IAAA,YARA,0BAQA;AACA,WAAA,YAAA,IAAA,EAAA,GACA,KAAA,YAAA,GAAA,UADA,GAEA,KAAA,YAAA,GAAA,EAFA;AAGA,KAZA;AAaA,IAAA,WAbA,yBAaA;AAAA;;AACA,WAAA,KAAA,CAAA,SAAA,CAAA,QAAA,CAAA,UAAA,KAAA,EAAA;AACA,YAAA,KAAA,EAAA;AACA,UAAA,KAAA,CAAA,MAAA,CAAA,QAAA,CAAA,iBAAA,EAAA,KAAA,CAAA,SAAA,EAAA,IAAA,CAAA,YAAA;AACA,YAAA,KAAA,CAAA,OAAA,CAAA,IAAA,CAAA;AAAA,cAAA,IAAA,EAAA,KAAA,CAAA,MAAA,CAAA;AAAA,aAAA;AACA,WAFA,EAEA,KAFA,CAEA,YAAA;AACA,YAAA,KAAA,CAAA,WAAA;AACA,WAJA;AAMA;AACA,OATA;AAUA;AAxBA;AAzCA,CAAA","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"],"sourceRoot":"src/page/login"}]}
|
