Fix Bug #568: 修复门诊日结页面排版混乱 - 补充容器宽度和移除内容截断

根因:.report-container缺少width:100%导致容器未填满可用空间,
网格列过窄造成内容溢出和排版混乱。.value的overflow:hidden和
text-overflow:ellipsis截断了显示内容。
修复:添加width:100%和box-sizing:border-box,移除.value的溢出截断。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-05-22 11:40:24 +08:00
parent e5c13f6e30
commit 385c3e0990

View File

@@ -265,7 +265,9 @@ getPharmacyCabinetLists();
</script>
<style scoped>
.report-container {
width: 100%;
max-width: 1200px;
box-sizing: border-box;
padding: 24px 32px;
background: #fff;
border-radius: 4px;
@@ -318,8 +320,6 @@ getPharmacyCabinetLists();
color: #303133;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.divider {
height: 1px;