{"version":3,"sources":["webpack:///./src/views/login.vue?18ed","webpack:///./src/views/login.vue?132c","webpack:///./src/views/login.vue?e8fc","webpack:///src/views/login.vue","webpack:///./src/views/login.vue?2a23","webpack:///./src/views/login.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","loginForm","loginRules","_v","model","value","callback","$$v","$set","expression","key","passwordType","nativeOn","$event","type","indexOf","_k","keyCode","handleLogin","on","showPwd","class","staticStyle","loading","preventDefault","staticRenderFns","data","length","Error","username","password","redirect","undefined","mounted","$nextTick","component"],"mappings":"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","file":"vue/user/js/chunk-19d4f420.9fbb2040.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./login.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./login.vue?vue&type=style&index=1&id=7bfce48a&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"login-container\"},[_c('el-form',{ref:\"loginForm\",staticClass:\"login-form\",attrs:{\"model\":_vm.loginForm,\"rules\":_vm.loginRules,\"auto-complete\":\"on\",\"label-position\":\"left\"}},[_c('div',{staticClass:\"title-container\"},[_c('h3',{staticClass:\"title\"},[_vm._v(\"登录\")])]),_c('el-form-item',{attrs:{\"prop\":\"username\"}},[_c('span',{staticClass:\"svg-container\"},[_c('i',{staticClass:\"el-icon-user\"})]),_c('el-input',{ref:\"username\",attrs:{\"placeholder\":\"Username\",\"name\":\"username\",\"type\":\"text\",\"tabindex\":\"1\",\"auto-complete\":\"on\"},model:{value:(_vm.loginForm.username),callback:function ($$v) {_vm.$set(_vm.loginForm, \"username\", $$v)},expression:\"loginForm.username\"}})],1),_c('el-form-item',{attrs:{\"prop\":\"password\"}},[_c('span',{staticClass:\"svg-container\"},[_c('i',{staticClass:\"el-icon-help\"})]),_c('el-input',{key:_vm.passwordType,ref:\"password\",attrs:{\"type\":_vm.passwordType,\"placeholder\":\"Password\",\"name\":\"password\",\"tabindex\":\"2\",\"auto-complete\":\"on\"},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.handleLogin($event)}},model:{value:(_vm.loginForm.password),callback:function ($$v) {_vm.$set(_vm.loginForm, \"password\", $$v)},expression:\"loginForm.password\"}}),_c('span',{staticClass:\"show-pwd\",on:{\"click\":_vm.showPwd}},[_c('i',{class:_vm.passwordType === 'password' ? 'el-icon-view' : 'el-icon-remove'})])],1),_c('el-button',{staticStyle:{\"width\":\"100%\",\"margin-bottom\":\"30px\"},attrs:{\"loading\":_vm.loading,\"type\":\"primary\"},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.handleLogin($event)}}},[_vm._v(\"登录\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"login-container\">\r\n    <el-form ref=\"loginForm\" :model=\"loginForm\" :rules=\"loginRules\" class=\"login-form\" auto-complete=\"on\" label-position=\"left\">\r\n\r\n      <div class=\"title-container\">\r\n        <h3 class=\"title\">登录</h3>\r\n      </div>\r\n\r\n      <el-form-item prop=\"username\">\r\n        <span class=\"svg-container\">\r\n          <i class=\"el-icon-user\"></i>\r\n        </span>\r\n        <el-input\r\n          ref=\"username\"\r\n          v-model=\"loginForm.username\"\r\n          placeholder=\"Username\"\r\n          name=\"username\"\r\n          type=\"text\"\r\n          tabindex=\"1\"\r\n          auto-complete=\"on\"\r\n        />\r\n      </el-form-item>\r\n\r\n      <el-form-item prop=\"password\">\r\n        <span class=\"svg-container\">\r\n          <i class=\"el-icon-help\"></i>\r\n        </span>\r\n        <el-input\r\n          :key=\"passwordType\"\r\n          ref=\"password\"\r\n          v-model=\"loginForm.password\"\r\n          :type=\"passwordType\"\r\n          placeholder=\"Password\"\r\n          name=\"password\"\r\n          tabindex=\"2\"\r\n          auto-complete=\"on\"\r\n          @keyup.enter.native=\"handleLogin\"\r\n        />\r\n        <span class=\"show-pwd\" @click=\"showPwd\">\r\n          <i :class=\"passwordType === 'password' ? 'el-icon-view' : 'el-icon-remove'\" />\r\n        </span>\r\n      </el-form-item>\r\n\r\n      <el-button :loading=\"loading\" type=\"primary\" style=\"width:100%;margin-bottom:30px;\" @click.native.prevent=\"handleLogin\">登录</el-button>\r\n\r\n      <!--<div class=\"tips\">\r\n        <span style=\"margin-right:20px;\">username: admin</span>\r\n        <span> password: any</span>\r\n      </div>-->\r\n\r\n    </el-form>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    const validatePassword = (rule, value, callback) => {\r\n      if (value.length < 6) {\r\n        callback(new Error('密码不能小于6个字符'))\r\n      } else {\r\n        callback()\r\n      }\r\n    }\r\n    return {\r\n      loginForm: {\r\n        username: '',\r\n        password: ''\r\n      },\r\n      loginRules: {\r\n        username: [{ required: true, trigger: 'blur',message:'用户名必填' }],\r\n        password: [{ required: true, trigger: 'blur', validator: validatePassword }]\r\n      },\r\n      loading: false,\r\n      passwordType: 'password',\r\n      redirect: undefined\r\n    }\r\n  },\r\n  mounted(){\r\n      this.redirect = this.$route.query && this.$route.query.redirect\r\n      this.$post('/lg/info').then(res=>{\r\n        if(res.data.login){\r\n            this.$router.push({path:this.redirect || '/'});\r\n        }\r\n      });\r\n  },methods:{\r\n    showPwd() {\r\n      if (this.passwordType === 'password') {\r\n        this.passwordType = ''\r\n      } else {\r\n        this.passwordType = 'password'\r\n      }\r\n      this.$nextTick(() => {\r\n        this.$refs.password.focus()\r\n      })\r\n    },\r\n    handleLogin() {\r\n        this.$refs.loginForm.validate((valid) => {\r\n            if (valid) {\r\n                this.loading=true;\r\n                var pars={\r\n                    name:this.loginForm.username,\r\n                    pass:this.loginForm.password\r\n                };\r\n                this.$post('/lg/login',pars).then(res=>{\r\n                    this.$router.push({path:this.redirect || '/'});\r\n                }).catch(err=>{\r\n                    this.loading=false;\r\n                    console.log('login',err);\r\n                    this.$message({\r\n                    message: err.response?err.response.data||'服务器错误':'网络错误',\r\n                    type: 'error'\r\n                    });\r\n                });\r\n            }\r\n        })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n/* 修复input 背景不协调 和光标变色 */\r\n/* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */\r\n\r\n$bg:#283443;\r\n$light_gray:#fff;\r\n$cursor: #fff;\r\n\r\n@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {\r\n  .login-container .el-input input {\r\n    color: $cursor;\r\n  }\r\n}\r\n\r\n/* reset element-ui css */\r\n.login-container {\r\n  .el-input {\r\n    display: inline-block;\r\n    height: 47px;\r\n    width: 85%;\r\n\r\n    input {\r\n      background: transparent;\r\n      border: 0px;\r\n      -webkit-appearance: none;\r\n      border-radius: 0px;\r\n      padding: 12px 5px 12px 15px;\r\n      color: $light_gray;\r\n      height: 47px;\r\n      caret-color: $cursor;\r\n\r\n      &:-webkit-autofill {\r\n        box-shadow: 0 0 0px 1000px $bg inset !important;\r\n        -webkit-text-fill-color: $cursor !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-form-item {\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    background: rgba(0, 0, 0, 0.1);\r\n    border-radius: 5px;\r\n    color: #454545;\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n$bg:#2d3a4b;\r\n$dark_gray:#889aa4;\r\n$light_gray:#eee;\r\n\r\n.login-container {\r\n  min-height: 100%;\r\n  width: 100%;\r\n  background-color: $bg;\r\n  overflow: hidden;\r\n\r\n  .login-form {\r\n    position: relative;\r\n    width: 520px;\r\n    max-width: 100%;\r\n    padding: 100px 35px 100px 0;\r\n    margin: 0 auto;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .tips {\r\n    font-size: 14px;\r\n    color: #fff;\r\n    margin-bottom: 10px;\r\n\r\n    span {\r\n      &:first-of-type {\r\n        margin-right: 16px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .svg-container {\r\n    padding: 6px 5px 6px 15px;\r\n    color: $dark_gray;\r\n    vertical-align: middle;\r\n    width: 30px;\r\n    display: inline-block;\r\n  }\r\n\r\n  .title-container {\r\n    position: relative;\r\n\r\n    .title {\r\n      font-size: 26px;\r\n      color: $light_gray;\r\n      margin: 0px auto 40px auto;\r\n      text-align: center;\r\n      font-weight: bold;\r\n    }\r\n  }\r\n\r\n  .show-pwd {\r\n    position: absolute;\r\n    right: 10px;\r\n    top: 7px;\r\n    font-size: 16px;\r\n    color: $dark_gray;\r\n    cursor: pointer;\r\n    user-select: none;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./login.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./login.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./login.vue?vue&type=template&id=7bfce48a&scoped=true&\"\nimport script from \"./login.vue?vue&type=script&lang=js&\"\nexport * from \"./login.vue?vue&type=script&lang=js&\"\nimport style0 from \"./login.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./login.vue?vue&type=style&index=1&id=7bfce48a&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7bfce48a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}