vue2-client 1.16.60 → 1.16.61

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

@@ -116,6 +116,32 @@
           </template>
         </div>
       </template>
+
+      <!-- 可选：底部区域（分割线 + 三列内容） -->
+      <div v-if="config && config.footer && Array.isArray(config.footer.items) && data" class="xhdesc-footer">
+        <div class="xhdesc-divider" />
+        <div class="footer-grid">
+          <div
+            v-for="(item, idx) in config.footer.items"
+            :key="item.field || idx"
+            class="description-item">
+            <div class="label-wrapper"><span class="label-text">{{ item.label }}：</span></div>
+            <div class="content-wrapper">{{ data[item.field] }}</div>
+          </div>
+        </div>
+        <!-- 右侧信息：换到下一行并靠右对齐（如 医生 / 医嘱日期） -->
+        <div
+          v-if="Array.isArray(config.footer.rightItems) && config.footer.rightItems.length"
+          class="footer-right">
+          <div
+            v-for="(item, ridx) in config.footer.rightItems"
+            :key="item.field || ridx"
+            class="footer-right-item">
+            <div class="label-wrapper"><span class="label-text">{{ item.label }}：</span></div>
+            <div class="content-wrapper">{{ data[item.field] }}</div>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -313,6 +339,8 @@ export default {
 
 .label-text {
   white-space: nowrap;
+  color: #313131; // 统一深灰
+  text-decoration: none !important; // 移除下划线
 }
 
 .content-wrapper {
@@ -321,12 +349,20 @@ export default {
   margin-left: 4px;
   font-size: v-bind('(config && config.style && config.style.fontSize) || "14px"');
   color: rgba(0, 0, 0, 0.85);
+  text-decoration: none !important; // 移除可能的下划线
   max-width: 300px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
+/* 强制移除任何链接样式（如接口返回含 <a>） */
+::v-deep a,
+::deep a {
+  color: #313131 !important;
+  text-decoration: none !important;
+}
+
 .detail-button-wrapper {
   position: absolute;
   right: 0;
@@ -337,6 +373,40 @@ export default {
   background-color: #fff;
 }
 
+/* 底部区域：分割线 + 三列内容 */
+.xhdesc-footer {
+  margin-top: 12px;
+}
+
+.xhdesc-divider {
+  width: 100%;
+  height: 0;
+  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
+  margin: 8px 0 12px;
+}
+
+.footer-grid {
+  display: grid;
+  grid-template-columns: 1fr; // 单列
+  gap: 8px 24px; // 与上方描述项间距保持一致
+  align-items: start; // 左上对齐
+}
+
+/* footer 区域的每项直接沿用通用 .description-item/.label-wrapper/.content-wrapper 样式 */
+
+.footer-right {
+  margin-top: 8px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 16px;
+}
+
+.footer-right-item {
+  display: inline-flex;
+  align-items: center;
+}
+
 /* Ant Design 描述列表样式覆盖 */
 :deep(.ant-descriptions-row) {
   display: flex;
@@ -457,7 +527,7 @@ export default {
   height: 0;
   border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
 }
-/* 加边框 */
+
 /* 加边框 */
 .xhdesc-description {
   padding: 4px 4px 4px 4px;
@@ -634,5 +704,29 @@ export default {
   :deep(.ant-descriptions-table) {
     table-layout: auto !important;
   }
+
+  /* 医疗病史模式下：footer 区域恢复与上方描述项一致的横向样式 */
+  .xhdesc-footer {
+    .description-item {
+      display: inline-flex;
+      flex-direction: row;
+      align-items: center;
+      width: 100%;
+    }
+    .label-wrapper {
+      display: inline-flex;
+      margin-right: 4px;
+      margin-bottom: 0;
+      font-weight: 600; // 与上方保持一致
+    }
+    .content-wrapper {
+      display: inline-flex;
+      margin-left: 0;
+      max-width: 300px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
 }
 </style>