From 9eca7421617c3916693742e3f72bb5cee44b7c35 Mon Sep 17 00:00:00 2001
From: xianfuxing <xianfuxing@126.com>
Date: Thu, 23 Aug 2018 20:47:43 +0800
Subject: [PATCH] # bug fixed resize

---
 src/views/counter/components/chart.vue | 11 ++++++++++-
 src/views/counter/detail.vue           | 17 +++++++++--------
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/views/counter/components/chart.vue b/src/views/counter/components/chart.vue
index c25cb7f..cde0bb5 100644
--- a/src/views/counter/components/chart.vue
+++ b/src/views/counter/components/chart.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="className" :style="{height:height,width:width}"></div>
+  <div id="chart" :class="className" :style="{height:height,width:width}"></div>
 </template>
 
 <script>
@@ -27,6 +27,9 @@ export default {
     },
     chartData: {
       type: Object
+    },
+    showChart: {
+      type: Boolean
     }
   },
   data() {
@@ -69,6 +72,12 @@ export default {
       handler(val) {
         this.setOptions(val)
       }
+    },
+    showChart(val) {
+      if (val) {
+        console.log(val)
+        this.chart.resize()
+      }
     }
   },
   methods: {
diff --git a/src/views/counter/detail.vue b/src/views/counter/detail.vue
index 2dbbf50..91691d1 100644
--- a/src/views/counter/detail.vue
+++ b/src/views/counter/detail.vue
@@ -13,6 +13,7 @@
         <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
           <chart
             :chart-data="lineChartData.total"
+            :showChart="showChart"
           >
           </chart>
         </el-row>
@@ -95,17 +96,17 @@ export default {
       total: 0,
       lastItem: {},
       status: 0,
-      showChat: false,
+      showChart: false,
       flag: false
     }
   },
-  // watch: {
-  //   activeName(val) {
-  //     if (val === 'chart') {
-  //       this.showChat = true
-  //     }
-  //   }
-  // },
+  watch: {
+    activeName(val) {
+      if (val === 'chart') {
+        this.showChart = true
+      }
+    }
+  },
   methods: {
     getDeviceLogs(params) {
       fetchDeviceLogs(params).then(response => {