活动管理

src/pages/business_environmental_activities/components/ActivityCalendar.js

@@ -147,9 +147,6 @@ const ActivityCalendar = () => {
                         ]}
                         className={styles.segmented}
                     />
-                    <Button className={styles.dayButton} onClick={handleBackToToday}>
-                        日
-                    </Button>
                 </div>
             </div>
 

src/pages/business_environmental_activities/components/ActivityCalendar.less

@@ -17,22 +17,22 @@
 }
 
 .createButton {
-    background: linear-gradient(98deg, #12d49c 0%, #0ec9c9 100%);
+    background: rgba(0, 212, 138, 1);
     border: none;
-    border-radius: 8px;
+    border-radius: 2px;
-    padding: 6px 16px;
+    padding: 2px 10px;
-    height: 34px;
+    height: 30px;
-    box-shadow: 0 6px 14px rgba(18, 212, 156, 0.25);
 
     &:hover,
     &:focus {
-        background: linear-gradient(98deg, #0fcf94 0%, #0cbcbc 100%);
+        background: rgba(0, 212, 138, 1);
     }
 }
 
 .toolbarRight {
     display: flex;
     align-items: center;
+    justify-self: center;
     gap: 10px;
 }
 
@@ -40,10 +40,10 @@
     width: 88px;
 
     :global(.ant-select-selector) {
-        border-radius: 6px;
+        border-radius: 2px;
         border-color: #e8e8e8;
         box-shadow: none !important;
-        height: 34px;
+        height: 30px;
     }
 }
 
@@ -59,16 +59,20 @@
     }
 
     :global(.ant-segmented-item) {
-        padding: 4px 12px;
+        display: flex;
+        align-items: center;
+        justify-self: center;
+        padding: 2px 10px;
         min-width: 38px;
-        height: 34px;
+        height: 30px;
         align-items: center;
         justify-content: center;
     }
 
     :global(.ant-segmented-item-selected) {
-        background: #0fcfaf;
+        // background: #0fcfaf;
-        color: #fff;
+        border: 1px solid rgba(0, 212, 138, 1);
+        color: #333;
     }
 }
 
@@ -212,4 +216,4 @@
     .eventIcon {
         color: #12a77c;
     }
-}
+}

src/pages/business_environmental_activities/components/ActivityManagement.js

@@ -9,10 +9,10 @@ import {
 import styles from './ActivityManagement.less';
 
 const statusMeta = {
-    ongoing: { label: '进行中', ribbon: '#20c997' },
+    ongoing: { label: '准备中', ribbon: '#20c997' },
-    published: { label: '已发布', ribbon: '#20c997' },
+    published: { label: '已完成', ribbon: '#20c997' },
-    finished: { label: '已结束', ribbon: '#fa8c16' },
+    finished: { label: '已发布', ribbon: '#fa8c16' },
-    archived: { label: '已归档', ribbon: '#999999' },
+    archived: { label: '已取消', ribbon: '#999999' },
 };
 
 const sampleFiles = [
@@ -129,6 +129,7 @@ const ActivityManagement = () => {
                             </div>
                             <div className={styles.cardBody}>
                                 <div className={styles.titleRow}>
+                                    <span style={{ display: 'inline-block', width: 3, height: 16, background: 'rgba(0, 157, 111, 1)', borderRadius: 2, marginRight: 8 }} />
                                     <div className={styles.title}>{item.title}</div>
                                 </div>
                                 <div className={styles.metaRow}>

src/pages/business_environmental_activities/components/ActivityManagement.less

@@ -17,23 +17,27 @@
 }
 
 .createButton {
-    background: linear-gradient(98deg, #12d49c 0%, #0ec9c9 100%);
+    background: rgba(0, 212, 138, 1);
     border: none;
-    border-radius: 8px;
+    border-radius: 2px;
-    padding: 6px 16px;
+    padding: 2px 12px;
-    height: 34px;
+    height: 32px;
-    box-shadow: 0 6px 14px rgba(18, 212, 156, 0.25);
 
     &:hover,
-    &:focus {
+    &:focus {}
-        background: linear-gradient(98deg, #0fcf94 0%, #0cbcbc 100%);
-    }
 }
 
 .filters {
     display: flex;
     align-items: center;
     gap: 24px;
+
+    :global {
+        .ant-checkbox-checked .ant-checkbox-inner {
+            background-color: rgba(0, 212, 138, 1);
+            border-color: rgba(0, 212, 138, 1);
+        }
+    }
 }
 
 .filterGroup {
@@ -115,7 +119,7 @@
 .titleRow {
     display: flex;
     align-items: center;
-    justify-content: space-between;
+    justify-content: start;
 }
 
 .title {
@@ -190,4 +194,4 @@
 
 .archive {
     color: #999;
-}
+}