From 0d5577261e9b7d48639dafd77715115ca164b9da Mon Sep 17 00:00:00 2001
From: lijing <lijing@bestsch.com>
Date: Sun, 20 Sep 2026 16:33:27 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E9=99=84=E4=BB=B6=E4=B8=8A=E4=BC=A0):=20?=
 =?UTF-8?q?=E5=B7=B2=E4=B8=8A=E4=BC=A0=E9=99=84=E4=BB=B6=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=8F=A6=E8=B5=B7=E4=B8=80=E8=A1=8C=EF=BC=8C=E4=B8=8D=E5=86=8D?=
 =?UTF-8?q?=E6=8C=A4=E5=9C=A8=E3=80=8C=E9=80=89=E6=8B=A9=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E3=80=8D=E6=8C=89=E9=92=AE=E5=8F=B3=E4=BE=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AttachmentUpload.vue | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/AttachmentUpload.vue b/src/components/AttachmentUpload.vue
index 5dda161..7d096e8 100644
--- a/src/components/AttachmentUpload.vue
+++ b/src/components/AttachmentUpload.vue
@@ -92,9 +92,24 @@ export default {
     display: block;
     .upload-row {
         display: flex;
-        align-items: center;
+        /* 文件列表换行后，右侧提示文字仍与按钮首行对齐（不再整体垂直居中） */
+        align-items: flex-start;
+        flex-wrap: wrap;
     }
+    /*
+     * Upload 根节点必须是 block，不能是 flex/inline-flex。
+     * view-ui-plus 的 Upload 内部是两个兄弟节点：
+     *   .ivu-upload-select（「选择文件」触发器） + ul.ivu-upload-list（已上传文件列表）
+     * 根节点一旦是 flex，作为 flex 项的 ul 就会被排到按钮同一行的右侧，
+     * 附件名紧贴按钮右边（即「附件在按钮旁边」）。改回 block 后，
+     * ul 恢复块级流，自然落到按钮下方一行。
+     */
     :deep(.ivu-upload) {
+        display: block;
+        flex: 0 1 auto;
+    }
+    /* 只让触发器内部水平对齐，不影响它的兄弟节点 */
+    :deep(.ivu-upload-select) {
         display: inline-flex;
         align-items: center;
     }
@@ -110,7 +125,8 @@ export default {
         margin-left: 10px;
         color: #f90;
         font-size: 12px;
-        line-height: 1;
+        /* 与「选择文件」按钮同高，保证首行视觉居中对齐 */
+        line-height: 32px;
     }
 }
 </style>