From 4de052a45e3b18f4bb3316079f5d4bcaae04e30b Mon Sep 17 00:00:00 2001
From: heimawl <1785969728@qq.com>
Date: 星期五, 02 六月 2023 10:40:40 +0800
Subject: [PATCH] 吴龙分支初始提交
---
src/views/register.vue | 121 ++++++++++++++++++++++++++++------------
1 files changed, 85 insertions(+), 36 deletions(-)
diff --git a/ruoyi-ui/src/views/register.vue b/src/views/register.vue
similarity index 62%
rename from ruoyi-ui/src/views/register.vue
rename to src/views/register.vue
index 28a181a..5530e9a 100644
--- a/ruoyi-ui/src/views/register.vue
+++ b/src/views/register.vue
@@ -1,10 +1,24 @@
<template>
<div class="register">
- <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
+ <el-form
+ ref="registerForm"
+ :model="registerForm"
+ :rules="registerRules"
+ class="register-form"
+ >
<h3 class="title">鏅烘収闅忚绠＄悊绯荤粺</h3>
<el-form-item prop="username">
- <el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="璐﹀彿">
- <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
+ <el-input
+ v-model="registerForm.username"
+ type="text"
+ auto-complete="off"
+ placeholder="璐﹀彿"
+ >
+ <svg-icon
+ slot="prefix"
+ icon-class="user"
+ class="el-input__icon input-icon"
+ />
</el-input>
</el-form-item>
<el-form-item prop="password">
@@ -15,7 +29,11 @@
placeholder="瀵嗙爜"
@keyup.enter.native="handleRegister"
>
- <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
+ <svg-icon
+ slot="prefix"
+ icon-class="password"
+ class="el-input__icon input-icon"
+ />
</el-input>
</el-form-item>
<el-form-item prop="confirmPassword">
@@ -26,7 +44,11 @@
placeholder="纭瀵嗙爜"
@keyup.enter.native="handleRegister"
>
- <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
+ <svg-icon
+ slot="prefix"
+ icon-class="password"
+ class="el-input__icon input-icon"
+ />
</el-input>
</el-form-item>
<el-form-item prop="code" v-if="captchaEnabled">
@@ -37,25 +59,31 @@
style="width: 63%"
@keyup.enter.native="handleRegister"
>
- <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
+ <svg-icon
+ slot="prefix"
+ icon-class="validCode"
+ class="el-input__icon input-icon"
+ />
</el-input>
<div class="register-code">
- <img :src="codeUrl" @click="getCode" class="register-code-img"/>
+ <img :src="codeUrl" @click="getCode" class="register-code-img" />
</div>
</el-form-item>
- <el-form-item style="width:100%;">
+ <el-form-item style="width: 100%">
<el-button
:loading="loading"
size="medium"
type="primary"
- style="width:100%;"
+ style="width: 100%"
@click.native.prevent="handleRegister"
>
<span v-if="!loading">娉� 鍐�</span>
<span v-else>娉� 鍐� 涓�...</span>
</el-button>
- <div style="float: right;">
- <router-link class="link-type" :to="'/login'">浣跨敤宸叉湁璐︽埛鐧诲綍</router-link>
+ <div style="float: right">
+ <router-link class="link-type" :to="'/login'"
+ >浣跨敤宸叉湁璐︽埛鐧诲綍</router-link
+ >
</div>
</el-form-item>
</el-form>
@@ -86,25 +114,35 @@
password: "",
confirmPassword: "",
code: "",
- uuid: ""
+ uuid: "",
},
registerRules: {
username: [
{ required: true, trigger: "blur", message: "璇疯緭鍏ユ偍鐨勮处鍙�" },
- { min: 2, max: 20, message: '鐢ㄦ埛璐﹀彿闀垮害蹇呴』浠嬩簬 2 鍜� 20 涔嬮棿', trigger: 'blur' }
+ {
+ min: 2,
+ max: 20,
+ message: "鐢ㄦ埛璐﹀彿闀垮害蹇呴』浠嬩簬 2 鍜� 20 涔嬮棿",
+ trigger: "blur",
+ },
],
password: [
{ required: true, trigger: "blur", message: "璇疯緭鍏ユ偍鐨勫瘑鐮�" },
- { min: 5, max: 20, message: '鐢ㄦ埛瀵嗙爜闀垮害蹇呴』浠嬩簬 5 鍜� 20 涔嬮棿', trigger: 'blur' }
+ {
+ min: 5,
+ max: 20,
+ message: "鐢ㄦ埛瀵嗙爜闀垮害蹇呴』浠嬩簬 5 鍜� 20 涔嬮棿",
+ trigger: "blur",
+ },
],
confirmPassword: [
{ required: true, trigger: "blur", message: "璇峰啀娆¤緭鍏ユ偍鐨勫瘑鐮�" },
- { required: true, validator: equalToPassword, trigger: "blur" }
+ { required: true, validator: equalToPassword, trigger: "blur" },
],
- code: [{ required: true, trigger: "change", message: "璇疯緭鍏ラ獙璇佺爜" }]
+ code: [{ required: true, trigger: "change", message: "璇疯緭鍏ラ獙璇佺爜" }],
},
loading: false,
- captchaEnabled: true
+ captchaEnabled: true,
};
},
created() {
@@ -112,8 +150,9 @@
},
methods: {
getCode() {
- getCodeImg().then(res => {
- this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled;
+ getCodeImg().then((res) => {
+ this.captchaEnabled =
+ res.captchaEnabled === undefined ? true : res.captchaEnabled;
if (this.captchaEnabled) {
this.codeUrl = "data:image/gif;base64," + res.img;
this.registerForm.uuid = res.uuid;
@@ -121,27 +160,37 @@
});
},
handleRegister() {
- this.$refs.registerForm.validate(valid => {
+ this.$refs.registerForm.validate((valid) => {
if (valid) {
this.loading = true;
- register(this.registerForm).then(res => {
- const username = this.registerForm.username;
- this.$alert("<font color='red'>鎭枩浣狅紝鎮ㄧ殑璐﹀彿 " + username + " 娉ㄥ唽鎴愬姛锛�</font>", '绯荤粺鎻愮ず', {
- dangerouslyUseHTMLString: true,
- type: 'success'
- }).then(() => {
- this.$router.push("/login");
- }).catch(() => {});
- }).catch(() => {
- this.loading = false;
- if (this.captchaEnabled) {
- this.getCode();
- }
- })
+ register(this.registerForm)
+ .then((res) => {
+ const username = this.registerForm.username;
+ this.$alert(
+ "<font color='red'>鎭枩浣狅紝鎮ㄧ殑璐﹀彿 " +
+ username +
+ " 娉ㄥ唽鎴愬姛锛�</font>",
+ "绯荤粺鎻愮ず",
+ {
+ dangerouslyUseHTMLString: true,
+ type: "success",
+ }
+ )
+ .then(() => {
+ this.$router.push("/login");
+ })
+ .catch(() => {});
+ })
+ .catch(() => {
+ this.loading = false;
+ if (this.captchaEnabled) {
+ this.getCode();
+ }
+ });
}
});
- }
- }
+ },
+ },
};
</script>
--
Gitblit v1.9.3