From 00e0dbbf98347b1e47a7e0aedd41baa61f7567ed Mon Sep 17 00:00:00 2001
From: fuyongxin <110568259@qq.com>
Date: Wed, 03 Jun 2026 08:47:03 +0800
Subject: [PATCH] 修改配置nacos，后端gateway端口
---
ruoyi-ui/src/views/register.vue | 79 ++++++++++++++++++++-------------------
1 files changed, 41 insertions(+), 38 deletions(-)
diff --git a/ruoyi-ui/src/views/register.vue b/ruoyi-ui/src/views/register.vue
index 7d788d6..6dbfa87 100644
--- a/ruoyi-ui/src/views/register.vue
+++ b/ruoyi-ui/src/views/register.vue
@@ -7,7 +7,7 @@
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
</el-input>
</el-form-item>
- <el-form-item prop="password">
+ <el-form-item prop="password" :rules="registerPwdValidator">
<el-input
v-model="registerForm.password"
type="password"
@@ -61,26 +61,22 @@
</el-form>
<!-- 底部 -->
<div class="el-register-footer">
- <span>Copyright © 2018-2025 ruoyi.vip All Rights Reserved.</span>
+ <span>{{ footerContent }}</span>
</div>
</div>
</template>
<script>
-import { getCodeImg, register } from "@/api/login";
+import { getCodeImg, register } from "@/api/login"
+import passwordRule from "@/utils/passwordRule"
+import defaultSettings from '@/settings'
export default {
- name: "Register",
+ mixins: [passwordRule],
data() {
- const equalToPassword = (rule, value, callback) => {
- if (this.registerForm.password !== value) {
- callback(new Error("两次输入的密码不一致"));
- } else {
- callback();
- }
- };
return {
title: process.env.VUE_APP_TITLE,
+ footerContent: defaultSettings.footerContent,
codeUrl: "",
registerForm: {
username: "",
@@ -89,65 +85,72 @@
code: "",
uuid: ""
},
- registerRules: {
+ loading: false,
+ captchaEnabled: true
+ }
+ },
+ computed: {
+ registerRules() {
+ return {
username: [
{ required: true, trigger: "blur", message: "请输入您的账号" },
{ min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur' }
],
- password: [
- { required: true, trigger: "blur", message: "请输入您的密码" },
- { min: 5, max: 20, message: "用户密码长度必须介于 5 和 20 之间", trigger: "blur" },
- { pattern: /^[^<>"'|\\]+$/, message: "不能包含非法字符：< > \" ' \\\ |", trigger: "blur" }
- ],
confirmPassword: [
- { required: true, trigger: "blur", message: "请再次输入您的密码" },
- { required: true, validator: equalToPassword, trigger: "blur" }
+ { required: true, message: "请再次输入您的密码", trigger: "blur" },
+ {
+ validator: (rule, value, callback) => {
+ if (this.registerForm.password !== value) {
+ callback(new Error("两次输入的密码不一致"))
+ } else {
+ callback()
+ }
+ }, trigger: "blur"
+ }
],
code: [{ required: true, trigger: "change", message: "请输入验证码" }]
- },
- loading: false,
- captchaEnabled: true
- };
+ }
+ }
},
created() {
- this.getCode();
+ this.getCode()
},
methods: {
getCode() {
getCodeImg().then(res => {
- this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled;
+ this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled
if (this.captchaEnabled) {
- this.codeUrl = "data:image/gif;base64," + res.img;
- this.registerForm.uuid = res.uuid;
+ this.codeUrl = "data:image/gif;base64," + res.img
+ this.registerForm.uuid = res.uuid
}
- });
+ })
},
handleRegister() {
this.$refs.registerForm.validate(valid => {
if (valid) {
- this.loading = true;
- register(this.registerForm).then(res => {
- const username = this.registerForm.username;
+ this.loading = true
+ register(this.registerForm).then(() => {
+ const username = this.registerForm.username
this.$alert("<font color='red'>恭喜你，您的账号 " + username + " 注册成功！</font>", '系统提示', {
dangerouslyUseHTMLString: true,
type: 'success'
}).then(() => {
- this.$router.push("/login");
- }).catch(() => {});
+ this.$router.push("/login")
+ }).catch(() => {})
}).catch(() => {
- this.loading = false;
+ this.loading = false
if (this.captchaEnabled) {
- this.getCode();
+ this.getCode()
}
})
}
- });
+ })
}
}
-};
+}
</script>
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
.register {
display: flex;
justify-content: center;
--
Gitblit v1.9.3