From c7566bba45e6f90594d36ec4b80ac4ff89f577ee Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期四, 08 十月 2026 14:19:36 +0800
Subject: [PATCH] 项目重构
---
src/views/register.vue | 54 +++---------------------------------------------------
1 files changed, 3 insertions(+), 51 deletions(-)
diff --git a/src/views/register.vue b/src/views/register.vue
index 254cc8e..58d81df 100644
--- a/src/views/register.vue
+++ b/src/views/register.vue
@@ -37,21 +37,6 @@
<template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></template>
</el-input>
</el-form-item>
- <el-form-item prop="code" v-if="captchaEnabled">
- <el-input
- size="large"
- v-model="registerForm.code"
- auto-complete="off"
- placeholder="楠岃瘉鐮�"
- style="width: 63%"
- @keyup.enter="handleRegister"
- >
- <template #prefix><svg-icon icon-class="validCode" class="el-input__icon input-icon" /></template>
- </el-input>
- <div class="register-code">
- <img :src="codeUrl" @click="getCode" class="register-code-img"/>
- </div>
- </el-form-item>
<el-form-item style="width:100%;">
<el-button
:loading="loading"
@@ -77,7 +62,7 @@
<script setup>
import { ElMessageBox } from "element-plus"
-import { getCodeImg, register } from "@/api/login"
+import { register } from "@/api/login"
import defaultSettings from '@/settings'
import { usePasswordRule } from "@/utils/passwordRule"
@@ -90,9 +75,7 @@
const registerForm = ref({
username: "",
password: "",
- confirmPassword: "",
- code: "",
- uuid: ""
+ confirmPassword: ""
})
const equalToPassword = (rule, value, callback) => {
@@ -111,13 +94,10 @@
confirmPassword: [
{ required: true, trigger: "blur", message: "璇峰啀娆¤緭鍏ユ偍鐨勫瘑鐮�" },
{ required: true, validator: equalToPassword, trigger: "blur" }
- ],
- code: [{ required: true, trigger: "change", message: "璇疯緭鍏ラ獙璇佺爜" }]
+ ]
}
-const codeUrl = ref("")
const loading = ref(false)
-const captchaEnabled = ref(true)
function handleRegister() {
proxy.$refs.registerRef.validate(valid => {
@@ -133,25 +113,10 @@
}).catch(() => {})
}).catch(() => {
loading.value = false
- if (captchaEnabled) {
- getCode()
- }
})
}
})
}
-
-function getCode() {
- getCodeImg().then(res => {
- captchaEnabled.value = res.captchaEnabled === undefined ? true : res.captchaEnabled
- if (captchaEnabled.value) {
- codeUrl.value = "data:image/gif;base64," + res.img
- registerForm.value.uuid = res.uuid
- }
- })
-}
-
-getCode()
</script>
<style lang='scss' scoped>
@@ -191,15 +156,6 @@
text-align: center;
color: #bfbfbf;
}
-.register-code {
- width: 33%;
- height: 40px;
- float: right;
- img {
- cursor: pointer;
- vertical-align: middle;
- }
-}
.el-register-footer {
height: 40px;
line-height: 40px;
@@ -211,9 +167,5 @@
font-family: Arial;
font-size: 12px;
letter-spacing: 1px;
-}
-.register-code-img {
- height: 40px;
- padding-left: 12px;
}
</style>
--
Gitblit v1.9.3