活动管理

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,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;
-    padding: 6px 16px;
-    height: 34px;
-    box-shadow: 0 6px 14px rgba(18, 212, 156, 0.25);
+    border-radius: 2px;
+    padding: 2px 12px;
+    height: 32px;
 
     &:hover,
-    &:focus {
-        background: linear-gradient(98deg, #0fcf94 0%, #0cbcbc 100%);
-    }
+    &:focus {}
 }
 
 .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 {