fix(文书纸): 用 min-height + container-type 修正纸张高度下限与窄容器下表格溢出

This commit is contained in:
yelan
2026-09-27 14:21:24 +08:00
parent 431dd2cd6f
commit 7597b4764f
5 changed files with 43 additions and 21 deletions
@@ -340,6 +340,8 @@ defineExpose({ getDocumentElement })
gap: 10px;
padding: 12px 18px;
overflow-y: auto;
/* 纸的 A4 最小高度用 `cqw` 表达,需要这里做容器查询上下文(见 utils/document-paper.ts) */
container-type: inline-size;
}
/* 深灰 A4 舞台(原型 #mdPdfView):纸居中、带阴影,像在看 PDF */
@@ -353,9 +355,9 @@ defineExpose({ getDocumentElement })
640px 配 A4 页边距只剩 446px 版心,而「四、用药信息」那张表的
min-content 就有 508px → 表宽溢出纸面、「药品名称」被挤成 28px 宽的竖排(已踩)。
现在统一走 :root 的 820px:版心 572px,与工作台/编辑器完全一致(所见即所签)。
外壳宽度由调用方给(已签署预览传 width=960 → 舞台内宽 912 ≥ 820)。 */
外壳宽度由调用方给(已签署预览传 width=960 → 舞台内宽 912 ≥ 820)。
`flex: none` 已提到 `.doc-paper--a4` 上(纸在哪都不许被 flex 压缩)。 */
.preview-body--stage :deep(.doc-paper) {
flex: none;
box-shadow: 0 6px 22px rgb(0 0 0 / 45%);
}