From 4243a5f0e69641a25c332962011ea31e30c3d40a Mon Sep 17 00:00:00 2001
From: chenxing <chenxing@bestsch.com>
Date: Mon, 21 Sep 2026 08:49:05 +0800
Subject: [PATCH] =?UTF-8?q?fix(form):=20=E4=B8=8A=E4=BC=A0=E9=99=84?=
 =?UTF-8?q?=E4=BB=B6=E7=82=B9=E5=87=BB=E6=97=A0=E5=8F=8D=E5=BA=94=20+=20?=
 =?UTF-8?q?=E4=BA=8B=E9=A1=B9=E5=8D=A1=E7=89=87=E5=B0=81=E9=9D=A2=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- DynamicForm 上传字段：label 内 view-ui-plus <Button> 渲染原生 <button>，
  按 HTML 规范 label 激活行为对交互式后代不生效，文件选择框永不弹出
  （IAB 夹具实测旧写法 input 收 0 次点击）。改非交互 <span class="dyn-file-btn-inner">
  恢复 label→input 原生转发。
- Hall.vue 事项卡片补封面缩略图：接口早已下发 coverImage 但用户面从未渲染，
  后端出参已绝对化直接 :src，@error 隐藏防裂图。
---
 src/components/DynamicForm.vue | 30 ++++++++++++++++++++++++++++--
 src/views/Hall.vue             | 19 +++++++++++++++++++
 2 files changed, 47 insertions(+), 2 deletions(-)

diff --git a/src/components/DynamicForm.vue b/src/components/DynamicForm.vue
index 719ea52..777b9df 100644
--- a/src/components/DynamicForm.vue
+++ b/src/components/DynamicForm.vue
@@ -303,6 +303,7 @@ watch(
                                 "
                             >移除</a>
                         </div>
+                        <!-- label 的点击转发对交互式后代（原生 <button>）不生效，内层必须是非交互元素，否则点上传无反应 -->
                         <label class="dyn-file-btn">
                             <input
                                 type="file"
@@ -310,9 +311,10 @@ watch(
                                 :accept="field.accept || (field.type === 'image' ? '.jpg,.jpeg,.png,.gif' : '')"
                                 @change="uploadFile(field, $event)"
                             />
-                            <Button size="small" icon="ios-cloud-upload-outline">
+                            <span class="dyn-file-btn-inner">
+                                <Icon type="ios-cloud-upload-outline" />
                                 {{ field.type === 'image' ? '上传图片' : '上传附件' }}
-                            </Button>
+                            </span>
                         </label>
                     </div>
                 </template>
@@ -377,4 +379,28 @@ watch(
     margin-right: 8px;
     border-radius: 4px;
 }
+.dyn-file-btn {
+    display: inline-block;
+    cursor: pointer;
+}
+.dyn-file-btn-inner {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    padding: 0 7px;
+    border: 1px solid #dcdee2;
+    border-radius: 4px;
+    background: #fff;
+    color: #515a6e;
+    font-size: 12px;
+    line-height: 26px;
+    cursor: pointer;
+    user-select: none;
+    transition: color 0.2s, border-color 0.2s;
+}
+.dyn-file-btn:hover .dyn-file-btn-inner {
+    color: #2d8cf0;
+    border-color: #2d8cf0;
+}
+
 </style>
diff --git a/src/views/Hall.vue b/src/views/Hall.vue
index 85649ca..8b87f24 100644
--- a/src/views/Hall.vue
+++ b/src/views/Hall.vue
@@ -95,6 +95,11 @@ function apply(item: HallItem) {
     });
 }
 
+/** 封面地址不可达时隐藏占位，避免裂图图标 */
+function hideCover(e: Event) {
+    (e.target as HTMLImageElement).style.display = "none";
+}
+
 onMounted(async () => {
     siteCode.value = resolveSite(route.query.siteCode);
     await loadFilters();
@@ -139,6 +144,13 @@ onMounted(async () => {
 
         <div class="sh-hall-grid" v-if="list.length">
             <div class="item-card" v-for="item in list" :key="item.id">
+                <img
+                    v-if="item.coverImage"
+                    :src="item.coverImage"
+                    class="item-cover"
+                    alt=""
+                    @error="hideCover"
+                />
                 <div class="item-title">{{ item.title }}</div>
                 <div class="item-summary sh-muted">{{ item.summary || "暂无事项说明" }}</div>
                 <div class="item-meta">
@@ -233,6 +245,13 @@ onMounted(async () => {
     box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07);
     transform: translateY(-2px);
 }
+.item-cover {
+    width: 100%;
+    height: 96px;
+    object-fit: cover;
+    border-radius: calc(var(--sh-radius) - 4px);
+    margin-bottom: 10px;
+}
 .item-title {
     font-size: 16px;
     font-weight: 600;