上传

src/assets/business_envinformation/background7.svg

@@ -0,0 +1,16 @@
+<svg width="222" height="116" viewBox="0 0 222 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<path d="M116.952 104.818C145.995 62.4349 204.184 -23.0411 204.589 -25.8778V-38.0359L128.602 -43.1016L12.5961 -19.7991L0.945312 115.457L116.952 104.818Z" fill="url(#paint0_linear_965_17061)" fill-opacity="0.2"/>
+<path d="M173.077 70.1606C189.282 46.5122 221.749 -1.18009 221.975 -2.76287V-9.5466L179.577 -12.373L114.85 0.628852L108.35 76.0964L173.077 70.1606Z" fill="url(#paint1_linear_965_17061)" fill-opacity="0.2"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_965_17061" x1="176.525" y1="5.96091" x2="88.4982" y2="115.563" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00FFB7"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_965_17061" x1="206.316" y1="15.0019" x2="157.201" y2="76.1554" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00E0A0"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

src/pages/business_envInformation/components/PollutionSourceManagement.js

@@ -339,7 +339,7 @@ const PollutionSourceManagement = () => {
                     </div>
                     <div className={styles.chartsContainer}>
                         <div className={styles.pieChartContainer}>
-                            <div className={styles.chartTitle}>超标污染物数量</div>
+                            {/* <div className={styles.chartTitle}>超标污染物数量</div> */}
                             <ReactECharts 
                                 option={pollutantEmissionOption} 
                                 style={{ height: '120px', width: '100%' }}
@@ -348,7 +348,7 @@ const PollutionSourceManagement = () => {
                             <div className={styles.chartValue}>62%</div>
                         </div>
                         <div className={styles.pieChartContainer}>
-                            <div className={styles.chartTitle}>超标污染物种类</div>
+                            {/* <div className={styles.chartTitle}>超标污染物种类</div> */}
                             <ReactECharts 
                                 option={pollutantTypeOption} 
                                 style={{ height: '120px', width: '100%' }}

src/pages/business_envInformation/components/PollutionSourceManagement.less

@@ -15,8 +15,10 @@
 
         // 统计卡片通用样式
         .statsCard {
-            background: linear-gradient(180deg, #E2FFF5 0%, rgba(255, 255, 255, 0.6) 51.44%),
+            background: url('@/assets/business_envinformation/background7.svg'),
+             linear-gradient(180deg, #E2FFF5 0%, rgba(255, 255, 255, 0.6) 51.44%),
                         linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
+            background-repeat: no-repeat;
             border-radius: 2px;
             padding: 10px 20px;
 
@@ -43,12 +45,12 @@
             .timeFilter,
             .categoryFilter {
                 flex: 1;
-                min-width: 80px;
+                min-width: 100px;
 
                 :global(.ant-select-selector) {
-                    border-radius: 8px;
+                    border-radius: 2px;
-                    border: 1px solid #d9d9d9;
+                    border: 1px solid #73E9C6;
-                    background: transparent;
+                    background: #C0FFE9AB;
                     transition: all 0.3s ease;
                 }
             }