wangyizhe/his
1
3
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Fix Bug #568: 修复门诊日结页面排版混乱 - 固定4列网格并调整标签宽度

Browse Source 
根因：auto-fit在宽屏下创建超过4列导致span-2错乱，标签宽度不足
修复：使用repeat(4, 1fr)固定4列，标签min-width调整为120px

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
赵云
2026-05-22 12:08:20 +08:00
parent 44f0c2571e
commit 858f5f946a
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue
View File

@@ -297,7 +297,7 @@ getPharmacyCabinetLists();
align-items: center; align-items: center;
} }
.cols-4 { .cols-4 {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-template-columns: repeat(4, 1fr);
} }
.span-2 { .span-2 {
grid-column: span 2; grid-column: span 2;
@@ -309,7 +309,7 @@ getPharmacyCabinetLists();
min-width: 0; min-width: 0;
} }
.label { .label {
min-width: 100px; min-width: 120px;
flex-shrink: 0; flex-shrink: 0;
color: #606266; color: #606266;
white-space: nowrap; white-space: nowrap;