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 {