fix: 茅台预约系统,登录增加注册功能。
This commit is contained in:
@@ -44,4 +44,16 @@ export function getCodeImg() {
|
||||
method: 'get',
|
||||
timeout: 20000
|
||||
})
|
||||
}
|
||||
|
||||
// 注册方法
|
||||
export function register(data) {
|
||||
return request({
|
||||
url: '/auth/register',
|
||||
headers: {
|
||||
isToken: false
|
||||
},
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
@@ -27,8 +27,8 @@
|
||||
</view>
|
||||
|
||||
<view class="xieyi text-center">
|
||||
<text @click="handleRegister" class="text-blue">立即注册 </text>
|
||||
<text class="text-grey1">登录即代表同意</text>
|
||||
<text @click="handleUserAgrement" class="text-blue">《用户协议》</text>
|
||||
<text @click="handlePrivacy" class="text-blue">《隐私协议》</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -79,6 +79,12 @@ function getCode() {
|
||||
})
|
||||
};
|
||||
|
||||
function handleRegister() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/register`
|
||||
});
|
||||
};
|
||||
|
||||
async function handleLogin() {
|
||||
if (loginForm.value.username === "") {
|
||||
modal.msgError("请输入您的账号")
|
||||
@@ -108,7 +114,7 @@ function loginSuccess(result) {
|
||||
// 设置用户信息
|
||||
userStore.getInfo().then(res => {
|
||||
uni.switchTab({
|
||||
url: '/pages/health/homepage/index'
|
||||
url: '/pages/imaotai/iuser/list'
|
||||
});
|
||||
})
|
||||
}
|
||||
|
||||
104
src/pages/register.vue
Normal file
104
src/pages/register.vue
Normal file
@@ -0,0 +1,104 @@
|
||||
<template>
|
||||
<view class="pwd-retrieve-container">
|
||||
<uni-forms ref="form" :value="user" labelWidth="80px">
|
||||
<uni-forms-item name="username" label="账号">
|
||||
<uni-easyinput v-model="user.username" placeholder="请输入账号" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item name="password" label="密码">
|
||||
<uni-easyinput type="password" v-model="user.password" placeholder="请输入密码" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item name="confirmPassword" label="确认密码">
|
||||
<uni-easyinput type="password" v-model="user.confirmPassword" placeholder="请确认密码" />
|
||||
</uni-forms-item>
|
||||
<button type="primary" @click="handleRegister">用户注册</button>
|
||||
</uni-forms>
|
||||
<u-toast ref="uToast"></u-toast>
|
||||
<view class="xieyi text-center"><br>
|
||||
<text class="text-grey1">Copyright © 2024 qdintc All Rights Reserved.</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { register } from "@/api/login"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
user: {
|
||||
username: '',
|
||||
password: '',
|
||||
resource: '3',
|
||||
confirmPassword: '',
|
||||
code: '',
|
||||
uuid: ''
|
||||
},
|
||||
rules: {
|
||||
username: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '账号不能为空',
|
||||
},
|
||||
{
|
||||
minLength: 6,
|
||||
maxLength: 20,
|
||||
errorMessage: '账号长度在 6 到 20 个字符'
|
||||
}
|
||||
]
|
||||
},
|
||||
password: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '密码不能为空',
|
||||
},
|
||||
{
|
||||
minLength: 6,
|
||||
maxLength: 20,
|
||||
errorMessage: '长度在 6 到 20 个字符'
|
||||
}
|
||||
]
|
||||
},
|
||||
confirmPassword: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '确认密码不能为空'
|
||||
}, {
|
||||
validateFunction: (rule, value, data) => data.password === value,
|
||||
errorMessage: '两次输入的密码不一致'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
this.$refs.form.setRules(this.rules)
|
||||
},
|
||||
methods: {
|
||||
handleRegister() {
|
||||
this.$refs.form.validate().then(res => {
|
||||
register(this.user)
|
||||
.then((res) => {
|
||||
uni.showToast({
|
||||
title: '注册成功,请登录',
|
||||
icon: 'success',
|
||||
duration: 2000
|
||||
});
|
||||
uni.navigateTo({ url: `/pages/login` })
|
||||
})
|
||||
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.pwd-retrieve-container {
|
||||
padding-top: 36rpx;
|
||||
padding: 15px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user