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

Merge remote-tracking branch 'origin/main' into main

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

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

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

Write Preview
Loading…
Cancel
Save