Export selected DICOM series

PACS_DICOM处理/数据处理网页端/static/styles.css

@@ -366,40 +366,6 @@ button:disabled {
   background: rgba(25, 212, 194, 0.08);
 }
 
-.export-toolbar {
-  display: grid;
-  grid-template-columns: 1fr 1fr auto;
-  align-items: center;
-  gap: 6px;
-}
-
-.export-toolbar button {
-  height: 30px;
-  border: 1px solid var(--stroke);
-  border-radius: 7px;
-  background: #0b0f16;
-  color: var(--muted);
-  font-size: 12px;
-}
-
-.export-toolbar button.active,
-.export-toolbar button:not(:disabled):hover {
-  border-color: rgba(52, 116, 246, 0.7);
-  color: #dbe8ff;
-  background: rgba(52, 116, 246, 0.16);
-}
-
-.export-toolbar button:disabled {
-  cursor: not-allowed;
-}
-
-.export-toolbar span {
-  min-width: 36px;
-  color: var(--muted);
-  font-size: 12px;
-  text-align: right;
-}
-
 .study-list,
 .series-grid {
   min-height: 0;
@@ -525,8 +491,7 @@ button:disabled {
   white-space: nowrap;
 }
 
-.study-export-btn,
-.study-batch-check {
+.study-export-btn {
   position: absolute;
   bottom: 10px;
   height: 24px;
@@ -564,20 +529,6 @@ button:disabled {
   stroke-linejoin: round;
 }
 
-.study-batch-check {
-  left: 12px;
-  grid-auto-flow: column;
-  gap: 5px;
-  padding: 0 8px;
-  color: var(--muted);
-}
-
-.study-batch-check input {
-  width: 13px;
-  height: 13px;
-  accent-color: var(--cyan);
-}
-
 .series-grid {
   display: grid;
   grid-template-columns: 1fr;
@@ -1131,6 +1082,126 @@ button:disabled {
   padding: 24px;
 }
 
+.export-modal-card {
+  width: min(820px, 90vw);
+}
+
+.export-modal-tools,
+.export-modal-foot {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 24px;
+  border-bottom: 1px solid #e2e8f0;
+}
+
+.export-modal-foot {
+  border-top: 1px solid #e2e8f0;
+  border-bottom: 0;
+}
+
+.export-modal-tools span,
+.export-modal-foot span {
+  color: #53677f;
+  font-size: 13px;
+}
+
+.export-modal-tools div {
+  display: flex;
+  gap: 8px;
+}
+
+.export-modal-tools button,
+.export-modal-foot button {
+  height: 34px;
+  padding: 0 13px;
+  border: 1px solid #cdd8e7;
+  border-radius: 8px;
+  background: white;
+  color: #17314f;
+  font-weight: 700;
+}
+
+.export-modal-foot button {
+  min-width: 130px;
+  border-color: #1d5ff0;
+  background: #1d5ff0;
+  color: white;
+}
+
+.export-modal-foot button:disabled {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
+.export-series-list {
+  max-height: 52vh;
+  overflow: auto;
+  padding: 12px 24px;
+}
+
+.export-series-item {
+  min-height: 74px;
+  display: grid;
+  grid-template-columns: 20px minmax(0, 1fr);
+  gap: 10px;
+  align-items: start;
+  padding: 11px 12px;
+  border: 1px solid #dce6f2;
+  border-radius: 8px;
+  background: white;
+  color: #132033;
+}
+
+.export-series-item + .export-series-item {
+  margin-top: 8px;
+}
+
+.export-series-item.skipped {
+  background: #fff8ed;
+}
+
+.export-series-item input {
+  margin-top: 3px;
+  accent-color: #19a99a;
+}
+
+.export-series-item strong,
+.export-series-item span,
+.export-series-item em {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.export-series-item strong {
+  color: #132033;
+  font-size: 14px;
+}
+
+.export-series-item span {
+  margin-top: 5px;
+  color: #53677f;
+  font-size: 12px;
+}
+
+.export-series-item em {
+  margin-top: 6px;
+  color: #08776c;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 700;
+}
+
+.export-empty {
+  margin: 0;
+  padding: 24px;
+  color: #53677f;
+  text-align: center;
+}
+
 .info-card,
 .settings-section {
   padding: 16px;