diff --git a/src/views/abnormalAlarm/analysisMonitor/alarmAnalysis/index.vue b/src/views/abnormalAlarm/analysisMonitor/alarmAnalysis/index.vue
index ba9886e..cda0882 100644
--- a/src/views/abnormalAlarm/analysisMonitor/alarmAnalysis/index.vue
+++ b/src/views/abnormalAlarm/analysisMonitor/alarmAnalysis/index.vue
@@ -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;