{"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"]}]}