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