-
{{ title }}
-
-
+
+
+
+
+
+
+
+
@@ -39,7 +110,7 @@
@@ -49,30 +120,10 @@
-
- 注册
+
+
+ 注册
+
@@ -91,6 +144,8 @@
登录
+
+
@@ -124,70 +179,77 @@ import FooterBar from "@/components/FooterBar.vue";
import SendMsg from "@/components/SendMsg.vue";
import {arrayContains} from "@/utils/libs";
import {setUserToken} from "@/store/session";
+import {validateEmail, validateMobile} from "@/utils/validate";
const router = useRouter();
-const title = ref('ChatPlus 用户注册');
-const formData = ref({
+const title = ref('Geek-AI 用户注册');
+const logo = ref("/images/logo")
+const data = ref({
username: '',
password: '',
code: '',
repass: '',
invite_code: router.currentRoute.value.query['invite_code'],
})
-const formRef = ref(null)
+
const enableMobile = ref(false)
const enableEmail = ref(false)
-const enableRegister = ref(true)
+const enableUser = ref(false)
+const enableRegister = ref(false)
+const activeName = ref("mobile")
const wxImg = ref("/images/wx.png")
-const ways = []
-const placeholder = ref("用户名：")
-const logo = ref("/images/logo.png")
httpGet("/api/config/get?key=system").then(res => {
if (res.data) {
+ title.value = res.data.title
+ logo.value = res.data.logo
const registerWays = res.data['register_ways']
if (arrayContains(registerWays, "mobile")) {
enableMobile.value = true
- ways.push("手机号")
}
if (arrayContains(registerWays, "email")) {
enableEmail.value = true
- ways.push("邮箱地址")
}
- placeholder.value += ways.join("/")
+ if (arrayContains(registerWays, "username")) {
+ enableUser.value = true
+ }
// 是否启用注册
enableRegister.value = res.data['enabled_register']
- // 覆盖微信二维码
+ // 使用后台上传的客服微信二维码
if (res.data['wechat_card_url'] !== '') {
wxImg.value = res.data['wechat_card_url']
}
- logo.value = res.data.logo
}
}).catch(e => {
ElMessage.error("获取系统配置失败：" + e.message)
})
-httpGet("/api/invite/hits", {code: formData.value.invite_code}).then(() => {
-}).catch(() => {
-})
-
-
-const register = function () {
- if (formData.value.username === '') {
+// 注册操作
+const submitRegister = () => {
+ if (data.value.username === '') {
return ElMessage.error('请输入用户名');
}
- if (formData.value.password.length < 8) {
+ if (activeName.value === 'mobile' && !validateMobile(data.value.username)) {
+ return ElMessage.error('请输入合法的手机号');
+ }
+
+ if (activeName.value === 'email' && !validateEmail(data.value.username)) {
+ return ElMessage.error('请输入合法的邮箱地址');
+ }
+
+ if (data.value.password.length < 8) {
return ElMessage.error('密码的长度为8-16个字符');
}
- if (formData.value.repass !== formData.value.password) {
+ if (data.value.repass !== data.value.password) {
return ElMessage.error('两次输入密码不一致');
}
- if ((enableEmail.value || enableMobile.value) && formData.value.code === '') {
+ if ((activeName.value === 'mobile' || activeName.value === 'email') && data.value.code === '') {
return ElMessage.error('请输入验证码');
}
- httpPost('/api/user/register', formData.value).then((res) => {
+ data.value.reg_way = activeName.value
+ httpPost('/api/user/register', data.value).then((res) => {
setUserToken(res.data)
ElMessage.success({
"message": "注册成功，即将跳转到对话主界面...",
@@ -222,7 +284,7 @@ const register = function () {
.page-inner {
max-width 450px
- min-width 360px
+ width 100%
height 100vh
display flex
justify-content center
@@ -234,13 +296,14 @@ const register = function () {
color #ffffff
border-radius 10px;
z-index 10
- background-color rgba(255, 255, 255, 0.3)
+ background-color rgba(255, 255, 255, 0.2)
.logo {
text-align center
.el-image {
width 120px;
+ cursor pointer
}
}
@@ -251,6 +314,7 @@ const register = function () {
color $white_v1
letter-space 2px
text-align center
+ padding-top 10px
}
.content {
@@ -326,5 +390,9 @@ const register = function () {
color #c1c1c1
}
}
+
+ .el-tabs__item {
+ color #ffffff
+ }
}
\ No newline at end of file
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -82,8 +133,10 @@
-