diff --git a/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue b/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue
index b100ef84..60bb98c8 100755
--- a/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue
+++ b/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue
@@ -275,7 +275,10 @@ getPharmacyCabinetLists();
 }
 .report-container {
   max-width: 1200px;
-  padding: 0 20px;
+  padding: 24px 32px;
+  background: #fff;
+  border-radius: 4px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
 }
 .report-title {
   text-align: center;
@@ -309,6 +312,8 @@ getPharmacyCabinetLists();
   display: flex;
   align-items: center;
   box-sizing: border-box;
+  min-width: 0;
+  overflow: hidden;
 }
 .label {
   display: inline-block;
@@ -322,10 +327,29 @@ getPharmacyCabinetLists();
   color: #303133;
   font-weight: 500;
   white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .divider {
   height: 1px;
   background-color: #dcdfe6;
   margin: 12px 0;
 }
+@media screen and (max-width: 1200px) {
+  .cols-4 {
+    grid-template-columns: repeat(2, 1fr);
+  }
+  .cols-3 {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+@media screen and (max-width: 768px) {
+  .cols-4,
+  .cols-3 {
+    grid-template-columns: 1fr;
+  }
+  .label {
+    width: 100px;
+  }
+}
 </style>