|
@@ -1,6 +1,6 @@
|
|
<template>
|
|
<template>
|
|
<!-- padding: 0 10px; -->
|
|
<!-- padding: 0 10px; -->
|
|
- <div style="width: 100%;height:100%;">
|
|
|
|
|
|
+ <div style="width: 100%;height:99vh;">
|
|
<div class="sand-table" id="sandTable" v-if="$route.path === '/integratedAlarm'">
|
|
<div class="sand-table" id="sandTable" v-if="$route.path === '/integratedAlarm'">
|
|
<!-- <img :src="require('@assets/png/3dcloud.png')" class="i3dcloud" /> -->
|
|
<!-- <img :src="require('@assets/png/3dcloud.png')" class="i3dcloud" /> -->
|
|
<StBack></StBack>
|
|
<StBack></StBack>
|
|
@@ -10,7 +10,7 @@
|
|
<!-- v-if="showPanel" -->
|
|
<!-- v-if="showPanel" -->
|
|
<!-- 第一机组 -->
|
|
<!-- 第一机组 -->
|
|
<div class="sand-table-left">
|
|
<div class="sand-table-left">
|
|
- <PanelSand class="left-panel" title="停机信息-中车">
|
|
|
|
|
|
+ <PanelSand class="left-panel" :style="isFullScreen ? 'height: 26vh' : 'height: 27vh'" title="停机信息-中车">
|
|
<template v-slot:tools>
|
|
<template v-slot:tools>
|
|
<div class="exchange" @click="changeBjSwitch('left')">
|
|
<div class="exchange" @click="changeBjSwitch('left')">
|
|
<span :class="bjSwitch ? 'gray' : 'white'">故障</span>
|
|
<span :class="bjSwitch ? 'gray' : 'white'">故障</span>
|
|
@@ -20,7 +20,7 @@
|
|
</template>
|
|
</template>
|
|
<RankTable :data="selsZC" @rowClick="clickStopRow('left')" height="20vh"></RankTable>
|
|
<RankTable :data="selsZC" @rowClick="clickStopRow('left')" height="20vh"></RankTable>
|
|
</PanelSand>
|
|
</PanelSand>
|
|
- <PanelSandToolbar class="right-panel mg-t-16" title="预警情况">
|
|
|
|
|
|
+ <PanelSandToolbar class="right-panel mg-t-16" :style="isFullScreen ? 'height: 19vh' : 'height: 22vh'" title="预警情况">
|
|
<template v-slot:tools>
|
|
<template v-slot:tools>
|
|
<div class="exchange">
|
|
<div class="exchange">
|
|
<span :class="warnSwitch === 'z' ? 'white' : 'gray'" @click="changeWarnSwitch('z')">周</span>
|
|
<span :class="warnSwitch === 'z' ? 'white' : 'gray'" @click="changeWarnSwitch('z')">周</span>
|
|
@@ -41,7 +41,7 @@
|
|
<RadarPieChart height="18vh" :list="warnChartDataZC" :title="warnPC ? '预警频次情况' : '预警时长情况'" />
|
|
<RadarPieChart height="18vh" :list="warnChartDataZC" :title="warnPC ? '预警频次情况' : '预警时长情况'" />
|
|
</template>
|
|
</template>
|
|
</PanelSandToolbar>
|
|
</PanelSandToolbar>
|
|
- <PanelSandToolbar class="right-panel mg-t-16" title="故障情况" @click="clickTime('WT2000D121H85')" style="cursor: pointer">
|
|
|
|
|
|
+ <PanelSandToolbar class="right-panel mg-t-16" :style="isFullScreen ? 'height: 19vh' : 'height: 22vh'" title="故障情况" @click="clickTime('WT2000D121H85')" style="cursor: pointer">
|
|
<template v-slot:tools>
|
|
<template v-slot:tools>
|
|
<div class="exchange">
|
|
<div class="exchange">
|
|
<span :class="probSwitch === 'z' ? 'white' : 'gray'" @click.stop="changeProbSwitch('z')">周</span>
|
|
<span :class="probSwitch === 'z' ? 'white' : 'gray'" @click.stop="changeProbSwitch('z')">周</span>
|
|
@@ -78,7 +78,7 @@
|
|
</template>
|
|
</template>
|
|
<RankTable :data="selsLH" @rowClick="clickStopRow('right')" height="20vh"></RankTable>
|
|
<RankTable :data="selsLH" @rowClick="clickStopRow('right')" height="20vh"></RankTable>
|
|
</PanelSand>
|
|
</PanelSand>
|
|
- <PanelSandToolbar class="right-panel mg-t-16" title="预警情况">
|
|
|
|
|
|
+ <PanelSandToolbar class="right-panel mg-t-16" :style="isFullScreen ? 'height: 19vh' : 'height: 22vh'" title="预警情况">
|
|
<template v-slot:tools>
|
|
<template v-slot:tools>
|
|
<div class="exchange">
|
|
<div class="exchange">
|
|
<span :class="warnSwitch2 === 'z' ? 'white' : 'gray'" @click="changeWarnSwitch2('z')">周</span>
|
|
<span :class="warnSwitch2 === 'z' ? 'white' : 'gray'" @click="changeWarnSwitch2('z')">周</span>
|
|
@@ -99,7 +99,7 @@
|
|
<RadarPieChart height="18vh" :list="warnChartDataLH" :title="warnPC2 ? '预警频次情况' : '预警时长情况'" />
|
|
<RadarPieChart height="18vh" :list="warnChartDataLH" :title="warnPC2 ? '预警频次情况' : '预警时长情况'" />
|
|
</template>
|
|
</template>
|
|
</PanelSandToolbar>
|
|
</PanelSandToolbar>
|
|
- <PanelSandToolbar class="right-panel mg-t-16" title="故障情况" @click="clickTime('UP2000-130')">
|
|
|
|
|
|
+ <PanelSandToolbar class="right-panel mg-t-16" :style="isFullScreen ? 'height: 19vh' : 'height: 22vh'" title="故障情况" @click="clickTime('UP2000-130')">
|
|
<template v-slot:tools>
|
|
<template v-slot:tools>
|
|
<div class="exchange">
|
|
<div class="exchange">
|
|
<span :class="probSwitch2 === 'z' ? 'white' : 'gray'" @click.stop="changeProbSwitch2('z')">周</span>
|
|
<span :class="probSwitch2 === 'z' ? 'white' : 'gray'" @click.stop="changeProbSwitch2('z')">周</span>
|
|
@@ -122,7 +122,7 @@
|
|
</template>
|
|
</template>
|
|
</PanelSandToolbar>
|
|
</PanelSandToolbar>
|
|
</div>
|
|
</div>
|
|
- <div class="footer">
|
|
|
|
|
|
+ <div class="footer" :style="isFullScreen ? 'bottom: 9vh' : 'bottom: 0vh'">
|
|
<div class="hover72Power">
|
|
<div class="hover72Power">
|
|
<div
|
|
<div
|
|
id="problem1"
|
|
id="problem1"
|
|
@@ -571,6 +571,7 @@
|
|
}
|
|
}
|
|
],
|
|
],
|
|
timmer: null, // 定时器开关
|
|
timmer: null, // 定时器开关
|
|
|
|
+ isFullScreen: false
|
|
};
|
|
};
|
|
},
|
|
},
|
|
|
|
|
|
@@ -1506,6 +1507,13 @@
|
|
// 创建前
|
|
// 创建前
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
|
|
+ const clientHeight =
|
|
|
|
+ document.documentElement.clientHeight || document.body.clientHeight;
|
|
|
|
+ if (clientHeight === 1080) {
|
|
|
|
+ this.isFullScreen = true;
|
|
|
|
+ } else {
|
|
|
|
+ this.isFullScreen = false;
|
|
|
|
+ }
|
|
// this.getWpHealthInfo();
|
|
// this.getWpHealthInfo();
|
|
// this.getTop4Info();
|
|
// this.getTop4Info();
|
|
// this.getWarnMGT();
|
|
// this.getWarnMGT();
|
|
@@ -1519,6 +1527,11 @@
|
|
// 渲染前
|
|
// 渲染前
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
|
|
+ window.onresize = () => {
|
|
|
|
+ const clientHeight =
|
|
|
|
+ document.documentElement.clientHeight || document.body.clientHeight;
|
|
|
|
+ this.isFullScreen = window.screen.height == clientHeight;
|
|
|
|
+ };
|
|
// 渲染后
|
|
// 渲染后
|
|
this.$nextTick(() =>{
|
|
this.$nextTick(() =>{
|
|
// this.init(jsonData)
|
|
// this.init(jsonData)
|
|
@@ -1564,7 +1577,8 @@
|
|
.sand-table {
|
|
.sand-table {
|
|
width: 100%;
|
|
width: 100%;
|
|
// height: 91.667vh;
|
|
// height: 91.667vh;
|
|
- height: 100%;
|
|
|
|
|
|
+ // height: 100%;
|
|
|
|
+ height: 98vh;
|
|
position: relative;
|
|
position: relative;
|
|
background-image: url("../../assets/png/3dback.png");
|
|
background-image: url("../../assets/png/3dback.png");
|
|
|
|
|
|
@@ -1610,6 +1624,7 @@
|
|
}
|
|
}
|
|
|
|
|
|
.sand-table-left {
|
|
.sand-table-left {
|
|
|
|
+ height: 79vh;
|
|
position: absolute;
|
|
position: absolute;
|
|
left: 0;
|
|
left: 0;
|
|
top: 0;
|
|
top: 0;
|
|
@@ -1617,6 +1632,7 @@
|
|
}
|
|
}
|
|
|
|
|
|
.sand-table-right {
|
|
.sand-table-right {
|
|
|
|
+ height: 79vh;
|
|
position: absolute;
|
|
position: absolute;
|
|
right: 0;
|
|
right: 0;
|
|
top: 0;
|
|
top: 0;
|
|
@@ -1712,8 +1728,8 @@
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 19vh;
|
|
height: 19vh;
|
|
- position: relative;
|
|
|
|
- bottom: -80vh;
|
|
|
|
|
|
+ position: absolute;
|
|
|
|
+
|
|
z-index: 111;
|
|
z-index: 111;
|
|
|
|
|
|
.hover72Power,
|
|
.hover72Power,
|