fix(detail): 参会人表外层加 overflow-x:auto, 防 13 列撑爆左侧网格

This commit is contained in:
郭庆泰
2026-08-22 16:09:15 +08:00
parent 67d1da4a71
commit 6983368386
+10 -1
View File
@@ -58,7 +58,13 @@
<el-button type="primary" size="small" :loading="attendeeLoading" @click="openAttendeeDialog()">+ 新增参会人</el-button>
<span class="toolbar-hint">按手机号定位; 手机号未注册将自动建 sys_user (用户名=密码=手机号)</span>
</div>
<el-table :data="attendeeRows" v-loading="attendeeLoading" border size="small" style="width:100%">
<!--
表格外层加 overflow-x:auto 容器, 防止 el-table 列宽总和 (~1670px)
撑爆 .left-col (2fr 800px), 把右侧 audit-column 挤成竖排.
列宽超出时表内出现横向滚动条, 不影响 grid 布局.
-->
<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="100" />
<el-table-column prop="phone" label="联系电话" width="120" />
<el-table-column prop="workUnit" label="医院" min-width="160" show-overflow-tooltip />
@@ -94,6 +100,7 @@
<span class="text-muted">暂无参会人, 点击右上"新增参会人"按手机号添加</span>
</template>
</el-table>
</div>
</div>
<div class="file-list" style="margin-top: 16px;">
@@ -991,4 +998,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; }
/* 表格溢出横向滚动, 不撑爆 .left-col 的 2fr 网格槽, 不挤压右侧 audit-column */
.attendee-table-wrap { overflow-x: auto; max-width: 100%; }
</style>