feat: 完成会员消息触达模块页面与交互

2026-03-04 11:36:49 +08:00
parent 61343b72b9
commit 0a19610d92
26 changed files with 3485 additions and 0 deletions
--- a/apps/web-antd/src/views/member/message-reach/styles/layout.less
+++ b/apps/web-antd/src/views/member/message-reach/styles/layout.less
@@ -0,0 +1,78 @@
+.page-member-message-reach {
+  .mmr-topbar {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .mmr-tab-switch {
+    --ant-segmented-item-selected-bg: #fff;
+    --ant-segmented-item-selected-color: #1677ff;
+  }
+
+  .mmr-readonly-tip {
+    font-size: 12px;
+    color: #6b7280;
+  }
+
+  .mmr-toolbar {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    align-items: center;
+    padding: 12px 14px;
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0 2px 8px rgb(15 23 42 / 7%);
+  }
+
+  .mmr-select {
+    width: 120px;
+  }
+
+  .mmr-keyword-input {
+    width: 200px;
+  }
+
+  .mmr-stats {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    gap: 12px;
+  }
+
+  .mmr-stat-card {
+    padding: 16px 18px;
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0 3px 10px rgb(15 23 42 / 7%);
+    transition:
+      transform 0.2s ease,
+      box-shadow 0.2s ease;
+  }
+
+  .mmr-stat-card:hover {
+    box-shadow: 0 10px 20px rgb(15 23 42 / 11%);
+    transform: translateY(-1px);
+  }
+
+  .mmr-stat-label {
+    margin-bottom: 6px;
+    font-size: 12px;
+    color: #9ca3af;
+  }
+
+  .mmr-stat-value {
+    font-size: 24px;
+    font-weight: 700;
+    line-height: 1.1;
+    color: #111827;
+  }
+
+  .mmr-stat-unit {
+    margin-left: 2px;
+    font-size: 13px;
+    font-weight: 500;
+    color: #6b7280;
+  }
+}