恶心变量命名

src/views/ty/index.vue

@@ -67,7 +67,7 @@
                 <div class="venue_proportion_top" style="cursor: pointer;" @click="istygShowfn">
                   <span class="venue_proportion_box_num" style="position: relative;cursor: pointer;">
                     <a target="tyg" style="text-decoration: none;color: #fff;z-index: 9999;">
-                      {{ cgrdata[0]['proportion'] }}
+                      {{ cgp_1 }}
 
                     </a>
                     <!-- v-show="istygShow == true" -->
@@ -78,14 +78,14 @@
                   </span>
                 </div>
                 <div class="venue_proportion_bo">
-                  <span>{{ cgrdata[0]['groupName'] }}</span>
+                  <span>{{ cgn_1 }}</span>
                 </div>
               </div>
               <div class="venue_proportion">
                 <div class="venue_proportion_top" style="cursor: pointer;" @click="istygShowfn2">
                   <span class="venue_proportion_box_num" style="position: relative;cursor: pointer;">
                     <a target="tyg" style="text-decoration: none;color: #fff;z-index: 9999;">
-                      {{ cgrdata[1]['proportion'] }}
+                      {{ cgp_2 }}
 
                     </a>
                     <!-- v-show="istygShow == true" -->
@@ -96,13 +96,13 @@
                   </span>
                 </div>
                 <div class="venue_proportion_bo">
-                  <span>{{ cgrdata[1]['groupName'] }}</span>
+                  <span>{{ cgn_2 }}</span>
                 </div>
               </div>
               <div class="venue_proportion">
                 <div class="venue_proportion_top" style="cursor: pointer;" @click="istygShowfn3">
                   <span class="venue_proportion_box_num" style="position: relative;cursor: pointer;">
-                    {{ cgrdata[2]['proportion'] }}
+                    {{ cgp_3 }}
                     <!-- v-show="istygShow == true" -->
                     <div v-show="istygShow3 == true" style="cursor: pointer;overflow-y: hidden;padding: 0.5rem;"
                       @click="istygShowfn3">
@@ -111,7 +111,7 @@
                   </span>
                 </div>
                 <div class="venue_proportion_bo">
-                  <span>{{ cgrdata[2]['groupName'] }}</span>
+                  <span>{{ cgn_3 }}</span>
                 </div>
               </div>
 
@@ -132,6 +132,7 @@
 </template>
 <script>
 // 引入echarts
+// import {echarts} from "echarts";
 import * as echarts from "echarts";
 
 // 引入api
@@ -157,9 +158,12 @@ export default {
       // 一天的数据
       daData:[],
       // 场馆人次占比
-      cgrdata:[],
+      cgp_1:'',
-      tygrate:[],
+      cgp_2:'',
-      cgname:[],
+      cgp_3:'',
+      cgn_1:'',
+      cgn_2:'',
+      cgn_3:'',
 
       initCount: 0,
       pubKey0: '',
@@ -172,23 +176,21 @@ export default {
 
     };
   },
-  created() {
+   created() {
     // this.$nextTick 将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它，然后等待DOM更新
-    this.$nextTick(() => {
+     this.$nextTick(() => {
       this.initPlugin();
       this.initPlugin2();
       this.initPlugin3();
-
     });
 
-
   },
   // 退出清空播放插件
   destroy(){
 
   },
-
+  
-  mounted() {
+   mounted() {
     let cc = window.document.getElementById("app");
     // 清除其他多余的classname
     if (cc.className.indexOf('ty_bg') > -1) {
@@ -197,17 +199,23 @@ export default {
       cc.classList.add("ty_bg");
     }
     // // 计算三个馆的进馆人数
-    this.getStat()
+    this.$nextTick( ()=>{
+        this.getStat()
+    });
+    
+
+    this.$nextTick( ()=>{
+      this.ty_bar1()
+      // this.ty_bar2()
+      this.ty_bar3()
+    })  
 
-    this.ty_bar1()
-    // this.ty_bar2()
-    this.ty_bar3()
 
-    this.$nextTick(()=>{
+    // this.$nextTick(()=>{
       this.addNumber(0, this.todayNum, 'insv')
       this.addNumber(0, this.monthNum, 'insv2')
       this.addNumber(0, this.yearNum, 'insv3')
-    });
+    // });
 
     this.getVideo()
 
@@ -737,19 +745,24 @@ export default {
     // 总计 体育场馆的总数
     getStat() {
       let that = this
-      const groups ="110|210|310"
+      const groups ="110|210|310";
       // DAILY
-      homeApi.allTygGroupTimeNum({granularity:"daily",groupsId:groups}).then(res=>{
+       homeApi.allTygGroupTimeNum({granularity:"daily",groupsId:groups}).then(res=>{
         // 24h 人流趋势
         that.daData = res.data.data
         const day_tmp=res.data.data.groupsData
         
         //遍历加
         day_tmp.forEach(item=>{
-          that.todayNum =+ item.noRepeatInNum,
+          that.todayNum =+ item.noRepeatInNum
-          that.cgname.push[item.groupName]
         });
-        that.cgrdata = day_tmp
+        // 赋值
+        that.cgp_1 = day_tmp[0].proportion
+        that.cgn_1 = day_tmp[0].groupName
+        that.cgp_2 = day_tmp[1].proportion
+        that.cgn_2 = day_tmp[1].groupName
+        that.cgp_3 = day_tmp[2].proportion
+        that.cgn_3 = day_tmp[2].groupName
 
       })
       // MONTHLY