瀏覽代碼

系统集成报告环形图增加loading

haojianlong 5 年之前
父節點
當前提交
d115bc975c
共有 1 個文件被更改,包括 4 次插入1 次删除
  1. 4 1
      src/components/point/report/integrateStatistics.vue

+ 4 - 1
src/components/point/report/integrateStatistics.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="integrateStatistics">
     <!-- 环形表 -->
-    <div class="statistics-chart">
+    <div class="statistics-chart" v-loading="loopchartLoading">
       <div class="chart-title">表号功能号总数量:{{ pointData.tabFuncNumSum }} <span style="float:right">目前可能断数的数量:{{ pointData.disConn }}</span></div>
       <hr style="width:90%" />
       <div ref="loopchart" class="chart" id="loopchart"></div>
@@ -68,6 +68,7 @@ export default {
     return {
       //环形图
       loopChart: null,
+      loopchartLoading: false,
       //环形图数据
       loopChartData: [],
       //条形图数据
@@ -88,6 +89,7 @@ export default {
   methods: {
     //加载图表数据
     loadChart() {
+      this.loopchartLoading = true;
       //获取环形图数据
       getIntegrateStatisticsToLoop({}, res => {
         //设置点位-表号功能号数据
@@ -187,6 +189,7 @@ export default {
               that.loopChart.setOption(loopOption);
             }
           });
+          this.loopchartLoading = false;
         }, 100);
 
       })