From e5160f8cef9cd36491445eb5891687f7beec85bc Mon Sep 17 00:00:00 2001
From: chenbingxuan <3581044601@qq.com>
Date: Mon, 11 Dec 2023 14:10:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E6=BA=90=E5=89=8D=E5=8F=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/login/account.vue | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/views/login/account.vue b/src/views/login/account.vue
index 0ad79e0..9d59b52 100644
--- a/src/views/login/account.vue
+++ b/src/views/login/account.vue
@@ -7,10 +7,10 @@
 		<el-form-item prop="password">
 			<el-input v-model="loginForm.password" :prefix-icon="Lock" show-password :placeholder="$t('app.password')"></el-input>
 		</el-form-item>
-<!--		<el-form-item prop="captcha" class="login-captcha">-->
-<!--			<el-input v-model="loginForm.captcha" :placeholder="$t('app.captcha')" :prefix-icon="Key"></el-input>-->
-<!--			<img :src="captchaBase64" @click="onCaptcha" />-->
-<!--		</el-form-item>-->
+		<el-form-item prop="captcha" class="login-captcha" v-if="loginForm.isCaptcha">
+			<el-input v-model="loginForm.captcha" :placeholder="$t('app.captcha')" :prefix-icon="Key"></el-input>
+			<img :src="captchaBase64" @click="onCaptcha" />
+		</el-form-item>
 		<el-form-item class="login-button">
 			<el-button type="primary" @click="onLogin()">{{ $t('app.signIn') }}</el-button>
 		</el-form-item>
@@ -34,7 +34,8 @@ const loginForm = reactive({
 	username: 'admin',
 	password: 'admin',
 	key: '',
-	// captcha: ''
+	captcha: '',
+  isCaptcha: false
 })
 
 const loginRules = ref({
@@ -49,8 +50,12 @@ onMounted(() => {
 
 const onCaptcha = async () => {
 	const { data } = await useCaptchaApi()
-	loginForm.key = data.key
-	captchaBase64.value = data.image
+	if (data==null) {
+		loginForm.isCaptcha = false
+	}else {
+    loginForm.key = data.key
+    captchaBase64.value = data.image
+  }
 }
 
 const onLogin = () => {