feat(work-order): 新增一次性补资料链接

2026-11-01 10:46:31 +08:00
parent fba0a13d44
commit 15956e704f
26 changed files with 1768 additions and 4 deletions
@@ -480,6 +480,114 @@
  margin-bottom: 0;
 }

+/* ===== 一次性补资料链接页 (Collect Material Link) ===== */
+
+.collect-link-page {
+  min-height: 100vh;
+  padding: 32px 16px;
+  background: #f5f7fb;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+}
+
+.collect-link-card {
+  width: min(720px, 100%);
+}
+
+.collect-link-card .ant-card-body {
+  padding: 28px;
+}
+
+.collect-link-title {
+  margin: 0 0 4px !important;
+}
+
+.collect-link-meta {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px 20px;
+  padding: 14px 16px;
+  background: #f8fafc;
+  border-radius: 10px;
+}
+
+.collect-link-meta > div {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.collect-link-meta span {
+  color: #64748b;
+  font-size: 12px;
+}
+
+.collect-link-meta strong {
+  color: #0f172a;
+  font-size: 14px;
+  overflow-wrap: anywhere;
+}
+
+.collect-link-state {
+  min-height: 220px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+}
+
+.collect-link-actions {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 4px;
+}
+
+.collect-link-actions .ant-btn {
+  min-width: 180px;
+}
+
+.collect-link-footnote {
+  display: block;
+  text-align: center;
+  font-size: 12px;
+}
+
+@media (max-width: 720px) {
+  .collect-link-page {
+    padding: 14px;
+  }
+
+  .collect-link-card .ant-card-body {
+    padding: 18px;
+  }
+
+  .collect-link-meta {
+    grid-template-columns: 1fr;
+    gap: 8px;
+  }
+
+  .collect-link-actions {
+    justify-content: stretch;
+  }
+
+  .collect-link-actions .ant-btn {
+    width: 100%;
+  }
+}
+
+@media (max-width: 480px) {
+  .collect-link-page {
+    padding: 10px;
+  }
+
+  .collect-link-card .ant-card-body {
+    padding: 14px;
+  }
+}
+
 /* ===== 兑换中心 (Redeem Page) ===== */

 .redeem-page {