{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/login/Register.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/login/Register.vue","mtime":1616729944908},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCi8vIGltcG9ydCBsb2dpbmZhdHVyZSBmcm9tICIuL2NoaWxpZENvbXBzL2xvZ2luZmF0dXJlIgoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJsb2dpbiIsCiAgY29tcG9uZW50czogewogICAgc2Nyb2xsLAogIH0sCiAgZGF0YSgpIHsKICAgICB2YXIgY2hlY2twaG9uZSA9IChydWxlLCB2YWx1ZSwgY2FsbGJhY2spID0+IHsKICAgICAgLy8gbGV0IHBob25lUmVnID0gLyheMVszfDR8NXw2fDd8OHw5XVxkezl9JCl8KF4wOVxkezh9JCkvOwogICAgICBpZiAodmFsdWUgPT09ICcnKSB7CiAgICAgICAgY2FsbGJhY2sobmV3IEVycm9yKCfor7fovpPlhaXmiYvmnLrlj7cnKSkKICAgICAgfSBlbHNlIGlmICghdGhpcy5pc0NlbGxQaG9uZSh2YWx1ZSkpIHsgLy8g5byV5YWlbWV0aG9kc+S4reWwgeijheeahOajgOafpeaJi+acuuagvOW8j+eahOaWueazlQogICAgICAgIGNhbGxiYWNrKG5ldyBFcnJvcign6K+36L6T5YWl5q2j56Gu55qE5omL5py65Y+3IScpKQogICAgICB9IGVsc2UgewogICAgICAgIGNhbGxiYWNrKCkKICAgICAgfQogICAgfQogICAgcmV0dXJuIHsKCiAgICAgIGxvZ2luRm9ybTogewogICAgICAgIG5hbWU6ICIiLAogICAgICAgIHBhc3N3b3JkOiAiIiwKICAgICAgICBpcGhvbmU6IiIKICAgICAgfSwKICAgICAgbG9naW5Gb3JtUnVsZXM6IHsKICAgICAgICAvL+mqjOivgeeUqOaIt+WQjeaYr+WQpuWQiOazlQogICAgICAgIG5hbWU6IFsKICAgICAgICAgIHsgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICLor7fovpPlhaXnlKjmiLflkI0iLCB0cmlnZ2VyOiAiYmx1ciIgfSwKICAgICAgICAgIHsgbWluOiAyLCBtYXg6IDEwLCBtZXNzYWdlOiAi6ZW/5bqm5ZyoIDIg5YiwIDEwIOS4quWtl+espiIsIHRyaWdnZXI6ICJibHVyIiB9LAogICAgICAgIF0sCiAgICAgICAgaXBob25lOiBbCiAgICAgICAgICB7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAi6K+36L6T5YWl5omL5py65Y+3IiwgdHJpZ2dlcjogImJsdXIiIH0sCiAgICAgICAgICB7IHZhbGlkYXRvcjogY2hlY2twaG9uZSwgdHJpZ2dlcjogImJsdXIiIH0sCiAgICAgICAgXSwKICAgICAgICAvL+mqjOivgeWvhueggeaYr+WQpuWQiOazlQogICAgICAgIHBhc3N3b3JkOiBbCiAgICAgICAgICB7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAi6K+36L6T5YWl5a+G56CBIiwgdHJpZ2dlcjogImJsdXIiIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIG1pbjogNiwKICAgICAgICAgICAgbWF4OiAxNiwKICAgICAgICAgICAgbWVzc2FnZTogIumVv+W6puWcqCA2IOWIsCAxNiDkuKrlrZfnrKYiLAogICAgICAgICAgICB0cmlnZ2VyOiAiYmx1ciIsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICB9OwogIH0sCiAgbWV0aG9kczogewogICAgIGJhY2tDbGljaygpIHsKICAgICAgdGhpcy4kcm91dGVyLnB1c2goJy9sb2dpbicpOwogICAgfSwKICAgIGlzQ2VsbFBob25lICh2YWwpIHsKICAgICAgaWYgKCEvXjEoM3w0fDV8Nnw3fDh8OSlcZHs5fSQvLnRlc3QodmFsKSkgewogICAgICAgIHJldHVybiBmYWxzZQogICAgICB9IGVsc2UgewogICAgICAgIHJldHVybiB0cnVlCiAgICAgIH0KICAgIH0sCiAgICBsb2dpbigpIHsKICAgICAgdGhpcy4kcmVmcy5sb2dpbkZvcm1SZWYudmFsaWRhdGUoYXN5bmMgKHZhbGlkKSA9PiB7CiAgICAgICAgaWYgKCF2YWxpZCkgcmV0dXJuOwogICAgICAgIHRyeXsKICAgICAgICBhd2FpdCB0aGlzLiRodHRwLnBvc3QoInVzZXJzIiwgdGhpcy5sb2dpbkZvcm0pOwogICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2Vzcygn5rOo5YaM5oiQ5YqfJyk7CiAgICAgICAgdGhpcy4kcm91dGVyLnB1c2goJy9sb2dpbicpOwogICAgICAgIH1jYXRjaChlcnIpewogICAgICAgICAgY29uc29sZS5sb2coZXJyLnJlc3BvbnNlLmRhdGEpOwogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcign5rOo5YaM5aSx6LSlJytlcnIucmVzcG9uc2UuZGF0YS5tZXNzYWdlKTsKICAgICAgICB9CgogICAgICAgIC8vIGlmIChyZXMuc3RhdHVzICE9IDIwMCkgcmV0dXJuIHRoaXMuJG1lc3NhZ2UuZXJyb3IoJ+azqOWGjOWksei0pScrcmVzLm1lc3NhZ2UpOwogICAgICB9KTsKICAgIH0sCiAgfSwKfTsK"},{"version":3,"sources":["Register.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;AAEA;AACA;AACA;AACA;AACA","file":"Register.vue","sourceRoot":"src/views/login","sourcesContent":["<template>\n <div class=\"login_container\">\n      <div class=\"top\">\n      <div class=\"back\" @click=\"backClick\">\n        <img src=\"@/assets/img/home/back.svg\" alt=\"\">\n     </div>\n         <span>注册</span>\n         <div>\n          <img src=\"@/assets/img/cart/logo.jpg\" class=\"logo\" alt=\"\" /><div class=\"icon\">big bar</div>\n         </div>\n      </div>\n      <div class=\"login_box\">\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=\"iphone\">\n            <el-input\n              placeholder=\"请输入手机号\"\n              v-model=\"loginForm.iphone\"\n              prefix-icon=\"el-icon-phone\"\n              \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          <el-form-item >\n            <el-row>\n              <el-button class=\"btns-login\" type=\"primary\" @click=\"login\">注册</el-button>\n            </el-row>\n             <!-- <el-button type=\"info\" @click=\"infoRegister\">注册</el-button> -->\n          </el-form-item>\n        </el-form>\n      </div>\n    </div>\n</template>\n\n<script>\n// import loginfature from \"./chilidComps/loginfature\"\n\nexport default {\n  name: \"login\",\n  components: {\n    scroll,\n  },\n  data() {\n     var checkphone = (rule, value, callback) => {\n      // let phoneReg = /(^1[3|4|5|6|7|8|9]\\d{9}$)|(^09\\d{8}$)/;\n      if (value === '') {\n        callback(new Error('请输入手机号'))\n      } else if (!this.isCellPhone(value)) { // 引入methods中封装的检查手机格式的方法\n        callback(new Error('请输入正确的手机号!'))\n      } else {\n        callback()\n      }\n    }\n    return {\n\n      loginForm: {\n        name: \"\",\n        password: \"\",\n        iphone:\"\"\n      },\n      loginFormRules: {\n        //验证用户名是否合法\n        name: [\n          { required: true, message: \"请输入用户名\", trigger: \"blur\" },\n          { min: 2, max: 10, message: \"长度在 2 到 10 个字符\", trigger: \"blur\" },\n        ],\n        iphone: [\n          { required: true, message: \"请输入手机号\", trigger: \"blur\" },\n          { validator: checkphone, trigger: \"blur\" },\n        ],\n        //验证密码是否合法\n        password: [\n          { required: true, message: \"请输入密码\", trigger: \"blur\" },\n          {\n            min: 6,\n            max: 16,\n            message: \"长度在 6 到 16 个字符\",\n            trigger: \"blur\",\n          },\n        ],\n      },\n    };\n  },\n  methods: {\n     backClick() {\n      this.$router.push('/login');\n    },\n    isCellPhone (val) {\n      if (!/^1(3|4|5|6|7|8|9)\\d{9}$/.test(val)) {\n        return false\n      } else {\n        return true\n      }\n    },\n    login() {\n      this.$refs.loginFormRef.validate(async (valid) => {\n        if (!valid) return;\n        try{\n        await this.$http.post(\"users\", this.loginForm);\n        this.$message.success('注册成功');\n        this.$router.push('/login');\n        }catch(err){\n          console.log(err.response.data);\n          this.$message.error('注册失败'+err.response.data.message);\n        }\n\n        // if (res.status != 200) return this.$message.error('注册失败'+res.message);\n      });\n    },\n  },\n};\n</script>\n\n<style scoped>\n\n\n.back{\n  position: relative;\n  width: 30px;\n  height: 30px;\n\n  top: 50%;\n  transform: translate(0,-50%);\n}\n.login_container {\n  position: relative;\n    height: 100vh;\n}\n\n.login_container .top{\n  position:relative;\n  height: 44px;\n  background-color: #383D41;\n  color: #fff;\n  text-align: center;\n}\n\n.login_container .top .logo{\n  top:50%;\n  transform: translate(0,-50%);\n  right: 10px;\n  position:absolute;\n  height: 30px;\n  width: 30px;\n}\n\n\n.login_container .top .icon{\n  position: absolute;\n  top: 50%;\n  transform: translate(0,-50%);\n  font-size: 12px;\n  right: 45px;\n}\n\n.login_container .top span{\n  position: absolute;\n  left:50%;\n  top:50%;\n  transform: translate(-50%,-50%);\n}\n\n.login_form{\n  width: 85%;\n  margin: 0 auto;\n  margin-top: 40px;\n}\n\n.btns-login{\n  width: 100%;\n}\n\n.other-login{\n  margin-top:50px;\n  text-align: center;\n}\n\n.bottom{\n  margin:0 auto;\n  margin-top:10px;\n  width: 85%;\n  height: 200px;\n  border-top:1px solid #f5f5f5\n}\n.bottom img{\n  margin-top: 20px;\n  position: relative;\n  left: 50%;\n  transform: translate(-50%,0);\n}\n.register{\n  position: relative;\n  height: 20px;\n  width: 20px;\n  font-size: 12px;\n  color:#409EFF;\n  right:0px;\n}\n</style>\n"]}]}