jiangxucong
/
dq-ems
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

模板库

Browse Source
main
wangyunfei888 1 month ago
parent 18a313fa4a
commit adcc67002e
5 changed files with 128 additions and 24 deletions
Show Stats Download Patch File Download Diff File

2
src/pages/business_envInformation_monthly/components/content_component_bbtz/TemplateLibrary.js
Unescape Escape View File

@ -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>

13
src/pages/business_envInformation_monthly/components/content_component_bbtz/TemplateLibrary.less
Unescape Escape View File

@ -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);
}
}
}
}

1
src/pages/business_envInformation_monthly/components/content_component_fxwt/RiskIssueBoard.js
Unescape Escape View File

@ -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>

134
src/pages/business_envInformation_monthly/components/content_component_fxwt/RiskIssueBoard.less
Unescape Escape View File

@ -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;
}

2
src/pages/nav_system_content/SystemContentList.js
Unescape Escape View File

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

Write Preview
Loading…
Cancel
Save