no message

Former-commit-id: 0cdf814303614e8577d56874f9384888b1c9e613
Former-commit-id: e676ef372115ff3ffebe667096553dc506f5c798
Former-commit-id: 0bb4e736a85e70b4d741d9256d3ee2c1b3fe9019

src/pages/demo/chart/index/components/ChartCardHeader.vue

@@ -0,0 +1,30 @@
+<template>
+  <div>
+    {{title}}
+    <span class="dd-fr">
+      <el-tooltip effect="dark" content="刷新数据" placement="top">
+        <Icon class="chart-card-header-icon" name="refresh"></Icon>
+      </el-tooltip>
+    </span>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      required: false,
+      default: ''
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import '~@/assets/style/public.scss';
+.chart-card-header-icon {
+  color: $color-text-sub;
+}
+</style>
+

src/pages/demo/chart/index/index.vue

@@ -6,7 +6,10 @@
         @resize="handleResize('G2LineBase1')"
         @resized="handleResized('G2LineBase1')">
         <el-card class="header-in">
-          <div slot="header">近年趋势</div>
+          <ChartCardHeader
+            slot="header"
+            title="近年行情">
+          </ChartCardHeader>
           <G2LineBase ref="G2LineBase1" v-bind="chart[0]"></G2LineBase>
         </el-card>
       </GridItem>
@@ -17,11 +20,15 @@
 <script>
 import layout from './mixins/layout'
 import chart from './mixins/chart'
+import ChartCardHeader from './components/ChartCardHeader'
 export default {
   mixins: [
     layout,
     chart
-  ]
+  ],
+  components: {
+    ChartCardHeader
+  }
 }
 </script>
 

src/pages/demo/chart/index/mixins/layout.js

@@ -22,7 +22,9 @@ export default {
   methods: {
     // 更新指定的图表
     chartResize (name) {
-      this.$refs[name].resize()
+      this.$nextTick(() => {
+        this.$refs[name].resize()
+      })
     },
     // 布局组件发生变化
     layoutUpdatedHandler (newLayout) {