统计分析页面

src/pages/business_environmental_activities/components/StatisticsAnalysis.js

@@ -134,7 +134,7 @@ const StatisticsAnalysis = () => {
     return (
         <div className={styles.container}>
             <div className={styles.toolbar}>
-                <Button type="primary">导出PDF</Button>
+                <Button type="primary" className={styles.exportButton}>导出PDF</Button>
                 <div className={styles.toolbarFilters}>
                     <span className={styles.filterLabel}>事件状态</span>
                     <Checkbox.Group options={statusOptions} value={statusOptions.map((item) => item.value)} />

src/pages/business_environmental_activities/components/StatisticsAnalysis.less

@@ -12,10 +12,7 @@
         display: flex;
         align-items: center;
         justify-content: space-between;
-        background: #fff;
+        padding: 0px 12px;
-        border-radius: 10px;
-        padding: 10px 12px;
-        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.04);
 
         .toolbarFilters {
             display: flex;
@@ -25,17 +22,33 @@
             justify-content: flex-end;
         }
 
+        .exportButton {
+            background: #fff !important;
+            border: 1px solid rgba(215, 215, 215, 1) !important;
+            border-radius: 2px;
+            color: rgba(51, 51, 51, 1) !important;
+            box-shadow: none !important;
+            padding: 0 16px;
+            &:hover,
+            &:focus {
+                background: #fff !important;
+                border-color: rgba(200, 200, 200, 1) !important;
+            }
+        }
+
         .filterLabel {
             color: #666;
             font-size: 13px;
         }
 
         .select {
-            width: 120px;
+            width: 140px;
 
             :global(.ant-select-selector) {
                 border-radius: 6px !important;
-                height: 34px;
+                display: flex;
+                align-items: center;
+                height: 30px;
                 box-shadow: none !important;
             }
         }
@@ -69,4 +82,4 @@
             margin-bottom: 4px;
         }
     }
-}
+}