refactor(detail): 参会人表改为 style="width: 800px" 直接限宽, 移除 wrap div

This commit is contained in:
郭庆泰
2026-08-22 16:12:05 +08:00
parent 82a61963e7
commit ae5c2a19d9
+5 -8
View File
@@ -59,12 +59,11 @@
<span class="toolbar-hint">按手机号定位; 手机号未注册将自动建 sys_user (用户名=密码=手机号)</span>
</div>
<!--
表格外层加 overflow-x:auto 容器, 防止 el-table 列宽总和 (~1670px)
撑爆 .left-col (2fr 800px), 把右侧 audit-column 挤成竖排.
列宽超出时表内出现横向滚动条, 不影响 grid 布局.
表格总宽 ~1680px (13 min-width 累加), 直接 style="width:100%" 会撑爆 left-col.
按用户偏好, 直接在 el-table 上写死像素宽度, 列宽超出时 el-table 内部出现横向滚动.
800px = page-card max-width 1200px × 2/3 (2fr) 减去 padding/gap 后的估算值.
-->
<div class="attendee-table-wrap">
<el-table :data="attendeeRows" v-loading="attendeeLoading" border size="small" style="width:100%">
<el-table :data="attendeeRows" v-loading="attendeeLoading" border size="small" style="width: 800px;">
<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 />
@@ -100,7 +99,6 @@
<span class="text-muted">暂无参会人, 点击右上"新增参会人"按手机号添加</span>
</template>
</el-table>
</div>
</div>
<div class="file-list" style="margin-top: 16px;">
@@ -998,6 +996,5 @@ 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; }
/* 表格溢出横向滚动, 不撑爆 .left-col 的 2fr 网格槽, 不挤压右侧 audit-column */
.attendee-table-wrap { overflow-x: auto; max-width: 100%; }
/* (参会人表固定宽度已写在 el-table style 上, 不再需要 wrap div) */
</style>