{"version":3,"sources":["webpack:///./src/views/user/registered.vue?dd62","webpack:///./src/views/user/registered.vue","webpack:///./src/views/user/registered.vue?c857"],"names":["router","useRouter","formLabelAlign","reactive","username","password","realname","usertel","code","ruleFormRef","ref","baseRules","required","message","trigger","onSubmit","formEl","validate","valid","post","then","result","ElMessage","type","duration","onClose","res","window","localStorage","setItem","data","getItem","location","href","push","path","query","clickgetcode","get","p","onzc","onshouye","__exports__"],"mappings":"kHAAA,W,+dC8DA,MAAMA,EAASC,iBAEf,IAAIC,EAAiBC,sBAAS,CAC5BC,SAAU,GACVC,SAAU,GACVC,SAAU,GACVC,QAAS,GACTC,KAAM,KAER,MAAMC,EAAcC,mBACdC,EAAY,CAChBN,SAAU,CAAC,CAAEO,UAAU,EAAMC,QAAS,SAAUC,QAAS,SACzDP,QAAS,CAAC,CAAEK,UAAU,EAAMC,QAAS,UAAWC,QAAS,SACzDN,KAAM,CAAC,CAAEI,UAAU,EAAMC,QAAS,UAAWC,QAAS,UAGlDC,EAAYC,IACXA,GACLA,EAAOC,SAAUC,IAEXA,IACFhB,EAAeE,SAAWF,EAAeK,QACzCL,EAAeI,SAAWJ,EAAeK,QACzCY,eAAK,qBAAsBjB,GAAgBkB,KAAMC,IAC/CC,eAAU,CACRC,KAAM,UACNV,QAAS,OACTW,SAAU,IACVC,QAASA,KAEPN,eAAK,uBAAwBjB,GAAgBkB,KAAMM,IAEjDC,OAAOC,aAAaC,QAAQ,QAASH,EAAII,MAEzCH,OAAOC,aAAaC,QAAQ,WAAY3B,EAAeE,UAGrDuB,OAAOC,aAAaG,QAAQ,aACe,IAA3CJ,OAAOC,aAAaG,QAAQ,YAE5BJ,OAAOK,SAASC,KAAON,OAAOC,aAAaG,QAAQ,YAEnD/B,EAAOkC,KAAK,CACVC,KAAM,IACNC,MAAO,gBAiBnBC,EAAeA,KACnBC,eAAI,kCAAmC,CAAEC,EAAGrC,EAAeK,UAAWa,KACnEC,IACCC,eAAU,CACNC,KAAM,UACNV,QAAS,oBAOb2B,EAAOA,KACXxC,EAAOkC,KAAK,CACVC,KAAM,SACNC,MAAO,MAILK,EAAWA,KACfzC,EAAOkC,KAAK,CACVC,KAAM,IACNC,MAAO,M,gyEC3IX,MAAMM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD","file":"js/chunk-41dd2207.72b5a81a.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./registered.vue?vue&type=style&index=0&id=00c3fd33&scoped=true&lang=css\"","<template>\n  <div class=\"main\">\n    <headlogin></headlogin>\n    <div class=\"content\">\n      <div class=\"cons\">\n        <div class=\"login-title\">\n          <div class=\"login-title-wz\">注册账号</div>\n        </div>\n        <div class=\"login-con\">\n          <el-form\n            :label-position=\"'top'\"\n            label-width=\"200px\"\n            :model=\"formLabelAlign\"\n            :rules=\"baseRules\"\n            ref=\"ruleFormRef\"\n          >\n            <el-form-item label=\"手机号\" required prop=\"usertel\">\n              <el-input\n                v-model=\"formLabelAlign.usertel\"\n                placeholder=\"请输入您的手机号\"\n              />\n            </el-form-item>\n            <el-form-item label=\"验证码\" required prop=\"code\">\n              <el-input\n                v-model=\"formLabelAlign.code\"\n                placeholder=\"请输入验证码\"\n              >\n                <template #append>\n                  <el-button type=\"primary\" @click=\"clickgetcode\"\n                    >获取验证码</el-button\n                  >\n                </template>\n              </el-input>\n            </el-form-item>\n            <el-form-item label=\"密码\" required prop=\"password\">\n              <el-input\n                type=\"password\"\n                v-model=\"formLabelAlign.password\"\n                show-password\n                placeholder=\"请设置密码\"\n              />\n            </el-form-item>\n            <el-form-item>\n              <el-button type=\"primary\" @click=\"onSubmit(ruleFormRef)\"\n                >立即注册</el-button\n              >\n              <el-button @click=\"onzc\">登录系统</el-button>\n              <el-button @click=\"onshouye\">返回首页</el-button>\n            </el-form-item>\n          </el-form>\n        </div>\n      </div>\n    </div>\n    <footers></footers>\n  </div>\n</template>\n\n<script setup>\nimport { post, get } from \"@/utils/index\";\nimport { ElMessage } from \"element-plus\";\nimport { reactive, ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nconst router = useRouter();\n\nlet formLabelAlign = reactive({\n  username: \"\",\n  password: \"\",\n  realname: \"\",\n  usertel: \"\",\n  code: \"\",\n});\nconst ruleFormRef = ref();\nconst baseRules = {\n  password: [{ required: true, message: \"密码不能为空\", trigger: \"blur\" }],\n  usertel: [{ required: true, message: \"手机号不能为空\", trigger: \"blur\" }],\n  code: [{ required: true, message: \"验证码不能为空\", trigger: \"blur\" }],\n};\n\nconst onSubmit = (formEl) => {\n  if (!formEl) return;\n  formEl.validate((valid) => {\n    // 通过验证规则 true\n    if (valid) {\n      formLabelAlign.username = formLabelAlign.usertel; //默认真实姓名为用户名\n      formLabelAlign.realname = formLabelAlign.usertel; //默认真实姓名为用户名\n      post(\"/api/UserLogin/Reg\", formLabelAlign).then((result) => {\n        ElMessage({\n          type: \"success\",\n          message: \"注册成功\",\n          duration: 1000,\n          onClose: () => {\n            //直接登录\n            post(\"/api/UserLogin/Login\", formLabelAlign).then((res) => {\n              // 保存token\n              window.localStorage.setItem(\"token\", res.data);\n              // 保存用户名到本地\n              window.localStorage.setItem(\"username\", formLabelAlign.username);\n              // 存在地址则跳回\n              if (\n                window.localStorage.getItem(\"loginurl\") &&\n                window.localStorage.getItem(\"loginurl\") != \"\"\n              ) {\n                window.location.href = window.localStorage.getItem(\"loginurl\");\n              } else {\n                router.push({\n                  path: \"/\",\n                  query: {},\n                });\n              }\n            });\n            //跳转登录页\n            //   router.push({\n            //     path: \"/login\",\n            //     query: {},\n            //   });\n          },\n        });\n      });\n    }\n  });\n};\n\n// 获取验证码\nconst clickgetcode = () => {\n  get(\"/api/UserLogin/RegSendPhoneCode\", { p: formLabelAlign.usertel }).then(\n    (result) => {\n      ElMessage({\n          type: \"success\",\n          message: \"发送成功，5分钟内有效。\",\n      });\n    }\n  );\n};\n\n// 登录\nconst onzc = () => {\n  router.push({\n    path: \"/login\",\n    query: {},\n  });\n};\n// 返回首页\nconst onshouye = () => {\n  router.push({\n    path: \"/\",\n    query: {},\n  });\n};\n</script>\n\n<style scoped>\n.main {\n  background: #fff;\n}\n.content {\n  width: 1200px;\n  height: auto;\n  margin: auto;\n}\n.cons {\n  width: 600px;\n  margin: auto;\n  height: 500px;\n  padding: 30px 0;\n}\n.login-title {\n  border-bottom: 1px solid #666;\n  padding: 20px 0;\n  margin-bottom: 30px;\n}\n.login-title-wz {\n  font-size: 24px;\n  text-align: center;\n}\n</style>\n","import script from \"./registered.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./registered.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./registered.vue?vue&type=style&index=0&id=00c3fd33&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\doc\\\\project\\\\kepukeyanchengguozhanshi\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-00c3fd33\"]])\n\nexport default __exports__"],"sourceRoot":""}