{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/login/index.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/login/index.vue","mtime":1708395041888},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/babel-loader/lib/index.js","mtime":1708395147257},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js","mtime":1708395147382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgeyB2YWxpZFVzZXJuYW1lIH0gZnJvbSAnQC91dGlscy92YWxpZGF0ZScNCmltcG9ydCB7IGxvZ2luLCBnZXRDb2RlSW1nLCBnZXRJbmZvLCB1c2VyUm91dGVycyxwcm9qZWN0TmFtZSB9IGZyb20gJ0AvYXBpL3VzZXInDQppbXBvcnQgeyBuZXh0VGljayB9IGZyb20gJ3Byb2Nlc3MnDQppbXBvcnQgZGVib3VuY2UgZnJvbSAnQC91dGlscy9kZWJvdW5jZScNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ0xvZ2luJywNCiAgZGF0YSgpIHsNCiAgICBjb25zdCB2YWxpZGF0ZVVzZXJuYW1lID0gKHJ1bGUsIHZhbHVlLCBjYWxsYmFjaykgPT4gew0KICAgICAgaWYgKCF2YWxpZFVzZXJuYW1lKHZhbHVlKSkgew0KICAgICAgICBjYWxsYmFjayhuZXcgRXJyb3IoJ1BsZWFzZSBlbnRlciB0aGUgY29ycmVjdCB1c2VyIG5hbWUnKSkNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIGNhbGxiYWNrKCkNCiAgICAgIH0NCiAgICB9DQogICAgY29uc3QgdmFsaWRhdGVQYXNzd29yZCA9IChydWxlLCB2YWx1ZSwgY2FsbGJhY2spID0+IHsNCiAgICAgIGlmICh2YWx1ZS5sZW5ndGggPCA2KSB7DQogICAgICAgIGNhbGxiYWNrKG5ldyBFcnJvcignVGhlIHBhc3N3b3JkIGNhbiBub3QgYmUgbGVzcyB0aGFuIDYgZGlnaXRzJykpDQogICAgICB9IGVsc2Ugew0KICAgICAgICBjYWxsYmFjaygpDQogICAgICB9DQogICAgfQ0KICAgIHJldHVybiB7DQogICAgICBpc1Nob3dDb2RlOiBmYWxzZSwNCiAgICAgIGNvZGVVcmw6ICcnLA0KICAgICAgbG9naW5Gb3JtOiB7DQogICAgICAgIHVzZXJuYW1lOiAiIiwNCiAgICAgICAgcGFzc3dvcmQ6ICIiLA0KICAgICAgICBjb2RlOiAnJywNCiAgICAgICAgdXVpZDogJycNCiAgICAgIH0sDQogICAgICBsb2dpblJ1bGVzOiB7DQogICAgICAgIHVzZXJuYW1lOiBbeyByZXF1aXJlZDogdHJ1ZSwgdHJpZ2dlcjogJ2JsdXInLCBtZXNzYWdlOiAn6K+36L6T5YWl55So5oi35ZCN77yBJyB9XSwNCiAgICAgICAgcGFzc3dvcmQ6IFt7IHJlcXVpcmVkOiB0cnVlLCB0cmlnZ2VyOiAnYmx1cicsIG1lc3NhZ2U6ICfor7fovpPlhaXlr4bnoIHvvIEnIH1dLA0KICAgICAgICBjb2RlOiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+ivt+i+k+WFpemqjOivgeegge+8gScsIHRyaWdnZXI6ICdibHVyJyB9LF0NCiAgICAgIH0sDQogICAgICBsb2FkaW5nOiBmYWxzZSwNCiAgICAgIHBhc3N3b3JkVHlwZTogJ3Bhc3N3b3JkJywNCiAgICAgIHJlZGlyZWN0OiB1bmRlZmluZWQsDQogICAgICBwcm9qZWN0TmFtZTonJywNCiAgICB9DQogIH0sDQogIHdhdGNoOiB7DQogICAgJHJvdXRlOiB7DQogICAgICBoYW5kbGVyOiBmdW5jdGlvbiAocm91dGUpIHsNCiAgICAgICAgdGhpcy5yZWRpcmVjdCA9IHJvdXRlLnF1ZXJ5ICYmIHJvdXRlLnF1ZXJ5LnJlZGlyZWN0DQogICAgICB9LA0KICAgICAgaW1tZWRpYXRlOiB0cnVlDQogICAgfQ0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIHRoaXMuZ2V0Q29kZUltZygpICANCiAgICBwcm9qZWN0TmFtZSgpLnRoZW4ocmVzID0+IHsgICAgICAgIA0KICAgICAgdGhpcy5wcm9qZWN0TmFtZSA9IHJlcyAgICAgIA0KICAgIH0pICAgDQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBzaG93UHdkKCkgew0KICAgICAgaWYgKHRoaXMucGFzc3dvcmRUeXBlID09PSAncGFzc3dvcmQnKSB7DQogICAgICAgIHRoaXMucGFzc3dvcmRUeXBlID0gJycNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIHRoaXMucGFzc3dvcmRUeXBlID0gJ3Bhc3N3b3JkJw0KICAgICAgfQ0KICAgICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gew0KICAgICAgICB0aGlzLiRyZWZzLnBhc3N3b3JkLmZvY3VzKCkNCiAgICAgIH0pDQogICAgfSwNCiAgICBnZXRDb2RlKCkgew0KICAgICAgdGhpcy5nZXRDb2RlSW1nKCkNCiAgICB9LA0KICAgIGdldENvZGVJbWcoKSB7DQogICAgICBnZXRDb2RlSW1nKCkudGhlbihyZXMgPT4gew0KICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7ICAgICAgICAgIA0KICAgICAgICAgIGlmIChyZXMuY2FwdGNoYUVuYWJsZWQpIHsNCiAgICAgICAgICAgIHRoaXMuaXNTaG93Q29kZSA9IHRydWUNCiAgICAgICAgICAgICAgdGhpcy5jb2RlVXJsID0gImRhdGE6aW1hZ2UvZ2lmO2Jhc2U2NCwiICsgcmVzLmltZzsNCiAgICAgICAgICAgICAgdGhpcy5sb2dpbkZvcm0udXVpZCA9IHJlcy51dWlkDQogICAgICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgICAgICB0aGlzLmlzU2hvd0NvZGUgPSBmYWxzZQ0KICAgICAgICAgICAgfSAgICAgICAgICANCiAgICAgICAgfQ0KICAgICAgfSkNCiAgICB9LA0KICAgIGhhbmRsZUxvZ2luKCkgew0KICAgICAgdGhpcy4kcmVmcy5sb2dpbkZvcm0udmFsaWRhdGUodmFsaWQgPT4gew0KICAgICAgICBpZiAodmFsaWQpIHsgICAgICANCiAgICAgICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlICAgDQogICAgICAgICAgICB0aGlzLiRzdG9yZS5kaXNwYXRjaCgndXNlci9sb2dpbicsIHRoaXMubG9naW5Gb3JtKS50aGVuKHJlcyA9PiB7ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgIHRoaXMuJHJvdXRlci5wdXNoKHsgcGF0aDogICcvJyB9KQ0KICAgICAgICAgICAgdGhpcy4kc3RvcmUuZGlzcGF0Y2goJ2FwcC9jbG9zZVNpZGVCYXInLCB7IHdpdGhvdXRBbmltYXRpb246IGZhbHNlIH0pICAgDQogICAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZSAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICB9KS5jYXRjaChlcnIgPT4geyAgICAgICAgICAgIA0KICAgICAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2UNCiAgICAgICAgICB9KSAgICAgICANCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICBjb25zb2xlLmxvZygnZXJyb3Igc3VibWl0ISEnKQ0KICAgICAgICAgIHJldHVybiBmYWxzZQ0KICAgICAgICB9DQogICAgICB9KQ0KICAgIH0sDQogICAgLy8gaGFuZGxlTG9naW46ZGVib3VuY2UoZnVuY3Rpb24oKXsNCiAgICAvLyAgIHRoaXMuJHJlZnMubG9naW5Gb3JtLnZhbGlkYXRlKHZhbGlkID0+IHsNCiAgICAvLyAgICAgaWYgKHZhbGlkKSB7ICAgICAgDQogICAgLy8gICAgICAgdGhpcy5sb2FkaW5nID0gdHJ1ZSAgIA0KICAgIC8vICAgICAgICAgdGhpcy4kc3RvcmUuZGlzcGF0Y2goJ3VzZXIvbG9naW4nLCB0aGlzLmxvZ2luRm9ybSkudGhlbihyZXMgPT4geyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgLy8gICAgICAgICB0aGlzLiRyb3V0ZXIucHVzaCh7IHBhdGg6ICAnLycgfSkNCiAgICAvLyAgICAgICAgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCdhcHAvY2xvc2VTaWRlQmFyJywgeyB3aXRob3V0QW5pbWF0aW9uOiBmYWxzZSB9KSAgICAgICAgICAgICAgICAgICAgICANCiAgICAvLyAgICAgICB9KS5jYXRjaChlcnIgPT4geyAgICAgICAgICAgIA0KICAgIC8vICAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2UNCiAgICAvLyAgICAgICB9KSAgICAgICAgDQogICAgLy8gICAgIH0gZWxzZSB7DQogICAgLy8gICAgICAgY29uc29sZS5sb2coJ2Vycm9yIHN1Ym1pdCEhJykNCiAgICAvLyAgICAgICByZXR1cm4gZmFsc2UNCiAgICAvLyAgICAgfQ0KICAgIC8vICAgfSkNCiAgICAvLyB9LDIwMDApDQogIH0NCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA;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":["\r\n<template>\r\n  <div class=\"page\">\r\n    <!-- <span class=\"title\">{{ projectName }}</span> -->\r\n    <div class=\"box_9\">\r\n      <span class=\"text_1\">用户登录</span>\r\n      <div style=\"width: 100%;height: 40px;\"></div>\r\n      <el-form ref=\"loginForm\" :model=\"loginForm\" :rules=\"loginRules\" auto-complete=\"on\" label-position=\"left\">\r\n        <el-form-item prop=\"username\">\r\n          <el-input tabindex=\"1\" ref=\"username\" v-model=\"loginForm.username\" placeholder=\"请输入用户名\" name=\"username\"\r\n            type=\"text\" auto-complete=\"on\">\r\n            <template #prefix>\r\n              <img style=\"position: relative;top: 5px;\" src=\"../../assets/编组 4.png\">\r\n            </template>\r\n          </el-input>\r\n        </el-form-item>\r\n        <div style=\"width: 100%;height: 20px;\"></div>\r\n        <el-form-item prop=\"password\">\r\n          <el-input tabindex=\"2\" :key=\"passwordType\" ref=\"password\" v-model=\"loginForm.password\" :type=\"passwordType\"\r\n            placeholder=\"请输入密码\" name=\"password\" auto-complete=\"on\" @keyup.enter.native=\"handleLogin\">\r\n            <template #prefix>\r\n              <img style=\"position: relative;top: 5px;\" src=\"../../assets/icon-lock.png\">\r\n            </template></el-input>\r\n        </el-form-item>\r\n        <div style=\"width: 100%;height: 20px;\"></div>\r\n        <el-form-item v-if=\"isShowCode\" prop=\"code\">\r\n          <el-input v-model=\"loginForm.code\" class=\"checkCode\" placeholder=\"请输入校验码\">\r\n            <template #prefix>\r\n              <img style=\"position: relative;top: 5px;\" src=\"../../assets/编组 5.png\">\r\n            </template></el-input>\r\n\r\n        </el-form-item>\r\n        <div class=\"codeImg\">\r\n          <img :src=\"codeUrl\" @click=\"getCode\" width=\"100px\">\r\n        </div>\r\n      </el-form>\r\n      <!-- <div style=\"position: relative;\">\r\n        <div class=\"text-wrapper_1\" @click=\"handleLogin\">\r\n          <span>登&nbsp;录</span>\r\n        </div>\r\n      </div> -->\r\n      <el-button class=\"text-wrapper_1\" :loading=\"loading\" @click.native.prevent=\"handleLogin\">\r\n        <span>登&nbsp;录</span>\r\n      </el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      constants: {},\r\n    };\r\n  },\r\n  methods: {},\r\n};\r\n</script>\r\n\r\n\r\n<script>\r\nimport { validUsername } from '@/utils/validate'\r\nimport { login, getCodeImg, getInfo, userRouters,projectName } from '@/api/user'\r\nimport { nextTick } from 'process'\r\nimport debounce from '@/utils/debounce'\r\nexport default {\r\n  name: 'Login',\r\n  data() {\r\n    const validateUsername = (rule, value, callback) => {\r\n      if (!validUsername(value)) {\r\n        callback(new Error('Please enter the correct user name'))\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('The password can not be less than 6 digits'))\r\n      } else {\r\n        callback()\r\n      }\r\n    }\r\n    return {\r\n      isShowCode: false,\r\n      codeUrl: '',\r\n      loginForm: {\r\n        username: \"\",\r\n        password: \"\",\r\n        code: '',\r\n        uuid: ''\r\n      },\r\n      loginRules: {\r\n        username: [{ required: true, trigger: 'blur', message: '请输入用户名！' }],\r\n        password: [{ required: true, trigger: 'blur', message: '请输入密码！' }],\r\n        code: [{ required: true, message: '请输入验证码！', trigger: 'blur' },]\r\n      },\r\n      loading: false,\r\n      passwordType: 'password',\r\n      redirect: undefined,\r\n      projectName:'',\r\n    }\r\n  },\r\n  watch: {\r\n    $route: {\r\n      handler: function (route) {\r\n        this.redirect = route.query && route.query.redirect\r\n      },\r\n      immediate: true\r\n    }\r\n  },\r\n  created() {\r\n    this.getCodeImg()  \r\n    projectName().then(res => {        \r\n      this.projectName = res      \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    getCode() {\r\n      this.getCodeImg()\r\n    },\r\n    getCodeImg() {\r\n      getCodeImg().then(res => {\r\n        if (res.code == 200) {          \r\n          if (res.captchaEnabled) {\r\n            this.isShowCode = true\r\n              this.codeUrl = \"data:image/gif;base64,\" + res.img;\r\n              this.loginForm.uuid = res.uuid\r\n            } else {\r\n              this.isShowCode = false\r\n            }          \r\n        }\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).then(res => {                                                                       \r\n            this.$router.push({ path:  '/' })\r\n            this.$store.dispatch('app/closeSideBar', { withoutAnimation: false })   \r\n            this.loading = false                   \r\n          }).catch(err => {            \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    // handleLogin:debounce(function(){\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).then(res => {                                                                       \r\n    //         this.$router.push({ path:  '/' })\r\n    //         this.$store.dispatch('app/closeSideBar', { withoutAnimation: false })                      \r\n    //       }).catch(err => {            \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    // },2000)\r\n  }\r\n}\r\n</script>\r\n\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n.page {\r\n  position: relative;\r\n  // background-image: url('../../assets/bg.png');\r\n  background: url('../../assets/ceshibeijing.png'); \r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  background-attachment: fixed;\r\n  background-size: cover;\r\n  -webkit-background-size: cover;\r\n  -moz-background-size: cover;\r\n  -o-background-size: cover;   \r\n  background-position:0px -1px;\r\n  min-width: 700px;\r\n  min-height: 970px;\r\n  height: 100vh;\r\n  text-align: center;\r\n\r\n  .title {\r\n    position: absolute;\r\n    left: 60px;\r\n    top: 46px;\r\n    font-size: 32px;\r\n    color: #FFFFFF;\r\n    font-family: PingFangSC-Medium, PingFang SC;\r\n    font-weight: 500;\r\n    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .image_22 {\r\n    position: relative;\r\n    top: 50px;\r\n    // display: block;\r\n    // margin: 0 auto;\r\n    // padding-top: 50px;\r\n  }\r\n\r\n  .box_9 {\r\n    position: absolute;\r\n    right: 164px;\r\n    top: 245px;\r\n    padding: 72px 56px 40px;\r\n    width: 472px;\r\n    height: 572px;\r\n    text-align: center;\r\n    background: url('../../assets/登录框.png') no-repeat center center;\r\n\r\n    .codeImg {\r\n      img {\r\n        display: block;\r\n        float: right;\r\n        position: relative;\r\n        top: -60px;\r\n        right: 3px;\r\n      }\r\n    }\r\n\r\n    .text_1 {\r\n      color: rgba(255, 255, 255, 1);\r\n      font-size: 32px;\r\n      font-family: PingFangSC-Medium, PingFang SC;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .text-wrapper_1 {\r\n      position: relative;\r\n      top: 110px;\r\n      bottom: 0;\r\n      width: 100%;\r\n      height: 48px;\r\n      border: 0;\r\n      background-color: #254DD3;\r\n      cursor: pointer;\r\n      font-size: 24px;\r\n      font-family: PingFangSC-Medium, PingFang SC;\r\n      font-weight: 500;\r\n      color: #FFFFFF;\r\n    }\r\n\r\n    .text-wrapper_1:hover {\r\n      background-color: #0156FD;\r\n    }\r\n\r\n    .text-wrapper_1:active {\r\n      background-color: #194DA4;\r\n    }\r\n\r\n    ::v-deep .el-icon-loading {\r\n      position: relative;\r\n      top: 0px;\r\n    }\r\n  }\r\n}\r\n\r\n::v-deep .el-input__inner {\r\n  font-size: 18px;\r\n  background-color: transparent !important;\r\n  border-radius: 0;\r\n  border-top: 0;\r\n  border-left: 0;\r\n  border-right: 0;\r\n  border-bottom: 1px solid #528CD7 !important;\r\n  color: #fff;\r\n  padding-left: 40px;\r\n  // margin-bottom: 20px;\r\n}\r\n\r\n::v-deep .el-input__inner:-webkit-autofill {\r\n  -webkit-text-fill-color: #fff !important;\r\n  font-size: 18px;\r\n  transition: background-color 5000s ease-in-out 0s;\r\n  caret-color: #fff !important;\r\n}\r\n\r\n::v-deep .el-form-item__error {\r\n  // position: relative;\r\n  // top: -20px;\r\n  // left: -130px;\r\n}</style>\r\n"]}]}