src/pages/business_environmental_activities/components/ActivityCalendar.js

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

src/pages/business_environmental_activities/components/ActivityManagement.js

@@ -9,10 +9,10 @@ import {
 import styles from './ActivityManagement.less';
 
 const statusMeta = {
-    ongoing: { label: '准备中', ribbon: '#20c997' },
-    published: { label: '已完成', ribbon: '#20c997' },
-    finished: { label: '已发布', ribbon: '#fa8c16' },
-    archived: { label: '已取消', ribbon: '#999999' },
+    ongoing: { label: '进行中', ribbon: '#20c997' },
+    published: { label: '已发布', ribbon: '#20c997' },
+    finished: { label: '已结束', ribbon: '#fa8c16' },
+    archived: { label: '已归档', ribbon: '#999999' },
 };
 
 const sampleFiles = [
@@ -129,7 +129,6 @@ 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,27 +17,23 @@
 }
 
 .createButton {
-    background: rgba(0, 212, 138, 1);
+    background: linear-gradient(98deg, #12d49c 0%, #0ec9c9 100%);
     border: none;
-    border-radius: 2px;
-    padding: 2px 12px;
-    height: 32px;
+    border-radius: 8px;
+    padding: 6px 16px;
+    height: 34px;
+    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 {
@@ -119,7 +115,7 @@
 .titleRow {
     display: flex;
     align-items: center;
-    justify-content: start;
+    justify-content: space-between;
 }
 
 .title {