bug fixed

src/assets/css/element_ui.css

@@ -37,6 +37,9 @@
 .el-popper[x-placement^="bottom"] .popper__arrow::after {
   border-bottom-color: #19446E;
 }
+.el-table .el-table__cell {
+  padding: 0.26042vw 0;
+}
 
 /* 重置种植动态搜索区域 */
 .el-form {

src/components/barChart.vue

@@ -151,7 +151,7 @@ export default {
           show: true,//开启显示
           position: 'top',//在上方显示
           textStyle: {//数值样式
-            fontSize: '7px',
+            fontSize: '5px',
             color: '#fff'
           },
           // formatter: '{c}',

src/components/lineChart.vue

@@ -23,7 +23,7 @@ export default {
     legendTop: { type: Number, default: 10 },
     markLine: { type: Object }, // 标线
     symbolSize: { type: Number, default: 4 },
-    showArea: { type: Boolean, default: true },
+    showArea: { type: Boolean, default: false },
     labelSize: { type: Number, default: 12 },
     isBig: { type: Boolean, default: false },
     autoStop: { type: Boolean, default: true }, // tooltip循环会否循环一轮后自动停止

src/pages/index/components/business_overview.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="body-wrapper">
     <div style="width: 100%;display: flex;justify-content: space-between;">
-      <div style="width: 33%;height: 400px;">
+      <div style="width: 33%;height: 200px;">
         <h4 style="color: white">车场数量</h4>
         <piechart
           class="model-pie-body"
@@ -14,7 +14,7 @@
           :encode="{ itemName: 'name', value: 'value' }"
         />
       </div>
-      <div style="width: 33%;height: 400px;">
+      <div style="width: 33%;height: 200px;">
         <h4 style="color: white">设备情况</h4>
         <barchart
           class="side-chart"
@@ -34,7 +34,7 @@
           id="fxdqhszzt"
         />
       </div>
-      <div style="width: 33%;height: 400px;">
+      <div style="width: 33%;height: 200px;">
         <h4 style="color: white">事件数据</h4>
         <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
           <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
@@ -51,7 +51,7 @@
     <br>
     <br>
     <div style="width: 100%;display: flex;justify-content: space-between;">
-      <div style="width: 33%;height: 400px;">
+      <div style="width: 33%;height: 200px;">
         <div align="center" style="color: white">停车趋势</div>
         <linechart
           :autoStop="false"
@@ -69,7 +69,7 @@
           id="sxcyfzqk1"
         />
       </div>
-      <div style="width: 33%;height: 400px;">
+      <div style="width: 33%;height: 200px;">
         <div align="center" style="color: white">泊位周转趋势</div>
         <linechart
           :autoStop="false"
@@ -87,7 +87,7 @@
           id="bwzzqs"
         />
       </div>
-      <div style="width: 33%;height: 400px;">
+      <div style="width: 33%;height: 200px;">
         <div align="center" style="color: white">泊位利用率趋势</div>
         <linechart
           :autoStop="false"
@@ -109,7 +109,7 @@
     <br>
     <br>
     <div style="width: 100%;display: flex;justify-content: space-between;">
-      <div style="width: 33%;height: 400px;">
+      <div style="width: 33%;height: 200px;">
         <div align="center" style="color: white">实缴金额</div>
         <linechart
           :autoStop="false"
@@ -127,7 +127,7 @@
           id="sjqs"
         />
       </div>
-      <div style="width: 33%;height: 400px;">
+      <div style="width: 33%;height: 200px;">
         <div align="center" style="color: white">泊位实时占用率</div>
         <linechart
           :autoStop="false"
@@ -145,7 +145,7 @@
           id="bwsszyl"
         />
       </div>
-      <div style="width: 33%;height: 400px;">
+      <div style="width: 33%;height: 200px;">
         <h4 style="color: white">动态信息监控</h4>
         <el-table :data="tableData2" style="background: #2a2a2a;border-color: #333;">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
@@ -244,6 +244,9 @@ export default {
     this.dashBusinessOverviewStat6()
     this.dashBusinessOverviewStat7()
     this.getTableData2()
+    this.interval = setInterval(() => {
+      this.getTableData2()
+    }, 5000)
     const {pageNum, pageSize} = this
     let that = this
     let params4 = {current: pageNum, size: pageSize}
@@ -255,9 +258,13 @@ export default {
       this.tableData = res[3].data.records || []
       this.total = res[3].data.total || 0
     })
+
   },
   watch: {
   },
+  beforeDestroy() {
+    clearInterval(this.interval)
+  },
   methods: {
     dashAccessDataAnalysisStat1(){
       api_l.dashAccessDataAnalysisStat1().then(res =>{