From 7f6d6d038ab362fe2f6bbddf22655174d53184bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9E=E7=A0=81-=E6=96=B9=E6=99=93=E8=BE=89?=
 <fangxh2013@qq.com>
Date: Sun, 1 Feb 2026 12:18:41 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=AA=8C=E8=AF=81=E7=A0=81=E7=A6=81?=
 =?UTF-8?q?=E7=94=A8=E6=97=B6=E8=87=AA=E5=8A=A8=E9=9A=90=E8=97=8F=E8=BE=93?=
 =?UTF-8?q?=E5=85=A5=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## 问题
登录页面验证码图片无法显示，且验证码已禁用但输入框仍然显示

## 解决方案
当captchaEnabled=false时，完全隐藏验证码输入框和图片

## 修改内容
1. 添加captchaEnabled响应式变量控制显示
2. 使用v-if条件渲染验证码输入框
3. 根据captchaEnabled动态设置验证规则

## 用户体验
- 验证码启用：显示输入框和图片，必填
- 验证码禁用：完全隐藏，用户只需输入用户名密码

---
作者：湖北新华业务中台研发团队
---
 pangu-ui/src/views/login/index.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/pangu-ui/src/views/login/index.vue b/pangu-ui/src/views/login/index.vue
index a7214e0..04145c3 100644
--- a/pangu-ui/src/views/login/index.vue
+++ b/pangu-ui/src/views/login/index.vue
@@ -30,7 +30,7 @@
           />
         </el-form-item>
         
-        <el-form-item prop="code">
+        <el-form-item v-if="captchaEnabled" prop="code">
           <div class="captcha-row">
             <el-input
               v-model="loginForm.code"
@@ -93,6 +93,7 @@ const loginFormRef = ref()
 const loading = ref(false)
 const captchaImg = ref('')
 const uuid = ref('')
+const captchaEnabled = ref(false)
 
 const loginForm = ref({
   username: 'admin',
@@ -112,10 +113,13 @@ const getCaptcha = async () => {
   try {
     const res = await request.get('/api/captchaImage')
     if (res.code === 200) {
-      captchaImg.value = res.data.img
-      uuid.value = res.data.uuid
-      // 如果验证码未启用，设置验证规则为非必填
-      if (!res.data.captchaEnabled) {
+      captchaEnabled.value = res.data.captchaEnabled
+      if (captchaEnabled.value) {
+        captchaImg.value = res.data.img
+        uuid.value = res.data.uuid
+        loginRules.code[0].required = true
+      } else {
+        // 验证码未启用，设置为非必填
         loginRules.code[0].required = false
       }
     }