From adcc67002e77a5052915b6b286652ea0b9c05848 Mon Sep 17 00:00:00 2001 From: wangyunfei888 <1224056307@qq.com> Date: Fri, 19 Dec 2025 15:39:12 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A8=A1=E6=9D=BF=E5=BA=93?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../content_component_bbtz/TemplateLibrary.js | 2 +- .../TemplateLibrary.less | 13 ++ .../content_component_fxwt/RiskIssueBoard.js | 1 - .../RiskIssueBoard.less | 134 +++++++++++++++--- .../nav_system_content/SystemContentList.js | 2 +- 5 files changed, 128 insertions(+), 24 deletions(-) diff --git a/src/pages/business_envInformation_monthly/components/content_component_bbtz/TemplateLibrary.js b/src/pages/business_envInformation_monthly/components/content_component_bbtz/TemplateLibrary.js index d11f2ed..4b4bd48 100644 --- a/src/pages/business_envInformation_monthly/components/content_component_bbtz/TemplateLibrary.js +++ b/src/pages/business_envInformation_monthly/components/content_component_bbtz/TemplateLibrary.js @@ -80,7 +80,7 @@ const TemplateLibrary = () => { - diff --git a/src/pages/business_envInformation_monthly/components/content_component_bbtz/TemplateLibrary.less b/src/pages/business_envInformation_monthly/components/content_component_bbtz/TemplateLibrary.less index bfcc8c7..29c4eba 100644 --- a/src/pages/business_envInformation_monthly/components/content_component_bbtz/TemplateLibrary.less +++ b/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); + } + } } } diff --git a/src/pages/business_envInformation_monthly/components/content_component_fxwt/RiskIssueBoard.js b/src/pages/business_envInformation_monthly/components/content_component_fxwt/RiskIssueBoard.js index 257b25a..ee2eeb3 100644 --- a/src/pages/business_envInformation_monthly/components/content_component_fxwt/RiskIssueBoard.js +++ b/src/pages/business_envInformation_monthly/components/content_component_fxwt/RiskIssueBoard.js @@ -153,7 +153,6 @@ const RiskIssueBoard = () => {
{level.title} ({level.count})
-
风险层级：国家
{level.due}
diff --git a/src/pages/business_envInformation_monthly/components/content_component_fxwt/RiskIssueBoard.less b/src/pages/business_envInformation_monthly/components/content_component_fxwt/RiskIssueBoard.less index 933eb85..c632c55 100644 --- a/src/pages/business_envInformation_monthly/components/content_component_fxwt/RiskIssueBoard.less +++ b/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.orange input { accent-color: #ff8a00; } -.check.yellow input { accent-color: #ffb400; } -.check.blue input { accent-color: #2c7dfa; } +.check.red input, +.check.orange input, +.check.yellow input, +.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: 0 16px; + padding: 5px 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.orange .boardTitle { color: #ff8a00; } -.boardCard.yellow .boardTitle { color: #d4a600; } -.boardCard.blue .boardTitle { color: #2c7dfa; } +.boardCard.red .boardTitle { + color: #ff4d4f; +} + +.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.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; } +.boardCard.blue { + background: linear-gradient(180deg, rgba(109, 223, 255, 0.4) 0%, rgba(255, 255, 255, 0) 32.49%); + border: 1px solid; + 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; +} \ No newline at end of file diff --git a/src/pages/nav_system_content/SystemContentList.js b/src/pages/nav_system_content/SystemContentList.js index 915dca3..72de900 100644 --- a/src/pages/nav_system_content/SystemContentList.js +++ b/src/pages/nav_system_content/SystemContentList.js @@ -121,7 +121,7 @@ const SystemContentList = (props) => { }, { - "path": "/topnavbar00/business/envInformationMfonthly", + "path": "/topnavbar00/business/envInformationMonthly", icon: