|
@@ -52,13 +52,13 @@
|
|
|
<span class="base-title">测点监测详情</span>
|
|
|
<a-table size="small" :columns="columns" :data-source="posList" :pagination="false" :scroll="{ y: 200 }" />
|
|
|
</div>
|
|
|
- <div class="warning-box">
|
|
|
+ <!-- <div class="warning-box">
|
|
|
<span class="base-title">预警历史详情</span>
|
|
|
<div class="warning-container">
|
|
|
<dv-scroll-board ref="scrollBoard" :config="warningConfig"
|
|
|
style="width: 100%; height: 240px; overflow-y: auto; border: 1px solid #39e8ff33" />
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
<div class="right-bottom">
|
|
|
<span class="base-title">测点监测曲线</span>
|
|
@@ -126,7 +126,6 @@
|
|
|
{
|
|
|
title: '位置',
|
|
|
dataIndex: 'position',
|
|
|
- width: 60,
|
|
|
align: 'center',
|
|
|
customRender: ({ index }) => {
|
|
|
return `测点${index}`;
|
|
@@ -136,25 +135,21 @@
|
|
|
title: '最高温度(℃)',
|
|
|
dataIndex: 'Section_MaxTemp',
|
|
|
align: 'center',
|
|
|
- width: 100,
|
|
|
},
|
|
|
{
|
|
|
title: '对应米数(m)',
|
|
|
dataIndex: 'Section_MaxTempPos',
|
|
|
align: 'center',
|
|
|
- width: 100,
|
|
|
},
|
|
|
{
|
|
|
title: '起点',
|
|
|
dataIndex: 'Section_BeginPosition',
|
|
|
align: 'center',
|
|
|
- width: 60,
|
|
|
},
|
|
|
{
|
|
|
title: '终点',
|
|
|
dataIndex: 'Section_EndPosition',
|
|
|
align: 'center',
|
|
|
- width: 60,
|
|
|
},
|
|
|
{
|
|
|
title: '状态',
|
|
@@ -163,26 +158,26 @@
|
|
|
},
|
|
|
];
|
|
|
|
|
|
- const warningConfig = reactive({
|
|
|
- header: ['测点', '温度', '预警信息'],
|
|
|
- data: [
|
|
|
- ['测点6', '318℃', '严重报警'],
|
|
|
- ['测点43', '142℃', '一般预警'],
|
|
|
- ['测点23', '167℃', '一般预警'],
|
|
|
- ['测点6', '198℃', '超高预警'],
|
|
|
- ['测点65', '197℃', '超高预警'],
|
|
|
- ['测点78', '154℃', '一般预警'],
|
|
|
- ['测点61', '104℃', '一般预警'],
|
|
|
- ['测点87', '150℃', '一般信息'],
|
|
|
- ],
|
|
|
- index: false,
|
|
|
- columnWidth: [150],
|
|
|
- headerHeight: 38,
|
|
|
- headerBGC: '#3d9dd45d',
|
|
|
- oddRowBGC: '#009acd10',
|
|
|
- evenRowBGC: '#009acd05',
|
|
|
- align: ['center', 'center', 'center'],
|
|
|
- });
|
|
|
+ // const warningConfig = reactive({
|
|
|
+ // header: ['测点', '温度', '预警信息'],
|
|
|
+ // data: [
|
|
|
+ // ['测点6', '318℃', '严重报警'],
|
|
|
+ // ['测点43', '142℃', '一般预警'],
|
|
|
+ // ['测点23', '167℃', '一般预警'],
|
|
|
+ // ['测点6', '198℃', '超高预警'],
|
|
|
+ // ['测点65', '197℃', '超高预警'],
|
|
|
+ // ['测点78', '154℃', '一般预警'],
|
|
|
+ // ['测点61', '104℃', '一般预警'],
|
|
|
+ // ['测点87', '150℃', '一般信息'],
|
|
|
+ // ],
|
|
|
+ // index: false,
|
|
|
+ // columnWidth: [150],
|
|
|
+ // headerHeight: 38,
|
|
|
+ // headerBGC: '#3d9dd45d',
|
|
|
+ // oddRowBGC: '#009acd10',
|
|
|
+ // evenRowBGC: '#009acd05',
|
|
|
+ // align: ['center', 'center', 'center'],
|
|
|
+ // });
|
|
|
|
|
|
const [register, { setModalProps, closeModal }] = useModalInner();
|
|
|
|
|
@@ -265,7 +260,7 @@
|
|
|
posList1,
|
|
|
chartsColumns,
|
|
|
columns,
|
|
|
- warningConfig,
|
|
|
+ // warningConfig,
|
|
|
};
|
|
|
},
|
|
|
});
|
|
@@ -415,13 +410,13 @@
|
|
|
|
|
|
.right-center {
|
|
|
margin-top: 10px;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: space-between;
|
|
|
+ // display: flex;
|
|
|
+ // flex-direction: row;
|
|
|
+ // justify-content: space-between;
|
|
|
|
|
|
.table-box {
|
|
|
position: relative;
|
|
|
- width: 500px;
|
|
|
+ width: 100%;
|
|
|
height: 250px;
|
|
|
|
|
|
:deep(.zxm-table-wrapper) {
|
|
@@ -431,27 +426,27 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .warning-box {
|
|
|
- width: calc(100% - 520px);
|
|
|
-
|
|
|
- .warning-container {
|
|
|
- width: 100%;
|
|
|
- height: convert;
|
|
|
- background: #009acd00;
|
|
|
-
|
|
|
- :deep(.dv-scroll-board) {
|
|
|
- .row-item {
|
|
|
- height: 40px !important;
|
|
|
- line-height: 40px !important;
|
|
|
- }
|
|
|
-
|
|
|
- .header-item {
|
|
|
- border-top: 1px solid #91e9fe !important;
|
|
|
- border-bottom: 1px solid #91e9fe !important;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ // .warning-box {
|
|
|
+ // width: calc(100% - 520px);
|
|
|
+
|
|
|
+ // .warning-container {
|
|
|
+ // width: 100%;
|
|
|
+ // height: convert;
|
|
|
+ // background: #009acd00;
|
|
|
+
|
|
|
+ // :deep(.dv-scroll-board) {
|
|
|
+ // .row-item {
|
|
|
+ // height: 40px !important;
|
|
|
+ // line-height: 40px !important;
|
|
|
+ // }
|
|
|
+
|
|
|
+ // .header-item {
|
|
|
+ // border-top: 1px solid #91e9fe !important;
|
|
|
+ // border-bottom: 1px solid #91e9fe !important;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
}
|
|
|
|
|
|
.right-bottom {
|