diff --git a/openhis-ui-vue3/src/views/doctorstation/components/examination/examinationApplication.vue b/openhis-ui-vue3/src/views/doctorstation/components/examination/examinationApplication.vue index 7928c1a08..f5e597847 100755 --- a/openhis-ui-vue3/src/views/doctorstation/components/examination/examinationApplication.vue +++ b/openhis-ui-vue3/src/views/doctorstation/components/examination/examinationApplication.vue @@ -414,6 +414,15 @@ ¥{{ method.packagePrice || method.price || 0 }} + +
+
检查方法
+
+
+
@@ -1803,7 +1812,7 @@ defineExpose({ getList }); flex: 1; overflow-y: auto; overflow-x: hidden; /* Bug #500: 防止切换时水平方向溢出导致抖动 */ - min-height: 120px; /* Bug #500: 固定最小高度,避免分类切换时 flex 容器高度突变 */ + min-height: 300px; /* Bug #500: 增大最小高度,避免折叠动画期间容器高度突变 */ } .empty-hint { color: #909399; @@ -1862,6 +1871,7 @@ defineExpose({ getList }); background: #f0f7ff; border-radius: 4px; margin-top: 6px; + min-height: 50px; /* Bug #500: 方法区域预留最小高度,减少加载完成后的高度突变 */ } .method-section-title { @@ -1903,6 +1913,24 @@ defineExpose({ getList }); margin-left: 6px; } +/* Bug #500修复: 方法列表骨架占位样式 */ +.method-section-skeleton { + opacity: 0.6; + pointer-events: none; +} +.skeleton-method-row { + height: 22px; + border-radius: 3px; + background: linear-gradient(90deg, #e8f4ff 25%, #d0e8ff 50%, #e8f4ff 75%); + background-size: 200% 100%; + animation: shimmer 1.5s ease-in-out infinite; + margin-bottom: 4px; +} +@keyframes shimmer { + 0% { background-position: 200% 0; } + 100% { background-position: -200% 0; } +} + /* 已选择 tags */ /* 已选择:加宽,避免套餐明细挤成一团 */ .selected-panel {