fix: 茅台预约系统,登录增加注册功能。

This commit is contained in:
tianyongbao
2024-12-12 17:37:45 +08:00
parent f913b9ba8c
commit 890bcf8ae8
3 changed files with 124 additions and 2 deletions

View File

@@ -44,4 +44,16 @@ export function getCodeImg() {
method: 'get', method: 'get',
timeout: 20000 timeout: 20000
}) })
}
// 注册方法
export function register(data) {
return request({
url: '/auth/register',
headers: {
isToken: false
},
method: 'post',
data: data
})
} }

View File

@@ -27,8 +27,8 @@
</view> </view>
<view class="xieyi text-center"> <view class="xieyi text-center">
<text @click="handleRegister" class="text-blue">立即注册 </text>
<text class="text-grey1">登录即代表同意</text> <text class="text-grey1">登录即代表同意</text>
<text @click="handleUserAgrement" class="text-blue">用户协议</text>
<text @click="handlePrivacy" class="text-blue">隐私协议</text> <text @click="handlePrivacy" class="text-blue">隐私协议</text>
</view> </view>
</view> </view>
@@ -79,6 +79,12 @@ function getCode() {
}) })
}; };
function handleRegister() {
uni.navigateTo({
url: `/pages/register`
});
};
async function handleLogin() { async function handleLogin() {
if (loginForm.value.username === "") { if (loginForm.value.username === "") {
modal.msgError("请输入您的账号") modal.msgError("请输入您的账号")
@@ -108,7 +114,7 @@ function loginSuccess(result) {
// 设置用户信息 // 设置用户信息
userStore.getInfo().then(res => { userStore.getInfo().then(res => {
uni.switchTab({ uni.switchTab({
url: '/pages/health/homepage/index' url: '/pages/imaotai/iuser/list'
}); });
}) })
} }

104
src/pages/register.vue Normal file
View 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>