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

This commit is contained in:
郭庆泰
2026-08-22 16:09:15 +08:00
parent 67d1da4a71
commit 6983368386
@@ -58,6 +58,12 @@
<el-button type="primary" size="small" :loading="attendeeLoading" @click="openAttendeeDialog()">+ 新增参会人</el-button> <el-button type="primary" size="small" :loading="attendeeLoading" @click="openAttendeeDialog()">+ 新增参会人</el-button>
<span class="toolbar-hint">按手机号定位; 手机号未注册将自动建 sys_user (用户名=密码=手机号)</span> <span class="toolbar-hint">按手机号定位; 手机号未注册将自动建 sys_user (用户名=密码=手机号)</span>
</div> </div>
<!--
表格外层加 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 :data="attendeeRows" v-loading="attendeeLoading" border size="small" style="width:100%">
<el-table-column prop="name" label="医生" min-width="100" /> <el-table-column prop="name" label="医生" min-width="100" />
<el-table-column prop="phone" label="联系电话" width="120" /> <el-table-column prop="phone" label="联系电话" width="120" />
@@ -95,6 +101,7 @@
</template> </template>
</el-table> </el-table>
</div> </div>
</div>
<div class="file-list" style="margin-top: 16px;"> <div class="file-list" style="margin-top: 16px;">
<div v-for="r in laborMaterialRows" :key="r.label" class="file-row"> <div v-for="r in laborMaterialRows" :key="r.label" class="file-row">
@@ -991,4 +998,6 @@ onMounted(load)
.attendee-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; flex-wrap: wrap; } .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; } .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; } .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> </style>