{"remainingRequest":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\views\\login\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\views\\login\\index.vue","mtime":1718070786056},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1718764957200},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":1718764959024},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1718764957200},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1718764959862}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgeyB2YWxpZFVzZXJuYW1lIH0gZnJvbSAnQC91dGlscy92YWxpZGF0ZScNCmltcG9ydCBTb2NpYWxTaWduIGZyb20gJy4vY29tcG9uZW50cy9Tb2NpYWxTaWduaW4nDQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ0xvZ2luJywNCiAgY29tcG9uZW50czogeyBTb2NpYWxTaWduIH0sDQogIGRhdGEoKSB7DQogICAgY29uc3QgdmFsaWRhdGVVc2VybmFtZSA9IChydWxlLCB2YWx1ZSwgY2FsbGJhY2spID0+IHsNCiAgICAgIGlmICghdmFsaWRVc2VybmFtZSh2YWx1ZSkpIHsNCiAgICAgICAgY2FsbGJhY2sobmV3IEVycm9yKCfor7fovpPlhaXnlKjmiLflkI0nKSkNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIGNhbGxiYWNrKCkNCiAgICAgIH0NCiAgICB9DQogICAgY29uc3QgdmFsaWRhdGVQYXNzd29yZCA9IChydWxlLCB2YWx1ZSwgY2FsbGJhY2spID0+IHsNCiAgICAgIGlmICh2YWx1ZS5sZW5ndGggPCA2KSB7DQogICAgICAgIGNhbGxiYWNrKG5ldyBFcnJvcign6K+36L6T5YWl5a+G56CBJykpDQogICAgICB9IGVsc2Ugew0KICAgICAgICBjYWxsYmFjaygpDQogICAgICB9DQogICAgfQ0KICAgIHJldHVybiB7DQogICAgICBsb2dpbkZvcm06IHsNCiAgICAgIH0sDQogICAgICBsb2dpblJ1bGVzOiB7DQogICAgICAgIHVzZXJuYW1lOiBbeyByZXF1aXJlZDogdHJ1ZSwgdHJpZ2dlcjogJ2JsdXInLCB2YWxpZGF0b3I6IHZhbGlkYXRlVXNlcm5hbWUgfV0sDQogICAgICAgIHBhc3N3b3JkOiBbeyByZXF1aXJlZDogdHJ1ZSwgdHJpZ2dlcjogJ2JsdXInLCB2YWxpZGF0b3I6IHZhbGlkYXRlUGFzc3dvcmQgfV0NCiAgICAgIH0sDQogICAgICBwYXNzd29yZFR5cGU6ICdwYXNzd29yZCcsDQogICAgICBjYXBzVG9vbHRpcDogZmFsc2UsDQogICAgICBsb2FkaW5nOiBmYWxzZSwNCiAgICAgIHJlZGlyZWN0OiB1bmRlZmluZWQsDQogICAgICBvdGhlclF1ZXJ5OiB7fQ0KICAgIH0NCiAgfSwNCiAgd2F0Y2g6IHsNCiAgICAkcm91dGU6IHsNCiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uKHJvdXRlKSB7DQogICAgICAgIGNvbnN0IHF1ZXJ5ID0gcm91dGUucXVlcnkNCiAgICAgICAgaWYgKHF1ZXJ5KSB7DQogICAgICAgICAgdGhpcy5yZWRpcmVjdCA9IHF1ZXJ5LnJlZGlyZWN0DQogICAgICAgICAgdGhpcy5vdGhlclF1ZXJ5ID0gdGhpcy5nZXRPdGhlclF1ZXJ5KHF1ZXJ5KQ0KICAgICAgICB9DQogICAgICB9LA0KICAgICAgaW1tZWRpYXRlOiB0cnVlDQogICAgfQ0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIC8vIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdzdG9yYWdlJywgdGhpcy5hZnRlclFSU2NhbikNCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICBpZiAodGhpcy5sb2dpbkZvcm0udXNlcm5hbWUgPT09ICcnKSB7DQogICAgICB0aGlzLiRyZWZzLnVzZXJuYW1lLmZvY3VzKCkNCiAgICB9IGVsc2UgaWYgKHRoaXMubG9naW5Gb3JtLnBhc3N3b3JkID09PSAnJykgew0KICAgICAgdGhpcy4kcmVmcy5wYXNzd29yZC5mb2N1cygpDQogICAgfQ0KICB9LA0KICBkZXN0cm95ZWQoKSB7DQogICAgLy8gd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3N0b3JhZ2UnLCB0aGlzLmFmdGVyUVJTY2FuKQ0KICB9LA0KICBtZXRob2RzOiB7DQogICAgY2hlY2tDYXBzbG9jayhlKSB7DQogICAgICBjb25zdCB7IGtleSB9ID0gZQ0KICAgICAgdGhpcy5jYXBzVG9vbHRpcCA9IGtleSAmJiBrZXkubGVuZ3RoID09PSAxICYmIChrZXkgPj0gJ0EnICYmIGtleSA8PSAnWicpDQogICAgfSwNCiAgICBzaG93UHdkKCkgew0KICAgICAgaWYgKHRoaXMucGFzc3dvcmRUeXBlID09PSAncGFzc3dvcmQnKSB7DQogICAgICAgIHRoaXMucGFzc3dvcmRUeXBlID0gJycNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIHRoaXMucGFzc3dvcmRUeXBlID0gJ3Bhc3N3b3JkJw0KICAgICAgfQ0KICAgICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gew0KICAgICAgICB0aGlzLiRyZWZzLnBhc3N3b3JkLmZvY3VzKCkNCiAgICAgIH0pDQogICAgfSwNCiAgICBoYW5kbGVMb2dpbigpIHsNCiAgICAgIHRoaXMuJHJlZnMubG9naW5Gb3JtLnZhbGlkYXRlKHZhbGlkID0+IHsNCiAgICAgICAgaWYgKHZhbGlkKSB7DQogICAgICAgICAgdGhpcy5sb2FkaW5nID0gdHJ1ZQ0KICAgICAgICAgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCd1c2VyL2xvZ2luJywgdGhpcy5sb2dpbkZvcm0pDQogICAgICAgICAgICAudGhlbigoKSA9PiB7DQogICAgICAgICAgICAgIHRoaXMuJHJvdXRlci5wdXNoKHsgcGF0aDogdGhpcy5yZWRpcmVjdCB8fCAnLycsIHF1ZXJ5OiB0aGlzLm90aGVyUXVlcnkgfSkNCiAgICAgICAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2UNCiAgICAgICAgICAgIH0pDQogICAgICAgICAgICAuY2F0Y2goKCkgPT4gew0KICAgICAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZQ0KICAgICAgICAgICAgfSkNCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICBjb25zb2xlLmxvZygnZXJyb3Igc3VibWl0ISEnKQ0KICAgICAgICAgIHJldHVybiBmYWxzZQ0KICAgICAgICB9DQogICAgICB9KQ0KICAgIH0sDQogICAgZ2V0T3RoZXJRdWVyeShxdWVyeSkgew0KICAgICAgcmV0dXJuIE9iamVjdC5rZXlzKHF1ZXJ5KS5yZWR1Y2UoKGFjYywgY3VyKSA9PiB7DQogICAgICAgIGlmIChjdXIgIT09ICdyZWRpcmVjdCcpIHsNCiAgICAgICAgICBhY2NbY3VyXSA9IHF1ZXJ5W2N1cl0NCiAgICAgICAgfQ0KICAgICAgICByZXR1cm4gYWNjDQogICAgICB9LCB7fSkNCiAgICB9DQogICAgLy8gYWZ0ZXJRUlNjYW4oKSB7DQogICAgLy8gICBpZiAoZS5rZXkgPT09ICd4LWFkbWluLW9hdXRoLWNvZGUnKSB7DQogICAgLy8gICAgIGNvbnN0IGNvZGUgPSBnZXRRdWVyeU9iamVjdChlLm5ld1ZhbHVlKQ0KICAgIC8vICAgICBjb25zdCBjb2RlTWFwID0gew0KICAgIC8vICAgICAgIHdlY2hhdDogJ2NvZGUnLA0KICAgIC8vICAgICAgIHRlbmNlbnQ6ICdjb2RlJw0KICAgIC8vICAgICB9DQogICAgLy8gICAgIGNvbnN0IHR5cGUgPSBjb2RlTWFwW3RoaXMuYXV0aF90eXBlXQ0KICAgIC8vICAgICBjb25zdCBjb2RlTmFtZSA9IGNvZGVbdHlwZV0NCiAgICAvLyAgICAgaWYgKGNvZGVOYW1lKSB7DQogICAgLy8gICAgICAgdGhpcy4kc3RvcmUuZGlzcGF0Y2goJ0xvZ2luQnlUaGlyZHBhcnR5JywgY29kZU5hbWUpLnRoZW4oKCkgPT4gew0KICAgIC8vICAgICAgICAgdGhpcy4kcm91dGVyLnB1c2goeyBwYXRoOiB0aGlzLnJlZGlyZWN0IHx8ICcvJyB9KQ0KICAgIC8vICAgICAgIH0pDQogICAgLy8gICAgIH0gZWxzZSB7DQogICAgLy8gICAgICAgYWxlcnQoJ+esrOS4ieaWueeZu+W9leWksei0pScpDQogICAgLy8gICAgIH0NCiAgICAvLyAgIH0NCiAgICAvLyB9DQogIH0NCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA;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;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;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/login","sourcesContent":["<template>\r\n  <div class=\"login-container\">\r\n    <el-form ref=\"loginForm\" :model=\"loginForm\" :rules=\"loginRules\" class=\"login-form\" autocomplete=\"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          <svg-icon icon-class=\"user\" />\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          autocomplete=\"on\"\r\n        />\r\n      </el-form-item>\r\n\r\n      <el-tooltip v-model=\"capsTooltip\" content=\"Caps lock is On\" placement=\"right\" manual>\r\n        <el-form-item prop=\"password\">\r\n          <span class=\"svg-container\">\r\n            <svg-icon icon-class=\"password\" />\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            autocomplete=\"on\"\r\n            @keyup.native=\"checkCapslock\"\r\n            @blur=\"capsTooltip = false\"\r\n            @keyup.enter.native=\"handleLogin\"\r\n          />\r\n          <span class=\"show-pwd\" @click=\"showPwd\">\r\n            <svg-icon :icon-class=\"passwordType === 'password' ? 'eye' : 'eye-open'\" />\r\n          </span>\r\n        </el-form-item>\r\n      </el-tooltip>\r\n\r\n      <el-button :loading=\"loading\" type=\"primary\" style=\"width:100%;margin-bottom:30px;\" @click.native.prevent=\"handleLogin\">登录</el-button>\r\n    </el-form>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { validUsername } from '@/utils/validate'\r\nimport SocialSign from './components/SocialSignin'\r\n\r\nexport default {\r\n  name: 'Login',\r\n  components: { SocialSign },\r\n  data() {\r\n    const validateUsername = (rule, value, callback) => {\r\n      if (!validUsername(value)) {\r\n        callback(new Error('请输入用户名'))\r\n      } else {\r\n        callback()\r\n      }\r\n    }\r\n    const validatePassword = (rule, value, callback) => {\r\n      if (value.length < 6) {\r\n        callback(new Error('请输入密码'))\r\n      } else {\r\n        callback()\r\n      }\r\n    }\r\n    return {\r\n      loginForm: {\r\n      },\r\n      loginRules: {\r\n        username: [{ required: true, trigger: 'blur', validator: validateUsername }],\r\n        password: [{ required: true, trigger: 'blur', validator: validatePassword }]\r\n      },\r\n      passwordType: 'password',\r\n      capsTooltip: false,\r\n      loading: false,\r\n      redirect: undefined,\r\n      otherQuery: {}\r\n    }\r\n  },\r\n  watch: {\r\n    $route: {\r\n      handler: function(route) {\r\n        const query = route.query\r\n        if (query) {\r\n          this.redirect = query.redirect\r\n          this.otherQuery = this.getOtherQuery(query)\r\n        }\r\n      },\r\n      immediate: true\r\n    }\r\n  },\r\n  created() {\r\n    // window.addEventListener('storage', this.afterQRScan)\r\n  },\r\n  mounted() {\r\n    if (this.loginForm.username === '') {\r\n      this.$refs.username.focus()\r\n    } else if (this.loginForm.password === '') {\r\n      this.$refs.password.focus()\r\n    }\r\n  },\r\n  destroyed() {\r\n    // window.removeEventListener('storage', this.afterQRScan)\r\n  },\r\n  methods: {\r\n    checkCapslock(e) {\r\n      const { key } = e\r\n      this.capsTooltip = key && key.length === 1 && (key >= 'A' && key <= 'Z')\r\n    },\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          this.$store.dispatch('user/login', this.loginForm)\r\n            .then(() => {\r\n              this.$router.push({ path: this.redirect || '/', query: this.otherQuery })\r\n              this.loading = false\r\n            })\r\n            .catch(() => {\r\n              this.loading = false\r\n            })\r\n        } else {\r\n          console.log('error submit!!')\r\n          return false\r\n        }\r\n      })\r\n    },\r\n    getOtherQuery(query) {\r\n      return Object.keys(query).reduce((acc, cur) => {\r\n        if (cur !== 'redirect') {\r\n          acc[cur] = query[cur]\r\n        }\r\n        return acc\r\n      }, {})\r\n    }\r\n    // afterQRScan() {\r\n    //   if (e.key === 'x-admin-oauth-code') {\r\n    //     const code = getQueryObject(e.newValue)\r\n    //     const codeMap = {\r\n    //       wechat: 'code',\r\n    //       tencent: 'code'\r\n    //     }\r\n    //     const type = codeMap[this.auth_type]\r\n    //     const codeName = code[type]\r\n    //     if (codeName) {\r\n    //       this.$store.dispatch('LoginByThirdparty', codeName).then(() => {\r\n    //         this.$router.push({ path: this.redirect || '/' })\r\n    //       })\r\n    //     } else {\r\n    //       alert('第三方登录失败')\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: 160px 35px 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  .thirdparty-button {\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 6px;\r\n  }\r\n\r\n  @media only screen and (max-width: 470px) {\r\n    .thirdparty-button {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}