diff --git a/PACS_DICOM处理/数据处理网页端/static/app.js b/PACS_DICOM处理/数据处理网页端/static/app.js index ceb53d8..bdd6f6c 100644 --- a/PACS_DICOM处理/数据处理网页端/static/app.js +++ b/PACS_DICOM处理/数据处理网页端/static/app.js @@ -482,9 +482,11 @@ function renderStudies() { ${escapeHtml(name)} · ${escapeHtml(study.patient_id || "无ID")}
- ${exportControls} `; card.onclick = () => selectStudy(study.ct_number); card.onkeydown = (event) => { diff --git a/PACS_DICOM处理/数据处理网页端/static/styles.css b/PACS_DICOM处理/数据处理网页端/static/styles.css index 472c751..6f8f9dd 100644 --- a/PACS_DICOM处理/数据处理网页端/static/styles.css +++ b/PACS_DICOM处理/数据处理网页端/static/styles.css @@ -376,7 +376,7 @@ button:disabled { .study-card { position: relative; width: 100%; - padding: 12px 44px 42px 12px; + padding: 12px; margin-bottom: 10px; border: 1px solid transparent; border-radius: 8px; @@ -491,14 +491,29 @@ button:disabled { white-space: nowrap; } +.study-summary-line { + display: grid; + grid-template-columns: minmax(0, 1fr); + align-items: center; + gap: 8px; +} + +.study-summary-line:has(.study-export-btn) { + grid-template-columns: minmax(0, 1fr) 28px; +} + +.study-summary-line .study-export-btn { + justify-self: end; +} + .study-export-btn { - position: absolute; - bottom: 10px; - height: 24px; + width: 28px; + min-width: 28px; + height: 28px; display: inline-grid; place-items: center; border: 1px solid var(--stroke); - border-radius: 999px; + border-radius: 50%; background: rgba(21, 28, 39, 0.92); color: #dbe8ff; font-size: 11px; @@ -506,13 +521,6 @@ button:disabled { font-weight: 800; } -.study-export-btn { - right: 10px; - width: 28px; - min-width: 28px; - border-radius: 50%; -} - .study-export-btn:hover { border-color: rgba(25, 212, 194, 0.68); color: #baf8ee;