RyanGoodwill/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

汉化

Browse Source
This commit is contained in:
Chester.X 2024-07-04 23:50:48 +08:00
parent 0aa703b529
commit 6d9c25f3ce
2 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/authentication/Login.vue
View File

@ -34,17 +34,17 @@ const goToRegister = () => {
<template> <template>
<div class="login-wrapper"> <div class="login-wrapper">
<div class="login-container"> <div class="login-container">
<h1>Login</h1> <h1>用户登录</h1>
<el-form @submit.prevent="login" label-width="100px"> <el-form @submit.prevent="login" label-width="100px">
<el-form-item label="Username:"> <el-form-item label="用户名：">
<el-input v-model="credentials.username" id="username"/> <el-input v-model="credentials.username" id="username"/>
</el-form-item> </el-form-item>
<el-form-item label="Password:"> <el-form-item label="密码：">
<el-input v-model="credentials.password" id="password" type="password"/> <el-input v-model="credentials.password" id="password" type="password"/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" native-type="submit">Login</el-button> <el-button type="primary" native-type="submit">登录</el-button>
<el-button type="default" @click="goToRegister">Register</el-button> <el-button type="default" @click="goToRegister">注册</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>

32
src/views/authentication/Register.vue
View File

@ -3,37 +3,37 @@
<el-main> <el-main>
<el-card class="register-card"> <el-card class="register-card">
<el-header> <el-header>
<h2>Register</h2> <h2>注册</h2>
</el-header> </el-header>
<el-form @submit.prevent="register" label-position="top" class="register-form"> <el-form @submit.prevent="register" label-position="top" class="register-form">
<el-form-item label="Username" required> <el-form-item label="用户名" required>
<el-input type="text" v-model="username"></el-input> <el-input type="text" v-model="username"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="Password" required> <el-form-item label="密码" required>
<el-input type="password" v-model="password"></el-input> <el-input type="password" v-model="password"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="Email" required> <el-form-item label="电子邮箱" required>
<el-input type="email" v-model="email"></el-input> <el-input type="email" v-model="email"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="Phone Number" required> <el-form-item label="电话号码" required>
<el-input type="text" v-model="phoneNumber"></el-input> <el-input type="text" v-model="phoneNumber"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="Company" required> <el-form-item label="所属企业" required>
<el-input type="text" v-model="company"></el-input> <el-input type="text" v-model="company"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="Role"> <el-form-item label="选择身份">
<el-select v-model="role" placeholder="Select role"> <el-select v-model="role" placeholder="Select role">
<el-option label="User" value="USER"></el-option> <el-option label="租户" value="USER"></el-option>
<el-option label="Admin" value="ADMIN"></el-option> <el-option label="管理员" value="ADMIN"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="Verification Code" required> <el-form-item label="请输入验证码" required>
<el-input type="text" v-model="verificationCode"></el-input> <el-input type="text" v-model="verificationCode"></el-input>
<el-button class="verification-button" type="primary" @click="getVerificationCode">Get Verification Code</el-button> <el-button class="verification-button" type="primary" @click="getVerificationCode">获取验证码</el-button>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" native-type="submit">Register</el-button> <el-button type="primary" native-type="submit">注册</el-button>
<el-button type="default" @click="goToLogin">Back</el-button> <el-button type="default" @click="goToLogin">返回</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-alert v-if="message" type="info" :closable="false">{{ message }}</el-alert> <el-alert v-if="message" type="info" :closable="false">{{ message }}</el-alert>
@ -60,12 +60,12 @@ const router = useRouter();
const getVerificationCode = async () => { const getVerificationCode = async () => {
// 模拟获取验证码 // 模拟获取验证码
message.value = 'Verification code sent. Please check your phone/email.'; message.value = '验证码已发送。请检查您的邮箱/短信。';
}; };
const register = async () => { const register = async () => {
if (!verificationCode.value) { if (!verificationCode.value) {
message.value = 'Please enter the verification code.'; message.value = '验证码不能为空！';
return; return;
} }
try { try {
@ -111,7 +111,7 @@ const goToLogin = () => {
border-radius: 8px; border-radius: 8px;
background-color: white; background-color: white;
width: 100%; width: 100%;
max-width: 400px; max-width: 300px;
} }
.register-form { .register-form {