diff --git a/ry-vue3/src/views/manager/MeetingDetail.vue b/ry-vue3/src/views/manager/MeetingDetail.vue index 67f22de..f975d27 100644 --- a/ry-vue3/src/views/manager/MeetingDetail.vue +++ b/ry-vue3/src/views/manager/MeetingDetail.vue @@ -332,9 +332,10 @@ - - - + + + + @@ -359,6 +360,7 @@ + @@ -371,7 +373,7 @@ - + @@ -1130,7 +1132,12 @@ onMounted(load) .attendee-section { padding-bottom: 16px; border-bottom: 1px dashed #e8e8e8; } .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; } +.form-hint { font-size: 12px; color: #909399; margin-top: -8px; margin-bottom: 8px; line-height: 1.5; grid-column: 1 / -1; } + +/* 参会人 dialog 2 列布局: el-form 用 grid, 每个 el-form-item 占 1 列, form-hint 横跨 2 列 */ +.attendee-form-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 16px; } +.attendee-form-2col :deep(.el-form-item) { margin-bottom: 12px; } +.attendee-form-2col :deep(.el-form-item__content) { min-width: 0; } /* 表格外层横向滚动容器: 内容总宽 ~1680px 超出 left-col 宽度时, 容器内出现横向滚动条, 不撑爆外层 grid */ .attendee-table-wrap { overflow-x: auto; max-width: 100%; min-width: 0; } \ No newline at end of file