服务管理布局

web/src/components/Home/Alarm.vue

@@ -93,8 +93,11 @@ export default {
   },
   mounted() {},
   beforeUnmount() {
-    this.faultChart = null
     window.removeEventListener('resize', this.handleResize)
+    if (this.faultChart) {
+      this.faultChart.dispose()
+      this.faultChart = null
+    }
   },
 
   methods: {
@@ -130,6 +133,9 @@ export default {
 
     drawLineChart(activeKey) {
       this.getChargeData(activeKey)
+      if(this.faultChart){
+        this.faultChart.dispose()
+      }
       const chartDom = document.getElementById('alarm-chart')
       let faultChart = this.$echarts.init(chartDom)
       this.faultChart = faultChart

web/src/components/Home/Charge.vue

@@ -154,7 +154,6 @@ export default {
     },
 
     drawLineChart(activeKey) {
-      console.log(this.$refs.charge)
       // const labelCount = Math.floor(500 / 30);
       this.getChargeData(activeKey)
       if(this.chargeChart){

web/src/views/system/service.vue

@@ -58,7 +58,7 @@ export default {
   props: {},
   data() {
     return {
-      tableData:[],
+      tableData: [],
 
       tableOption: {
         select: false
@@ -243,10 +243,9 @@ export default {
 <style lang="scss" scoped>
 .service {
   height: 100%;
-
+  padding: 0 20px;
   .content-table {
-    height: calc(100% - 70px);
-    padding: 10px;
+    height: calc(100% - 92px);
   }
 }
 </style>