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

提交

Browse Source
main
wangyunfei 1 week ago
parent 0a7149a8b9
commit a5406f7ded
3 changed files with 506 additions and 702 deletions
Show Stats Download Patch File Download Diff File

800
src/pages/business_firewarning/components/DataAnalysisWarning.js
View File

File diff suppressed because it is too large Load Diff

402
src/pages/business_firewarning/components/DataAnalysisWarning.less
Unescape Escape View File

@ -8,7 +8,7 @@
// 第二个div - 高度35%
.analysisContainerMiddle {
// height: 400px;
min-height: 35%;
min-height: 46%;
border-radius: 4px;
display: flex;
flex-direction: column;
@ -21,7 +21,7 @@
height: 100%;
.analysisMiddleBlock1 {
width: 30%;
width: 39%;
height: 100%;
background: #fff;
border: 2px solid #fff;
@ -120,7 +120,7 @@
}
.analysisMiddleBlock12 {
width: 45%;
width: 40%;
height: 100%;
background-color: #fff;
display: flex;
@ -170,7 +170,7 @@
.analysisMiddleBlock2 {
// flex: 1;
width: calc(100% - 75% - 15px);
width: calc(100% - 76% - 15px);
height: 100%;
// background: linear-gradient(170.5deg, #EBEFF4 6.87%, #FFFFFF 53.01%);
// border: 2px solid #fff;
@ -214,277 +214,147 @@
}
}
// 第三个div - 占满剩余位置
.analysisContainerBottom {
// 底部区域
.analysisBottom {
display: flex;
flex-direction: column;
flex-shrink: 0;
.analysisSectionContent {
flex-direction: row;
gap: 10px;
flex: 1;
.analysisMaintenanceSection {
width: 30%;
background: #FFF;
border-radius: 4px;
display: flex;
flex-direction: row;
flex: 1;
gap: 10px;
padding: 0;
flex-direction: column;
padding: 12px 14px;
.analysisLeftBlock {
width: 30%;
flex-shrink: 0;
height: 100%;
padding: 0;
.analysisMaintenanceTitle {
display: flex;
flex-direction: column;
gap: 10px;
.analysisLeftBlockTitle {
display: flex;
align-items: center;
gap: 8px;
font-family: PingFang SC;
font-weight: 500;
font-size: 14px;
color: #333333;
margin-bottom: 10px;
align-items: center;
gap: 8px;
font-family: PingFang SC;
font-weight: 500;
font-size: 14px;
color: #333333;
margin-bottom: 8px;
.analysisTitleIcon {
width: 3px;
height: 16px;
background-color: #2E4CD4;
}
.analysisTitleIcon {
width: 3px;
height: 16px;
background-color: #2E4CD4;
}
}
.analysisMaintenanceStack {
width: 100%;
height: 100%;
.analysisMaintenanceContent {
flex: 1;
width: 100%;
display: flex;
flex-direction: column;
gap: 8px;
.analysisMaintenanceItem {
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
justify-content: space-between;
background-color: #F1F7FF;
border-radius: 4px;
padding: 16px 16px;
.analysisMaintenanceSection {
width: 100%;
height: 50%;
background: #FFF;
border-radius: 4px;
.analysisMaintenanceLeft {
flex: 1;
display: flex;
flex-direction: column;
padding: 12px 14px;
gap: 4px;
.analysisMaintenanceTitle {
display: flex;
align-items: center;
gap: 8px;
font-family: PingFang SC;
font-weight: 500;
.analysisMaintenanceText1 {
font-size: 14px;
font-weight: 500;
color: #333333;
margin-bottom: 8px;
font-family: PingFang SC;
}
.analysisTitleIcon {
width: 3px;
height: 16px;
background-color: #2E4CD4;
.analysisMaintenanceText2 {
font-size: 12px;
color: #666666;
font-family: PingFang SC;
}
.analysisMaintenanceContent {
flex: 1;
width: 100%;
.analysisMaintenanceText3 {
font-size: 12px;
color: #666666;
font-family: PingFang SC;
}
}
.analysisMaintenanceRight {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
.analysisMaintenanceContent1 {
flex: 1;
width: 100%;
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 8px;
.analysisMaintenanceItem {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #F1F7FF;
border-radius: 4px;
padding: 16px 16px;
.analysisMaintenanceLeft {
flex: 1;
display: flex;
flex-direction: column;
gap: 4px;
.analysisMaintenanceText1 {
font-size: 14px;
font-weight: 500;
color: #333333;
font-family: PingFang SC;
}
.analysisMaintenanceText2 {
font-size: 12px;
color: #666666;
font-family: PingFang SC;
}
.analysisMaintenanceText3 {
font-size: 12px;
color: #666666;
font-family: PingFang SC;
}
}
.analysisMaintenanceRight {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
.analysisMaintenanceStatus {
font-size: 12px;
color: #FF3E48;
font-weight: 500;
font-family: PingFang SC;
background-color: #FFE0E2;
padding: 4px 8px;
border-radius: 4px;
// border: 1px solid #FFE0E2;
}
}
.analysisMaintenanceRight2 {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
.analysisMaintenanceStatus {
font-size: 12px;
color: #FF8800;
font-weight: 500;
font-family: PingFang SC;
background-color: #FFF3E9;
padding: 4px 8px;
border-radius: 4px;
// padding-right: 2px;
}
}
}
.analysisMaintenanceStatus {
font-size: 12px;
color: #FF3E48;
font-weight: 500;
font-family: PingFang SC;
background-color: #FFE0E2;
padding: 4px 8px;
border-radius: 4px;
}
}
.analysisMaintenanceContent2 {
flex: 1;
width: 100%;
display: flex;
flex-direction: column;
gap: 15px;
padding: 8px 0;
.analysisWarningBox {
display: flex;
align-items: center;
gap: 8px;
background-color: #FFF3CD;
border: 1px solid #F4E3AE;
border-radius: 4px;
padding: 8px 12px;
// margin-bottom: 8px;
// margin-top: 10px;
.analysisWarningIcon {
color: #8C6C0B;
font-size: 14px;
}
.analysisWarningText {
color: #8C6C0B;
font-size: 12px;
font-family: PingFang SC;
font-weight: 400;
}
}
.analysisProgressSection {
width: 100%;
display: flex;
flex-direction: column;
// gap: 12px;
padding: 0px 12px 12px 12px;
.analysisProgressLabel {
font-size: 12px;
color: #666666;
font-family: PingFang SC;
font-weight: 400;
}
// 自定义进度条样式
:global(.ant-progress) {
.ant-progress-bg {
background: linear-gradient(90deg, #2E4CD4 0%, #4B69F1 100%);
}
.ant-progress-text {
color: #2E4CD4;
font-weight: 500;
}
}
}
.analysisMaintenanceRight2 {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
.analysisMaintenanceStatus {
font-size: 12px;
color: #FF8800;
font-weight: 500;
font-family: PingFang SC;
background-color: #FFF3E9;
padding: 4px 8px;
border-radius: 4px;
}
}
}
}
}
.analysisRightBlock {
width: calc(100% - 28% - 10px);
height: 100%;
background-color: #fff;
padding: 0;
.analysisTableSection {
width: calc(100% - 30% - 10px);
background-color: #fff;
display: flex;
flex-direction: column;
.analysisTableHeader {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 11px 15px 5px 15px;
.analysisTableHeader {
.analysisTableTitle {
display: flex;
justify-content: space-between;
align-items: center;
padding: 11px 15px 5px 15px;
.analysisTableTitle {
display: flex;
align-items: center;
gap: 8px;
font-family: PingFang SC;
font-weight: 500;
font-size: 14px;
color: #333333;
gap: 8px;
font-family: PingFang SC;
font-weight: 500;
font-size: 14px;
color: #333333;
.analysisTitleIcon {
width: 3px;
height: 16px;
background-color: #2E4CD4;
}
.analysisTitleIcon {
width: 3px;
height: 16px;
background-color: #2E4CD4;
}
}
.analysisTableActions {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
margin-top: 5px;
padding: 0px 15px;
.analysisLeftActions {
display: flex;
align-items: center;
}
.analysisRightActions {
display: flex;
gap: 8px;
align-items: center;
}
.analysisActionButton {
display: flex;
@ -516,41 +386,41 @@
}
}
}
}
.analysisTableContainer {
flex: 1;
overflow: hidden;
margin: 10px 15px 0 15px; // 上边距10px，左右边距15px
.analysisTableContainer {
flex: 1;
overflow: hidden;
margin: 10px 15px 0 15px;
:global(.ant-table) {
font-size: 12px;
}
:global(.ant-table) {
font-size: 12px;
}
:global(.ant-table-thead > tr > th) {
background-color: #f5f5fa;
font-weight: 500;
font-size: 14px;
color: #333333;
border-bottom: 1px solid #f0f0f0;
padding: 8px 12px;
text-align: center;
}
:global(.ant-table-thead > tr > th) {
background-color: #f5f5fa;
font-weight: 500;
font-size: 14px;
color: #333333;
border-bottom: 1px solid #f0f0f0;
padding: 8px 12px;
text-align: center;
}
:global(.ant-table-tbody > tr > td) {
padding: 8px 12px;
border-bottom: 1px solid #f0f0f0;
text-align: center;
color: #666666;
}
:global(.ant-table-tbody > tr > td) {
padding: 8px 12px;
border-bottom: 1px solid #f0f0f0;
text-align: center;
color: #666666;
}
:global(.ant-table-tbody > tr:hover > td) {
background-color: #f5f5f5;
}
:global(.ant-table-tbody > tr:hover > td) {
background-color: #f5f5f5;
}
:global(.ant-pagination) {
margin-top: 16px;
text-align: right;
}
:global(.ant-pagination) {
margin-top: 16px;
text-align: right;
}
}
}

6
src/pages/business_firewarning/components/RealtimeMonitoring.js
Unescape Escape View File

@ -336,7 +336,7 @@ const RealtimeMonitoring = () => {
title: '设备名称',
dataIndex: 'deviceName',
key: 'deviceName',
width: 110,
width: 130,
},
{
title: '所在位置',
@ -370,7 +370,7 @@ const RealtimeMonitoring = () => {
}
},
{
title: '最后维护',
title: '最后更新',
dataIndex: 'lastMaintenance',
key: 'lastMaintenance',
width: 150,
@ -378,7 +378,7 @@ const RealtimeMonitoring = () => {
{
title: '操作',
key: 'action',
width: 140,
width: 100,
render: (_, record) => (
<div>
<Button type="link" size="small" style={{

Write Preview
Loading…
Cancel
Save