diff --git a/openhis-ui-vue3/src/views/outpatient/exam/ExamApply.vue b/openhis-ui-vue3/src/views/outpatient/exam/ExamApply.vue index 2a68947d4..3219d6e9c 100644 --- a/openhis-ui-vue3/src/views/outpatient/exam/ExamApply.vue +++ b/openhis-ui-vue3/src/views/outpatient/exam/ExamApply.vue @@ -58,51 +58,73 @@ @@ -111,46 +133,53 @@ const cleanName = (name: string) => { display: flex; flex-direction: column; gap: 16px; - padding: 16px; height: 100%; + padding: 16px; } - .category-panel, .item-panel, .selected-panel { - width: 100%; + flex: 1; + overflow: auto; } - .item-list { - max-height: 300px; - overflow-y: auto; -} - -.item-row, .method-row { display: flex; - align-items: center; - padding: 8px 0; + flex-direction: column; gap: 8px; } - -/* 修复 Bug #550:名称超长时省略显示,配合 Tooltip 提示完整内容 */ -.item-name, .collapse-title { +.item-row { + display: flex; + align-items: center; + gap: 8px; + padding: 4px 0; +} +/* 修复:名称自适应宽度,超长省略并支持悬浮提示 */ +.item-name { + flex: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + cursor: pointer; +} +.collapse-title { + font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; - display: inline-block; - cursor: default; } - .method-container { - padding-left: 24px; - border-left: 2px solid #ebeef5; - margin-left: 4px; + padding: 8px 0 8px 24px; + border-left: 2px solid #e4e7ed; + margin-left: 8px; +} +.method-row { + display: flex; + align-items: center; + gap: 8px; + padding: 4px 0; } - .empty-tip { color: #909399; text-align: center; - padding: 24px 0; - font-size: 14px; + padding: 20px 0; }