<template>
|
<div class="rightChartsContainer">
|
<div class="rightTopContainer commonTitle">
|
<div class="topTitle">
|
<i
|
><img
|
src="@/assets/img/riskMonitor/integrated/rightCons/titleRight.png"
|
alt=""
|
/></i>
|
<div class="nameCh">
|
<span>报警信息</span>
|
</div>
|
<div class="nameEn">
|
<span>ALARM INFORMATION</span>
|
</div>
|
</div>
|
<div class="topContainer container">
|
<alarm-information></alarm-information>
|
</div>
|
</div>
|
<div class="rightMiddleContainer commonTitle">
|
<div class="topTitle">
|
<i
|
><img
|
src="@/assets/img/riskMonitor/integrated/rightCons/titleRight.png"
|
alt=""
|
/></i>
|
<div class="nameCh">
|
<span>报警处置分析</span>
|
</div>
|
<div class="nameEn">
|
<span>ALARM HANDING ANALYSIS</span>
|
</div>
|
</div>
|
<div class="middleContainer container">
|
<alarm-handling-analysis :tabName="tabName"></alarm-handling-analysis>
|
</div>
|
</div>
|
<div class="rightBottomContainer commonTitle">
|
<div class="topTitle">
|
<i
|
><img
|
src="@/assets/img/riskMonitor/integrated/rightCons/titleRight.png"
|
alt=""
|
/></i>
|
<div class="nameCh">
|
<span>实时视频</span>
|
</div>
|
<div class="nameEn">
|
<span>REAL-TIME VIDEO</span>
|
</div>
|
</div>
|
<div class="bottomContainer container">
|
<real-time-video></real-time-video>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import AlarmInformation from "@/components/riskMonitor/integrated/rightCharts/alarmInformation/AlarmInformation1";
|
import AlarmHandlingAnalysis from "@/components/riskMonitor/integrated/rightCharts/alarmHandlingAnalysis/AlarmHandlingAnalysis1";
|
import RealTimeVideo from "@/components/riskMonitor/integrated/rightCharts/realTimeVideo/RealTimeVideo";
|
export default {
|
name: "rightCharts",
|
components: {
|
AlarmInformation,
|
AlarmHandlingAnalysis,
|
RealTimeVideo,
|
},
|
data() {
|
return {
|
// tabName: "",
|
};
|
},
|
methods: {
|
// tabchange(Name) {
|
// debugger;
|
// alert(Name);
|
// this.tabName = Name;
|
// },
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.rightChartsContainer {
|
width: 100%;
|
height: 100%;
|
box-sizing: border-box;
|
pointer-events: auto;
|
.rightTopContainer {
|
width: 100%;
|
height: 33%;
|
.topContainer {
|
padding-top: 51px;
|
box-sizing: border-box;
|
}
|
}
|
.rightMiddleContainer {
|
width: 100%;
|
height: 33%;
|
.middleContainer {
|
}
|
padding-top: 52px;
|
box-sizing: border-box;
|
}
|
.rightBottomContainer {
|
width: 100%;
|
height: 33%;
|
.bottomContainer {
|
padding-top: 61px;
|
box-sizing: border-box;
|
}
|
}
|
.container {
|
height: 100%;
|
}
|
}
|
</style>
|
