{"remainingRequest":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/src/views/login/login.vue?vue&type=style&index=0&id=a49090ce&scoped=true&lang=css&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/src/views/login/login.vue","mtime":1655259567552},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5sb2dpbi13cmFwcGVyIHsKICBwYWRkaW5nOiA1MHB4IDIwcHg7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCJ+QC9hc3NldHMvYmctbG9naW4ucG5nIik7CiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDsKICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyOwogIG1pbi1oZWlnaHQ6IDEwMHZoOwogIGJhY2tncm91bmQtc2l6ZTogMTAwJSAxMDAlOwp9CgoubG9naW4td3JhcHBlcjpiZWZvcmUgewogIGNvbnRlbnQ6ICIiOwogIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgLjIpOwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB0b3A6IDA7CiAgbGVmdDogMDsKICByaWdodDogMDsKICBib3R0b206IDA7Cn0KCi5sb2dpbi1mb3JtIHsKICBtYXJnaW46IDAgYXV0bzsKICB3aWR0aDogMzYwcHg7CiAgbWF4LXdpZHRoOiAxMDAlOwogIHBhZGRpbmc6IDI1cHggMzBweDsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgYm94LXNoYWRvdzogMCAzcHggNnB4IHJnYmEoMCwgMCwgMCwgMC4xNSk7CiAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICBib3JkZXItcmFkaXVzOiA0cHg7CiAgei1pbmRleDogMjsKfQoKLmxvZ2luLWZvcm0tcmlnaHQgLmxvZ2luLWZvcm0gewogIG1hcmdpbjogMCAxNSUgMCBhdXRvOwp9CgoubG9naW4tZm9ybS1sZWZ0IC5sb2dpbi1mb3JtIHsKICBtYXJnaW46IDAgYXV0byAwIDE1JTsKfQoKLmxvZ2luLWZvcm0gaDQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKICBtYXJnaW46IDAgMCAyNXB4IDA7Cn0KCi5sb2dpbi1mb3JtID4gLmVsLWZvcm0taXRlbSB7CiAgbWFyZ2luLWJvdHRvbTogMjVweDsKfQoKLmxvZ2luLWlucHV0LWdyb3VwIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KCi5sb2dpbi1pbnB1dC1ncm91cCA6OnYtZGVlcCAuZWwtaW5wdXQgewogIGZsZXg6IDE7Cn0KCi5sb2dpbi1jYXB0Y2hhIHsKICBoZWlnaHQ6IDM4cHg7CiAgd2lkdGg6IDEwMnB4OwogIG1hcmdpbi1sZWZ0OiAxMHB4OwogIGJvcmRlci1yYWRpdXM6IDRweDsKICBib3JkZXI6IDFweCBzb2xpZCAjRENERkU2OwogIHRleHQtYWxpZ246IGNlbnRlcjsKICBjdXJzb3I6IHBvaW50ZXI7Cn0KCi5sb2dpbi1jYXB0Y2hhOmhvdmVyIHsKICBvcGFjaXR5OiAuNzU7Cn0KCi5sb2dpbi1idG4gewogIGRpc3BsYXk6IGJsb2NrOwogIHdpZHRoOiAxMDAlOwp9CgoubG9naW4tb2F1dGgtaWNvbiB7CiAgY29sb3I6ICNGRkY7CiAgcGFkZGluZzogNXB4OwogIG1hcmdpbjogMCAxMHB4OwogIGZvbnQtc2l6ZTogMThweDsKICBib3JkZXItcmFkaXVzOiA1MCU7CiAgY3Vyc29yOiBwb2ludGVyOwp9CgoubG9naW4tY29weXJpZ2h0IHsKICBjb2xvcjogI2VlZTsKICBwYWRkaW5nLXRvcDogMjBweDsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIHotaW5kZXg6IDE7Cn0KCkBtZWRpYSBzY3JlZW4gYW5kIChtaW4taGVpZ2h0OiA1NTBweCkgewogIC5sb2dpbi1mb3JtIHsKICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgIHRvcDogNTAlOwogICAgbGVmdDogNTAlOwogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpOwogICAgbWFyZ2luLXRvcDogLTIyMHB4OwogIH0KCiAgLmxvZ2luLWZvcm0tcmlnaHQgLmxvZ2luLWZvcm0sCiAgLmxvZ2luLWZvcm0tbGVmdCAubG9naW4tZm9ybSB7CiAgICBsZWZ0OiBhdXRvOwogICAgcmlnaHQ6IDE1JTsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTsKICAgIG1hcmdpbjogLTIyMHB4IDEwMHB4IGF1dG8gYXV0bzsKICB9CgogIC5sb2dpbi1mb3JtLWxlZnQgLmxvZ2luLWZvcm0gewogICAgcmlnaHQ6IGF1dG87CiAgICBsZWZ0OiAxNSU7CiAgfQoKICAubG9naW4tY29weXJpZ2h0IHsKICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgIGJvdHRvbTogMjBweDsKICAgIHJpZ2h0OiAwOwogICAgbGVmdDogMDsKICB9Cn0KCkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7CiAgLmxvZ2luLWZvcm0tcmlnaHQgLmxvZ2luLWZvcm0sCiAgLmxvZ2luLWZvcm0tbGVmdCAubG9naW4tZm9ybSB7CiAgICBsZWZ0OiA1MCU7CiAgICByaWdodDogYXV0bzsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTsKICAgIG1hcmdpbi1yaWdodDogYXV0bzsKICB9Cn0K"},{"version":3,"sources":["login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4KA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"login.vue","sourceRoot":"src/views/login","sourcesContent":["<template>\n  <div :class=\"['login-wrapper', ['','login-form-right','login-form-left'][direction]]\">\n    <el-form\n      ref=\"loginForm\"\n      :model=\"form\"\n      :rules=\"rules\"\n      class=\"login-form ele-bg-white\"\n      size=\"large\"\n      @keyup.enter.native=\"doSubmit\">\n      <h4>后台管理</h4>\n      <el-form-item prop=\"username\">\n        <el-input\n          placeholder=\"请输入登录账号\"\n          v-model=\"form.username\"\n          prefix-icon=\"el-icon-user\"\n          clearable/>\n      </el-form-item>\n      <el-form-item prop=\"password\">\n        <el-input\n          placeholder=\"请输入登录密码\"\n          v-model=\"form.password\"\n          prefix-icon=\"el-icon-lock\"\n          show-password/>\n      </el-form-item>\n      <el-form-item prop=\"captcha\">\n        <div class=\"login-input-group\">\n          <el-input\n            placeholder=\"请输入验证码\"\n            v-model=\"form.captcha\"\n            prefix-icon=\"el-icon-_vercode\"/>\n          <img\n            v-if=\"captcha\"\n            :src=\"captcha\"\n            @click=\"changeCaptcha\"\n            class=\"login-captcha\"\n            alt=\"\"/>\n        </div>\n      </el-form-item>\n      <div class=\"el-form-item\">\n        <el-checkbox\n          v-model=\"form.remember\">记住密码\n        </el-checkbox>\n        <!-- <el-link\n          @click=\"$router.push('/forget')\"\n          type=\"primary\"\n          class=\"ele-pull-right\"\n          :underline=\"false\">忘记密码\n        </el-link> -->\n      </div>\n      <div class=\"el-form-item\">\n        <el-button\n          @click=\"doSubmit\"\n          :loading=\"loading\"\n          type=\"primary\"\n          class=\"login-btn\"\n          size=\"large\">\n          {{ loading ? '登录中' : '登录' }}\n        </el-button>\n      </div>\n      <div\n        class=\"ele-text-center\"\n        style=\"margin-bottom: 10px;\">\n        <i\n          class=\"login-oauth-icon el-icon-_qq\"\n          style=\"background-color:#3492ed;\">\n        </i>\n        <i\n          class=\"login-oauth-icon el-icon-_wechat\"\n          style=\"background-color:#4daf29;\">\n        </i>\n        <i\n          class=\"login-oauth-icon el-icon-_weibo\"\n          style=\"background-color: #CF1900;\">\n        </i>\n      </div>\n    </el-form>\n    <div class=\"login-copyright\">Copyright © 2017~2021 www.rxthink.cn. All rights reserved.</div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Login',\n  data() {\n    return {\n      // 登录框方向, 0居中, 1居右, 2居左\n      direction: 1,\n      // 加载状态\n      loading: false,\n      // 表单数据\n      form: {\n        username: 'admin',\n        password: '123456',\n        captcha: '',\n        remember: true,\n        key:''\n      },\n      // 表单验证规则\n      rules: {  // 表单验证规则\n        username: [\n          {required: true, message: '请输入账号', trigger: 'blur'}\n        ],\n        password: [\n          {required: true, message: '请输入密码', trigger: 'blur'}\n        ],\n        captcha: [\n          {required: true, message: '请输入验证码', trigger: 'blur'}\n        ]\n      },\n      captcha: '',\n    }\n  },\n  mounted() {\n    if (this.$store.state.user.token) this.$router.push(this.$route.query.from || '/');\n    this.changeCaptcha();\n  },\n  methods: {\n    /* 提交 */\n    doSubmit() {\n      this.$refs['loginForm'].validate((valid) => {\n        if (!valid) {\n          return false;\n        }\n        // if (this.form.captcha.toLowerCase() !== this.text) {\n        //   this.$message.error('验证码错误');\n        //   return;\n        // }\n        this.loading = true;\n        // let formData = new FormData();\n        // for (let key in this.form) {\n        //   formData.append(key, this.form[key]);\n        // }\n        let formData = new FormData();\n        for (let key in this.form) formData.append(key, this.form[key]);\n        console.log(this.form)\n        this.$http.post('/login', this.form).then((res) => {\n          this.loading = false;\n          if (res.data.code === 0) {\n            this.$message({type: 'success', message: '登录成功'});\n            this.$store.dispatch('user/setToken', 'Bearer ' + res.data.data.access_token).then(() => {\n              this.$router.push(this.$route.query.from || '/').catch(() => {\n              });\n            });\n          } else {\n            this.$message.error(res.data.msg);\n          }\n        }).catch(e => {\n          console.log(e)\n          this.loading = false;\n          this.$message.error(\"用户名或密码不正确\");\n        });\n      });\n    },\n    /* 更换图形验证码 */\n    changeCaptcha() {\n      this.$http.get('/captcha').then(res => {\n        if (res.data.code === 0) {\n          this.captcha = res.data.data.captcha;\n          this.form.key = res.data.data.key;\n          // this.form.captcha = this.text;\n        } else {\n          this.$message.error(res.data.msg);\n        }\n      }).catch(e => {\n        this.$message.error(e.message);\n      });\n    }\n  }\n}\n</script>\n\n<style scoped>\n.login-wrapper {\n  padding: 50px 20px;\n  position: relative;\n  box-sizing: border-box;\n  background-image: url(\"~@/assets/bg-login.png\");\n  background-repeat: no-repeat;\n  background-size: cover;\n  min-height: 100vh;\n  background-size: 100% 100%;\n}\n\n.login-wrapper:before {\n  content: \"\";\n  background-color: rgba(0, 0, 0, .2);\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.login-form {\n  margin: 0 auto;\n  width: 360px;\n  max-width: 100%;\n  padding: 25px 30px;\n  position: relative;\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);\n  box-sizing: border-box;\n  border-radius: 4px;\n  z-index: 2;\n}\n\n.login-form-right .login-form {\n  margin: 0 15% 0 auto;\n}\n\n.login-form-left .login-form {\n  margin: 0 auto 0 15%;\n}\n\n.login-form h4 {\n  text-align: center;\n  margin: 0 0 25px 0;\n}\n\n.login-form > .el-form-item {\n  margin-bottom: 25px;\n}\n\n.login-input-group {\n  display: flex;\n  align-items: center;\n}\n\n.login-input-group ::v-deep .el-input {\n  flex: 1;\n}\n\n.login-captcha {\n  height: 38px;\n  width: 102px;\n  margin-left: 10px;\n  border-radius: 4px;\n  border: 1px solid #DCDFE6;\n  text-align: center;\n  cursor: pointer;\n}\n\n.login-captcha:hover {\n  opacity: .75;\n}\n\n.login-btn {\n  display: block;\n  width: 100%;\n}\n\n.login-oauth-icon {\n  color: #FFF;\n  padding: 5px;\n  margin: 0 10px;\n  font-size: 18px;\n  border-radius: 50%;\n  cursor: pointer;\n}\n\n.login-copyright {\n  color: #eee;\n  padding-top: 20px;\n  text-align: center;\n  position: relative;\n  z-index: 1;\n}\n\n@media screen and (min-height: 550px) {\n  .login-form {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translateX(-50%);\n    margin-top: -220px;\n  }\n\n  .login-form-right .login-form,\n  .login-form-left .login-form {\n    left: auto;\n    right: 15%;\n    transform: translateX(0);\n    margin: -220px 100px auto auto;\n  }\n\n  .login-form-left .login-form {\n    right: auto;\n    left: 15%;\n  }\n\n  .login-copyright {\n    position: absolute;\n    bottom: 20px;\n    right: 0;\n    left: 0;\n  }\n}\n\n@media screen and (max-width: 768px) {\n  .login-form-right .login-form,\n  .login-form-left .login-form {\n    left: 50%;\n    right: auto;\n    transform: translateX(-50%);\n    margin-right: auto;\n  }\n}\n</style>\n"]}]}