xiaoguangbin/AnalysisSystemForRadionuclide_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

报警模块中Alarm Analysis 页面Station Alarm number和Anaysis Sources Alarms 图表不显示

Browse Source
This commit is contained in:
任珮宇 2024-03-06 11:39:38 +08:00
parent d335cdf55c
commit 94977a59c7
1 changed files with 21 additions and 13 deletions

34
src/views/abnormalAlarm/analysisMonitor/alarmAnalysis/index.vue
View File

@ -1,19 +1,21 @@
<template>
<div style="height: 100%">
<SearchBar type="alarmAnalysis" @search="handleSearch"></SearchBar>
<a-spin :spinning="spinning">
<div class="chart-layout" id="analysisChartBar"></div>
<div class="chart-box">
<div class="chart-box-left">
<BoxTitle title="Station Alarm number"></BoxTitle>
<div class="chart-box-left-bar" id="chartLeft"></div>
<div style="width: 100%; height: calc(100% - 50px)">
<a-spin :spinning="spinning">
<div class="chart-layout" id="analysisChartBar"></div>
<div class="chart-box">
<div class="chart-box-left">
<BoxTitle title="Station Alarm number"></BoxTitle>
<div class="chart-box-left-bar" id="chartLeft"></div>
</div>
<div class="chart-box-right">
<BoxTitle title="Anaysis Sources Alarms"></BoxTitle>
<div class="chart-box-right-pie" id="chartRight"></div>
</div>
</div>
<div class="chart-box-right">
<BoxTitle title="Anaysis Sources Alarms"></BoxTitle>
<div class="chart-box-right-pie" id="chartRight"></div>
</div>
</div>
</a-spin>
</a-spin>
</div>
</div>
</template>
@ -314,12 +316,18 @@ export default {
</script>
<style lang="less" scoped>
::v-deep.ant-spin-nested-loading {
height: 100%;
.ant-spin-container {
height: 100%;
}
}
.chart-layout {
height: 400px;
margin-left: 20px;
}
.chart-box {
height: calc(100% - 450px);
height: calc(100% - 400px);
margin-left: 20px;
display: flex;
justify-content: space-between;