diff --git a/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue b/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue index e538d488..6a51e071 100755 --- a/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue +++ b/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue @@ -292,59 +292,35 @@ getPharmacyCabinetLists(); border-left: 3px solid #409eff; } .report-row { - display: grid; margin: 12px 0; - gap: 10px 16px; - align-items: baseline; -} -.cols-4 { - grid-template-columns: repeat(4, 1fr); -} -.span-2 { - grid-column: span 2; -} -.report-item { display: flex; align-items: center; - box-sizing: border-box; - min-width: 0; + flex-wrap: wrap; +} +.el-col { + display: flex; + align-items: center; + padding: 6px 0; } .label { display: inline-block; - width: 140px; + min-width: 100px; flex-shrink: 0; color: #606266; white-space: nowrap; text-align: right; + padding-right: 4px; } .value { color: #303133; font-weight: 500; white-space: nowrap; - flex: 1; + overflow: hidden; + text-overflow: ellipsis; } .divider { height: 1px; background-color: #dcdfe6; - margin: 16px 0; -} -@media screen and (max-width: 1200px) { - .cols-4 { - grid-template-columns: repeat(2, 1fr); - } - .span-2 { - grid-column: span 2; - } -} -@media screen and (max-width: 768px) { - .cols-4 { - grid-template-columns: 1fr; - } - .span-2 { - grid-column: span 1; - } - .label { - width: 100px; - } + margin: 12px 0; }