vue2-client 1.17.37 → 1.17.39

package/src/base-client/components/his/XHDescriptions/XHDescriptions.vue

@@ -777,7 +777,8 @@ export default {
 }
 /* 病患信息样式开关：patient-style */
 .xhdesc-patient-style {
-  height: 41px;
+  /* 移除固定高度，改用最小高度 */
+  min-height: 41px;
   border-radius: 6px;
   opacity: 1;
   background: #FFFFFF;
@@ -785,14 +786,23 @@ export default {
   border: 0px solid #E5E9F0;
   padding-bottom: 0px !important;
   width: 100%;
+
+  /* 添加响应式保障 */
+  overflow: hidden;
+
   &.patient-info-descriptions,
   .patient-info-descriptions {
     border: 0px solid #E5E9F0;
     border-radius: 6px;
     background: #FFFFFF;
-    height: 41px;
+    /* 移除固定高度 */
+    min-height: 41px;
     display: flex;
     align-items: center;
+    /* 允许flex换行 */
+    flex-wrap: wrap;
+    /* 添加内边距确保内容不贴边 */
+    padding: 8px 12px;
 
     /* 标签字体（label）：统一 16px，与值一致 */
     ::v-deep .label-wrapper .label-text {
@@ -803,6 +813,8 @@ export default {
       letter-spacing: 0em;
       font-feature-settings: "kern" on;
       color: #5D5C5C;
+      /* 确保标签不换行 */
+      white-space: nowrap;
     }
 
     /* 头像与标签的间距 9px */
@@ -834,6 +846,8 @@ export default {
       font-family: "Source Han Sans";
       font-size: 16px;
       color: #5D5C5C;
+      /* 按钮不换行 */
+      white-space: nowrap;
     }
 
     /* 值字体（content） */
@@ -847,6 +861,31 @@ export default {
       letter-spacing: 0em;
       font-feature-settings: "kern" on;
       color: #5D5C5C;
+      /* 允许内容换行 */
+      word-break: break-word;
+    }
+
+    /* 描述项样式调整 */
+    ::v-deep .ant-descriptions-item {
+      padding-bottom: 4px;
+      /* 确保项在换行时对齐 */
+      display: flex;
+      align-items: center;
+      min-height: 32px;
+    }
+
+    /* 添加媒体查询应对更小屏幕 */
+    @media (max-width: 768px) {
+      padding: 6px 8px;
+
+      ::v-deep .ant-descriptions-item {
+        flex-basis: 50%; /* 在小屏幕上每行显示两项 */
+      }
+
+      ::v-deep .label-wrapper .label-text,
+      ::v-deep .ant-descriptions-item-content {
+        font-size: 14px !important;
+      }
     }
   }
 }