联调实时数据页面
This commit is contained in:
@@ -2,36 +2,48 @@
|
||||
<div class="default-main" style="padding: 10px">
|
||||
<splitpanes :style="height" class="default-theme" id="navigation-splitpanes">
|
||||
<pane :size="size">
|
||||
<PointTree ref="pointTree" :default-expand-all="false"
|
||||
<PointTree
|
||||
ref="pointTree"
|
||||
:default-expand-all="false"
|
||||
:default-expanded-keys="monitoringPoint.state.lineId ? [monitoringPoint.state.lineId] : []"
|
||||
:current-node-key="monitoringPoint.state.lineId" :show-checkbox="monitoringPoint.state.showCheckBox"
|
||||
:default-checked-keys="monitoringPoint.state.lineIds" @check="handleCheckChange"
|
||||
@node-click="handleNodeClick" @init="handleNodeClick"></PointTree>
|
||||
:current-node-key="monitoringPoint.state.lineId"
|
||||
:show-checkbox="monitoringPoint.state.showCheckBox"
|
||||
:default-checked-keys="monitoringPoint.state.lineIds"
|
||||
@check="handleCheckChange"
|
||||
@node-click="handleNodeClick"
|
||||
@init="handleNodeClick"
|
||||
></PointTree>
|
||||
</pane>
|
||||
<pane>
|
||||
<div style="position: relative; height: 100%">
|
||||
<el-tabs v-model="activeName" type="border-card" class="demo-tabs" style="height: 100%">
|
||||
<el-tabs
|
||||
v-model="activeName"
|
||||
type="border-card"
|
||||
class="demo-tabs"
|
||||
style="height: 100%"
|
||||
@tab-change="handleTabChange"
|
||||
>
|
||||
<!-- <el-tab-pane label="稳态综合评估" name="1" lazy v-if="!isReload">
|
||||
<Wentaizonghepinggu />
|
||||
</el-tab-pane> -->
|
||||
<el-tab-pane label="稳态指标合格率" name="2" lazy v-if="!isReload">
|
||||
<Wentaizhibiaohegelv />
|
||||
<Wentaizhibiaohegelv v-if="activeName == '2'" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="稳态数据分析" name="3" lazy v-if="!isReload">
|
||||
<Wentaishujufenxi />
|
||||
<Wentaishujufenxi v-if="activeName == '3'" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="谐波频谱" name="4" lazy v-if="!isReload">
|
||||
<Xiebopingpu />
|
||||
<Xiebopingpu v-if="activeName == '4'" />
|
||||
</el-tab-pane>
|
||||
<!-- <el-tab-pane label="告警数据统计" name="5" lazy v-if="!isReload">
|
||||
<Gaojingshujutongji />
|
||||
<!-- <el-tab-pane label="告警数据统计" name="5" lazy v-if="!isReload ">
|
||||
<Gaojingshujutongji v-if=" activeName == '5'"/>
|
||||
</el-tab-pane> -->
|
||||
<el-tab-pane label="监测点运行状态" name="6" lazy v-if="!isReload">
|
||||
<Yunxingzhuangtai />
|
||||
<Yunxingzhuangtai v-if="activeName == '6'" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="实时数据" name="7" lazy v-if="!isReload">
|
||||
<Shishishuju v-if="activeName == '7'" />
|
||||
</el-tab-pane>
|
||||
<!-- <el-tab-pane label="实时数据" name="7" lazy v-if="!isReload">
|
||||
<Shishishuju />
|
||||
</el-tab-pane> -->
|
||||
</el-tabs>
|
||||
<!-- <div
|
||||
class="monitoring-point"
|
||||
@@ -78,7 +90,9 @@ onMounted(() => {
|
||||
})
|
||||
const handleNodeClick = (data: any, node: any) => {
|
||||
if (data.level === 6) {
|
||||
console.log('🚀 ~ handleNodeClick ~ data:', data)
|
||||
monitoringPoint.setValue('lineId', data.id)
|
||||
monitoringPoint.setValue('pid', data.pids)
|
||||
monitoringPoint.setValue('lineName', data.alias)
|
||||
}
|
||||
}
|
||||
@@ -88,6 +102,9 @@ const handleCheckChange = (data: any, node: any) => {
|
||||
node.checkedNodes.filter((item: any) => item.level === 6).map((item: any) => item.id)
|
||||
)
|
||||
}
|
||||
const handleTabChange = () => {
|
||||
monitoringPoint.setShowCheckBox(false)
|
||||
}
|
||||
watch(
|
||||
() => router.currentRoute.value.query.lineId,
|
||||
(newLineId, oldLineId) => {
|
||||
|
||||
Reference in New Issue
Block a user