diff --git a/openhis-ui-vue3/src/views/outpatient/exam/ExamApply.vue b/openhis-ui-vue3/src/views/outpatient/exam/ExamApply.vue index 5a514bdf3..78802d63f 100644 --- a/openhis-ui-vue3/src/views/outpatient/exam/ExamApply.vue +++ b/openhis-ui-vue3/src/views/outpatient/exam/ExamApply.vue @@ -62,62 +62,52 @@ @@ -129,43 +119,31 @@ const handleMethodCheck = (sel: ExamItem, method: ExamMethod) => { padding: 16px; height: 100%; } - -.category-panel, -.item-panel, -.selected-panel { +.category-panel, .item-panel, .selected-panel { width: 100%; } - -.item-list, -.method-container { - display: flex; - flex-direction: column; - gap: 10px; - padding: 8px 0; +.item-list, .method-container { + max-height: 300px; + overflow-y: auto; } - -.item-row, -.method-row { +.item-row, .method-row { display: flex; align-items: center; - gap: 8px; - padding: 4px 0; + padding: 8px 0; + border-bottom: 1px solid #f0f0f0; } - -.item-name, -.method-name, -.collapse-title { +/* 修复点2:宽度自适应 + 溢出省略 + 悬浮提示 */ +.item-name, .method-name, .collapse-title { + flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - max-width: 320px; - cursor: default; + cursor: pointer; + padding-left: 8px; } - .empty-tip { - color: #909399; + color: #999; text-align: center; - padding: 24px 0; - font-size: 14px; + padding: 20px; }