fix: 记账平台,生产环境,登录增加注册功能。

This commit is contained in:
tianyongbao
2024-12-12 17:37:45 +08:00
parent 2917e625d0
commit 7df241a219
4 changed files with 129 additions and 1 deletions

View File

@@ -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
})
}

View File

@@ -16,6 +16,12 @@
"style": {
"navigationBarTitleText": "登录"
}
},
{
"path": "pages/register",
"style": {
"navigationBarTitleText": "平台注册用户"
}
},
{
"path": "pages/calendar/index",

View File

@@ -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("请输入您的账号")

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: '1',
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>