From 3d61f7d252a8160c2c6efa21041264e06a30dd09 Mon Sep 17 00:00:00 2001
From: wkc <978997012@qq.com>
Date: Thu, 12 Mar 2026 10:11:23 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=8B=89=E5=8F=96=E6=9C=AC?=
 =?UTF-8?q?=E8=A1=8C=E4=BF=A1=E6=81=AF=E4=B8=8A=E4=BC=A0=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E4=BA=A4=E4=BA=92=E5=8C=BA=E5=9F=9F=E8=AE=BE=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...bank-info-upload-button-hit-area-design.md | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 docs/plans/2026-03-12-pull-bank-info-upload-button-hit-area-design.md

diff --git a/docs/plans/2026-03-12-pull-bank-info-upload-button-hit-area-design.md b/docs/plans/2026-03-12-pull-bank-info-upload-button-hit-area-design.md
new file mode 100644
index 0000000..a28a3bb
--- /dev/null
+++ b/docs/plans/2026-03-12-pull-bank-info-upload-button-hit-area-design.md
@@ -0,0 +1,30 @@
+# 拉取本行信息上传按钮交互区域修复设计
+
+## 背景
+“上传信息”页面的“拉取本行信息”弹窗中，上传文件按钮的视觉大小与实际交互区域不一致，造成点击范围异常偏大的体验问题。
+
+## 目标
+- 让“选择文件”按钮的可点击区域与视觉边界一致
+- 保持拖拽上传弹窗仍为全宽拖拽区域
+- 不改动上传逻辑与接口
+
+## 非目标
+- 不调整上传流程与校验逻辑
+- 不新增后端接口或数据结构
+
+## 方案概述
+将对话框内 `el-upload` 的通用“全宽”样式收窄到拖拽上传区域（如 `.upload-area`、`.batch-upload-area`），避免对按钮型上传产生影响。必要时仅对“拉取本行信息”弹窗维持默认按钮布局。
+
+## 影响范围
+- 前端样式：`UploadData.vue` 的 `scoped` 样式块
+- 组件结构与逻辑保持不变
+
+## 风险与回归验证
+- 风险：拖拽上传区域样式变形
+- 回归验证：
+  - 打开“拉取本行信息”弹窗，确认按钮点击区域与视觉一致
+  - 打开“上传数据/批量上传”弹窗，确认拖拽区域仍为全宽
+
+## 验收标准
+- “拉取本行信息”弹窗中按钮交互区域正常
+- 拖拽上传弹窗布局无回归