{"remainingRequest":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/nodejs/codewhy/src/views/register/Register.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/register/Register.vue","mtime":1608911015279},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCi8vIGltcG9ydCBsb2dpbmZhdHVyZSBmcm9tICIuL2NoaWxpZENvbXBzL2xvZ2luZmF0dXJlIgppbXBvcnQgc2Nyb2xsIGZyb20gIkAvY29tcG9uZW50cy9jb21tb24vU2Nyb2xsL1Njcm9sbCI7CgpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogImxvZ2luIiwKICBjb21wb25lbnRzOiB7CiAgICBzY3JvbGwsCiAgfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgbG9naW5Gb3JtOiB7CiAgICAgICAgbmFtZTogIiIsCiAgICAgICAgcGFzc3dvcmQ6ICIiLAogICAgICB9LAogICAgICBsb2dpbkZvcm1SdWxlczogewogICAgICAgIC8v6aqM6K+B55So5oi35ZCN5piv5ZCm5ZCI5rOVCiAgICAgICAgbmFtZTogWwogICAgICAgICAgeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogIuivt+i+k+WFpeeUqOaIt+WQjSIsIHRyaWdnZXI6ICJibHVyIiB9LAogICAgICAgICAgeyBtaW46IDIsIG1heDogMTAsIG1lc3NhZ2U6ICLplb/luqblnKggMyDliLAgNSDkuKrlrZfnrKYiLCB0cmlnZ2VyOiAiYmx1ciIgfSwKICAgICAgICBdLAogICAgICAgIC8v6aqM6K+B5a+G56CB5piv5ZCm5ZCI5rOVCiAgICAgICAgcGFzc3dvcmQ6IFsKICAgICAgICAgIHsgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICLor7fovpPlhaXlr4bnoIEiLCB0cmlnZ2VyOiAiYmx1ciIgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgbWluOiA2LAogICAgICAgICAgICBtYXg6IDE2LAogICAgICAgICAgICBtZXNzYWdlOiAi6ZW/5bqm5ZyoIDYg5YiwIDEzIOS4quWtl+espiIsCiAgICAgICAgICAgIHRyaWdnZXI6ICJibHVyIiwKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIH07CiAgfSwKICBtZXRob2RzOiB7CiAgICAgaW5mb0xvZ2luKCkgewogICAgICB0aGlzLiRyb3V0ZXIucHVzaCgnL2xvZ2luJyk7CiAgICB9LAogICAgbG9naW4oKSB7CiAgICAgIHRoaXMuJHJlZnMubG9naW5Gb3JtUmVmLnZhbGlkYXRlKGFzeW5jICh2YWxpZCkgPT4gewogICAgICAgIGlmICghdmFsaWQpIHJldHVybjsKICAgICAgICBjb25zdCB7IGRhdGE6IHJlcyB9ID0gYXdhaXQgdGhpcy4kaHR0cC5wb3N0KCJ1c2VycyIsIHRoaXMubG9naW5Gb3JtKTsKICAgICAgICBpZiAocmVzLnN0YXR1cyAhPSAyMDApIHJldHVybiB0aGlzLiRtZXNzYWdlLmVycm9yKCfms6jlhozlpLHotKUnK3Jlcy5tZXNzYWdlKTsKICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MoJ+azqOWGjOaIkOWKnycpOwogICAgICAgIHRoaXMuJHJvdXRlci5wdXNoKCcvbG9naW4nKTsKICAgICAgfSk7CiAgICB9LAogIH0sCiAgbW91bnRlZCgpIHsKICAgIHRoaXMuJHJlZnMuc2Nyb2xsLnJlZnJlc2goKTsKICB9LAp9Owo="},{"version":3,"sources":["Register.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA;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","file":"Register.vue","sourceRoot":"src/views/register","sourcesContent":["<template>\n<div class=\".home\">\n  <scroll ref=\"scroll\">\n    <div class=\"login_container\">\n      <div class=\"login_box\">\n        <!-- 头像区域 -->\n        <div class=\"avatar_box\">\n          <img src=\"@/assets/img/cart/logo.jpg\" alt=\"\" />\n        </div>\n        <!-- 登陆区域 -->\n        <el-form\n          ref=\"loginFormRef\"\n          label-width=\"0px\"\n          class=\"login_form\"\n          :model=\"loginForm\"\n          :rules=\"loginFormRules\"\n        >\n          <el-form-item prop=\"name\">\n            <el-input\n              placeholder=\"请输入用户名\"\n              v-model=\"loginForm.name\"\n              prefix-icon=\"el-icon-user-solid\"\n            ></el-input>\n          </el-form-item>\n          <el-form-item prop=\"password\">\n            <el-input\n              placeholder=\"请输入密码\"\n              v-model=\"loginForm.password\"\n              prefix-icon=\"el-icon-s-goods\"\n              type=\"password\"\n            ></el-input>\n          </el-form-item>\n          <!-- 按钮区域 -->\n          <el-form-item class=\"btns\">\n            <el-row>\n              <el-button type=\"primary\" @click=\"login\">注册</el-button>\n              <el-button type=\"info\" @click=\"infoLogin\">返回</el-button>\n            </el-row>\n          </el-form-item>\n        </el-form>\n      </div>\n    </div>\n  </scroll>\n  </div>\n</template>\n\n<script>\n// import loginfature from \"./chilidComps/loginfature\"\nimport scroll from \"@/components/common/Scroll/Scroll\";\n\nexport default {\n  name: \"login\",\n  components: {\n    scroll,\n  },\n  data() {\n    return {\n      loginForm: {\n        name: \"\",\n        password: \"\",\n      },\n      loginFormRules: {\n        //验证用户名是否合法\n        name: [\n          { required: true, message: \"请输入用户名\", trigger: \"blur\" },\n          { min: 2, max: 10, message: \"长度在 3 到 5 个字符\", trigger: \"blur\" },\n        ],\n        //验证密码是否合法\n        password: [\n          { required: true, message: \"请输入密码\", trigger: \"blur\" },\n          {\n            min: 6,\n            max: 16,\n            message: \"长度在 6 到 13 个字符\",\n            trigger: \"blur\",\n          },\n        ],\n      },\n    };\n  },\n  methods: {\n     infoLogin() {\n      this.$router.push('/login');\n    },\n    login() {\n      this.$refs.loginFormRef.validate(async (valid) => {\n        if (!valid) return;\n        const { data: res } = await this.$http.post(\"users\", this.loginForm);\n        if (res.status != 200) return this.$message.error('注册失败'+res.message);\n        this.$message.success('注册成功');\n        this.$router.push('/login');\n      });\n    },\n  },\n  mounted() {\n    this.$refs.scroll.refresh();\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.login_container {\n  height: 100vh;\n  background-color: #fff;\n}\n.login_box {\n  width: 300px;\n  height: 280px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  position: relative;\n  left: 50%;\n  top: 40%;\n  transform: translate(-50%, -50%);\n}\n.avatar_box {\n  height: 70px;\n  width: 70px;\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%);\n  background-color: #fff;\n  img {\n    height: 70px;\n    width: 70px;\n  }\n}\n.btns {\n  display: flex;\n  justify-content: flex-end;\n}\n.login_form {\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  padding: 0 20px;\n  box-sizing: border-box;\n}\n.home{\n  height: 100vh;\n  position: relative;\n}\n</style>\n"]}]}