From 2ae4cd3ea5ace970f160f238902be9363e561295 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=AD=E5=BA=86=E6=B3=B0?=
 <12369755+htcloud1@user.noreply.gitee.com>
Date: Sat, 22 Aug 2026 16:20:45 +0800
Subject: [PATCH] =?UTF-8?q?fix(detail):=20=E5=8F=82=E4=BC=9A=E4=BA=BA?=
 =?UTF-8?q?=E8=A1=A8=E6=92=91=E7=88=86=20grid=20=E4=BF=AE=E5=A4=8D=20(left?=
 =?UTF-8?q?-col=20min-width:0=20+=20wrap=20div=20overflow-x:auto)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ry-vue3/src/views/manager/MeetingDetail.vue | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/ry-vue3/src/views/manager/MeetingDetail.vue b/ry-vue3/src/views/manager/MeetingDetail.vue
index 21fd109..ff7b5f9 100644
--- a/ry-vue3/src/views/manager/MeetingDetail.vue
+++ b/ry-vue3/src/views/manager/MeetingDetail.vue
@@ -59,10 +59,13 @@
                   <span class="toolbar-hint">按手机号定位; 手机号未注册将自动建 sys_user (用户名=密码=手机号)</span>
                 </div>
                 <!--
-                  表格总宽 ~1680px (13 列 min-width 累加). 用 width:100% 跟随 left-col 的 2fr 网格槽,
-                  列宽超出时 el-table 内部出现横向滚动, 不挤压右侧 audit-column.
+                  参会人表有 13 列, min-width 累加 ~1680px, 直接 el-table width:100% 会撑爆 left-col
+                  (CSS Grid item 默认 min-width:auto, 内容撑大, 导致 audit-column 被挤到 ~93px).
+                  修复: ① left-col 加 min-width:0 允许网格项缩小 ② el-table 包 overflow-x:auto 容器
+                  让内容超出时容器内出现横向滚动条, 不影响外层 grid 布局.
                 -->
-                <el-table :data="attendeeRows" v-loading="attendeeLoading" border size="small" style="width: 100%;">
+                <div class="attendee-table-wrap">
+                  <el-table :data="attendeeRows" v-loading="attendeeLoading" border size="small" style="width: 100%;">
                   <el-table-column prop="name" label="医生" min-width="90" />
                   <el-table-column prop="phone" label="联系电话" width="120" />
                   <el-table-column prop="workUnit" label="医院" min-width="140" show-overflow-tooltip />
@@ -98,6 +101,7 @@
                     <span class="text-muted">暂无参会人, 点击右上"新增参会人"按手机号添加</span>
                   </template>
                 </el-table>
+                </div>
               </div>
 
               <div class="file-list" style="margin-top: 16px;">
@@ -952,7 +956,12 @@ onMounted(load)
 .tag-list { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
 
 .cols-row { display: grid; grid-template-columns: 7fr 3fr; gap: 16px; align-items: flex-start; }
-.left-col { display: flex; flex-direction: column; gap: 16px; }
+/*
+ * min-width:0 是 CSS Grid 关键: 默认 grid item 的 min-width 是 auto (= 内容最小宽度),
+ * 参会人表 13 列 min-width 累加 ~1680px 会把 left-col 撑到 1730px, 把 audit-column 挤到 93px.
+ * 加 min-width:0 让 left-col 可以缩小到 7fr 的网格槽宽度.
+ */
+.left-col { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
 
 .material-tabs :deep(.el-tabs__header) { margin-bottom: 12px; }
 .material-tabs :deep(.el-tabs__item) { font-size: 14px; }
@@ -995,5 +1004,6 @@ onMounted(load)
 .attendee-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; flex-wrap: wrap; }
 .toolbar-hint { font-size: 12px; color: #909399; line-height: 1.5; }
 .form-hint { font-size: 12px; color: #909399; margin-top: -8px; margin-bottom: 8px; line-height: 1.5; }
-/* (参会人表固定宽度已写在 el-table style 上, 不再需要 wrap div) */
+/* 表格外层横向滚动容器: 内容总宽 ~1680px 超出 left-col 宽度时, 容器内出现横向滚动条, 不撑爆外层 grid */
+.attendee-table-wrap { overflow-x: auto; max-width: 100%; min-width: 0; }
 </style>
\ No newline at end of file