Move settings to page and cache study summaries

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

@@ -20,6 +20,10 @@
   box-sizing: border-box;
 }
 
+.hidden {
+  display: none !important;
+}
+
 body {
   margin: 0;
   min-width: 1280px;
@@ -370,7 +374,7 @@ button:disabled {
   position: absolute;
   top: 10px;
   right: 10px;
-  min-width: 24px;
+  min-width: 48px;
   height: 22px;
   display: inline-grid;
   place-items: center;
@@ -395,13 +399,6 @@ button:disabled {
   background: rgba(240, 181, 78, 0.09);
 }
 
-.study-status-badge.status-loading {
-  min-width: 34px;
-  border-color: rgba(52, 116, 246, 0.56);
-  color: #bfd5ff;
-  background: rgba(52, 116, 246, 0.1);
-}
-
 .study-card.active {
   border-color: rgba(52, 116, 246, 0.82);
   background: linear-gradient(180deg, rgba(52, 116, 246, 0.22), #0b0f16);
@@ -947,10 +944,6 @@ button:disabled {
   box-shadow: var(--shadow);
 }
 
-.settings-card {
-  width: min(980px, 90vw);
-}
-
 .modal-head {
   display: flex;
   align-items: center;
@@ -1012,11 +1005,41 @@ button:disabled {
 }
 
 .settings-content {
+  max-width: 1180px;
   display: grid;
   gap: 14px;
+  margin: 0 auto;
   padding: 24px;
 }
 
+.settings-page {
+  min-height: calc(100vh - 66px);
+  overflow: auto;
+  background: rgba(6, 8, 12, 0.78);
+}
+
+.settings-page-head {
+  max-width: 1180px;
+  margin: 0 auto;
+  padding: 22px 24px 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 14px;
+}
+
+.settings-page-head h1 {
+  margin: 0;
+  font-size: 22px;
+}
+
+.settings-page-head span {
+  display: block;
+  margin-top: 5px;
+  color: var(--muted);
+  font-size: 13px;
+}
+
 .settings-section.split {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -1044,6 +1067,22 @@ button:disabled {
   font-weight: 700;
 }
 
+.settings-action {
+  width: 100%;
+  height: 36px;
+  margin-top: 12px;
+  border: 1px solid rgba(52, 116, 246, 0.45);
+  border-radius: 8px;
+  background: rgba(52, 116, 246, 0.16);
+  color: #1d4ed8;
+  font-weight: 800;
+}
+
+.settings-action:disabled {
+  cursor: wait;
+  opacity: 0.58;
+}
+
 .settings-table {
   width: 100%;
   border-collapse: collapse;