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

This commit is contained in:
任珮宇 2024-03-06 11:39:38 +08:00
parent d335cdf55c
commit 94977a59c7

View File

@ -1,6 +1,7 @@
<template> <template>
<div style="height: 100%"> <div style="height: 100%">
<SearchBar type="alarmAnalysis" @search="handleSearch"></SearchBar> <SearchBar type="alarmAnalysis" @search="handleSearch"></SearchBar>
<div style="width: 100%; height: calc(100% - 50px)">
<a-spin :spinning="spinning"> <a-spin :spinning="spinning">
<div class="chart-layout" id="analysisChartBar"></div> <div class="chart-layout" id="analysisChartBar"></div>
<div class="chart-box"> <div class="chart-box">
@ -15,6 +16,7 @@
</div> </div>
</a-spin> </a-spin>
</div> </div>
</div>
</template> </template>
<script> <script>
@ -314,12 +316,18 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
::v-deep.ant-spin-nested-loading {
height: 100%;
.ant-spin-container {
height: 100%;
}
}
.chart-layout { .chart-layout {
height: 400px; height: 400px;
margin-left: 20px; margin-left: 20px;
} }
.chart-box { .chart-box {
height: calc(100% - 450px); height: calc(100% - 400px);
margin-left: 20px; margin-left: 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;