模板库

src/pages/business_envInformation_monthly/components/content_component_bbtz/TemplateLibrary.js

@@ -80,7 +80,7 @@ const TemplateLibrary = () => {
                 <Option value="3">模板3</Option>
               </Select>
               
-              <Button type="primary" onClick={handleSearch}>
+              <Button type="primary" className="search-btn" onClick={handleSearch}>
                 查找
               </Button>
             </div>

src/pages/business_envInformation_monthly/components/content_component_bbtz/TemplateLibrary.less

@@ -50,6 +50,19 @@
           border-color: #40a9ff;
         }
       }
+
+      .search-btn {
+        background: #fff;
+        color: rgba(51, 51, 51, 1);
+        border: 1px solid rgba(215, 215, 215, 1);
+
+        &:hover,
+        &:focus {
+          background: #fff;
+          color: rgba(51, 51, 51, 1);
+          border-color: rgba(215, 215, 215, 1);
+        }
+      }
     }
   }
 

src/pages/business_envInformation_monthly/components/content_component_fxwt/RiskIssueBoard.js

@@ -153,7 +153,6 @@ const RiskIssueBoard = () => {
                         <div className={styles.boardHeader}>
                             <div>
                                 <div className={styles.boardTitle}>{level.title} ({level.count})</div>
-                                <div className={styles.subtitle}>风险层级：国家</div>
                             </div>
                             <div className={styles.badge}>{level.due}</div>
                         </div>

src/pages/business_envInformation_monthly/components/content_component_fxwt/RiskIssueBoard.less

@@ -14,6 +14,7 @@
     display: flex;
     align-items: center;
     gap: 16px;
+    flex-wrap: wrap;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 }
 
@@ -21,7 +22,7 @@
     background: #00aa6b;
     color: #fff;
     border: none;
-    padding: 10px 16px;
+    padding: 5px 16px;
     border-radius: 4px;
     font-size: 14px;
     cursor: pointer;
@@ -45,6 +46,8 @@
     align-items: center;
     gap: 14px;
     flex-wrap: wrap;
+    margin-left: auto;
+    justify-content: flex-end;
 }
 
 .filterGroup {
@@ -65,30 +68,45 @@
     gap: 4px;
     font-size: 13px;
     color: #444;
+    padding: 4px 8px;
+    border-radius: 4px;
+    border: 1px solid transparent;
+    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
 }
 
 .check input {
     margin: 0;
+    accent-color: rgba(0, 212, 138, 1);
 }
 
-.check.red input { accent-color: #ff4d4f; }
+.check.red input,
-.check.orange input { accent-color: #ff8a00; }
+.check.orange input,
-.check.yellow input { accent-color: #ffb400; }
+.check.yellow input,
-.check.blue input { accent-color: #2c7dfa; }
+.check.blue input {
+    accent-color: rgba(0, 212, 138, 1);
+}
+
+.check:has(input:checked) {
+    background: #fff;
+    // color: #fff;
+    border-color: #fff;
+}
 
 .select {
-    height: 32px;
+    height: 28px;
     min-width: 110px;
     border: 1px solid #d9d9d9;
     border-radius: 4px;
     padding: 0 8px;
     background: #fff;
     color: #333;
+    line-height: 28px;
 }
 
 .confirmBtn {
-    height: 32px;
+    padding: 5px 16px;
-    padding: 0 16px;
+    height: 28px;
+    font-size: 14px;
     border: 1px solid #ccc;
     border-radius: 4px;
     background: #fff;
@@ -109,7 +127,7 @@
 .boardCard {
     position: relative;
     padding: 12px;
-    border-radius: 8px;
+    // border-radius: 8px;
     background: #fff;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
     overflow: hidden;
@@ -208,27 +226,101 @@
 }
 
 .red {
-    background: linear-gradient(135deg, rgba(255, 77, 79, 0.12), rgba(255, 255, 255, 0.4));
+    background-color: #fff;
 }
 
 .orange {
-    background: linear-gradient(135deg, rgba(255, 165, 0, 0.12), rgba(255, 255, 255, 0.4));
+    background-color: #Fff;
 }
 
 .yellow {
-    background: linear-gradient(135deg, rgba(255, 203, 60, 0.12), rgba(255, 255, 255, 0.4));
+    background-color: #Fff;
 }
 
 .blue {
-    background: linear-gradient(135deg, rgba(44, 125, 250, 0.12), rgba(255, 255, 255, 0.4));
+    background-color: #Fff;
 }
 
-.boardCard.red .boardTitle { color: #ff4d4f; }
+.boardCard.red .boardTitle {
-.boardCard.orange .boardTitle { color: #ff8a00; }
+    color: #ff4d4f;
-.boardCard.yellow .boardTitle { color: #d4a600; }
+}
-.boardCard.blue .boardTitle { color: #2c7dfa; }
+
+.boardCard.red {
+    background: linear-gradient(180deg, rgba(255, 87, 87, 0.4) 0%, rgba(255, 255, 255, 0) 32.49%);
+    border: 1px solid;
+    border-image-source: linear-gradient(180deg, #ff9f9f 0%, #ffdada 100%);
+    border-image-slice: 1;
+}
+
+.boardCard.red .riskItem {
+    background: rgba(255, 61, 61, 0.09);
+    border-color: rgba(255, 184, 184, 1);
+}
+
+.boardCard.orange {
+    background:linear-gradient(180deg, rgba(255, 114, 38, 0.4) 0%, rgba(255, 255, 255, 0) 32.49%);
+    border: 1px solid;
+    border-image-source: linear-gradient(180deg, rgba(255, 114, 38, 0.4) 0%, rgba(255, 255, 255, 0) 32.49%);
+    border-image-slice: 1;
+}
+
+.boardCard.orange .riskItem {
+    background: rgba(255, 165, 61, 0.09);
+    border-color: rgba(255, 202, 141, 1);
+}
+
+.boardCard.yellow {
+    background: linear-gradient(180deg, rgba(255, 213, 43, 0.4) 0%, rgba(255, 255, 255, 0) 32.49%);
+    border: 1px solid;
+    border-image-source: linear-gradient(180deg, #ffdc4a 0%, #ffdada 100%);
+    border-image-slice: 1;
+}
+
+.boardCard.yellow .riskItem {
+    background: rgba(255, 197, 38, 0.09);
+    border-color: rgba(255, 229, 186, 1);
+}
 
-.boardCard.red .badge { background: rgba(255, 77, 79, 0.12); color: #e64545; }
+.boardCard.blue {
-.boardCard.orange .badge { background: rgba(255, 165, 0, 0.12); color: #d97a00; }
+    background: linear-gradient(180deg, rgba(109, 223, 255, 0.4) 0%, rgba(255, 255, 255, 0) 32.49%);
-.boardCard.yellow .badge { background: rgba(255, 203, 60, 0.12); color: #c29800; }
+    border: 1px solid;
-.boardCard.blue .badge { background: rgba(44, 125, 250, 0.12); color: #2c7dfa; }
+    border-image-source: linear-gradient(180deg, #78e1ff 0%, #ffdada 100%);
+    border-image-slice: 1;
+}
+
+.boardCard.blue .riskItem {
+    background: rgba(105, 198, 255, 0.09);
+    border-color: rgba(181, 227, 255, 1);
+}
+
+.boardCard.orange .boardTitle {
+    color: #ff8a00;
+}
+
+.boardCard.yellow .boardTitle {
+    color: #d4a600;
+}
+
+.boardCard.blue .boardTitle {
+    color: #2c7dfa;
+}
+
+.boardCard.red .badge {
+    background: rgba(255, 77, 79, 0.12);
+    color: #e64545;
+}
+
+.boardCard.orange .badge {
+    background: rgba(255, 165, 0, 0.12);
+    color: #d97a00;
+}
+
+.boardCard.yellow .badge {
+    background: rgba(255, 203, 60, 0.12);
+    color: #c29800;
+}
+
+.boardCard.blue .badge {
+    background: rgba(44, 125, 250, 0.12);
+    color: #2c7dfa;
+}

src/pages/nav_system_content/SystemContentList.js

@@ -121,7 +121,7 @@ const SystemContentList = (props) => {
             },
     
             {
-                "path": "/topnavbar00/business/envInformationMfonthly",
+                "path": "/topnavbar00/business/envInformationMonthly",
                 icon: <img
                     src={monthlyIcon}
                     alt="环保月报管理"