<template>
|
<div class="warnRightChartsContainer">
|
<div class="rightTop 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>WARNING LIST</span>
|
</div>
|
</div>
|
<WarnList />
|
</div>
|
<div class="rightMiddle 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>DETAILS OF DISPOSAL PROCESS</span>
|
</div>
|
</div>
|
<DisposalPro />
|
</div>
|
<div class="rightBottom 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>ASSOCIATION WARNING</span>
|
</div>
|
</div>
|
<AssociationWarn />
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import WarnList from '@/components/warnAnalysis/rightCharts/WarnList'
|
import DisposalPro from '@/components/warnAnalysis/rightCharts/DisposalPro'
|
import AssociationWarn from '@/components/warnAnalysis/rightCharts/AssociationWarn'
|
export default {
|
name: 'rightCharts',
|
components: {
|
WarnList,
|
DisposalPro,
|
AssociationWarn
|
},
|
data() {
|
return {}
|
},
|
created() {
|
this.init()
|
},
|
methods: {
|
init() {}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.warnRightChartsContainer {
|
width: 100%;
|
height: 100%;
|
box-sizing: border-box;
|
overflow: hidden;
|
|
.rightTop {
|
width: 100%;
|
height: 30%;
|
box-sizing: border-box;
|
overflow: hidden;
|
}
|
|
.rightMiddle {
|
margin: 10px 0;
|
width: 100%;
|
height: 40%;
|
box-sizing: border-box;
|
overflow: hidden;
|
}
|
|
.rightBottom {
|
width: 100%;
|
height: 30%;
|
padding-top: 70px;
|
box-sizing: border-box;
|
overflow: hidden;
|
}
|
}
|
</style>
|
