22

packages/bigscreen/dv/components/XyGrid.vue

@@ -38,14 +38,15 @@
         <div class="grid-container">
           <h2 :title="girdName2">{{ girdName2 }}</h2>
           <div class="grid-list">
-            <div
+            <div @click.stop="onGrid2Click(girdId1, girdName2)">{{ girdName2 }}</div>
+            <!-- <div
               :class="[currIndex2 === index ? 'grid-active' : '']"
               v-for="(item, index) in girdInfoList2"
               :key="index"
               :title="item.girdName"
               @click.stop="onGrid2Click(item, index)">
               {{ item.girdName }}
-            </div>
+            </div> -->
           </div>
         </div>
       </div>
@@ -120,6 +121,7 @@
         isShowGrid4: false,
         isShowGrid5: false,
         currIndex2: 0,
+        girdId1: '',
         currIndex3: 0,
         currIndex4: 0,
         currIndex5: 0,
@@ -134,7 +136,8 @@
         girdNum3: 0,
         girdNum4: 0,
         girdNum5: 0,
-        currGird: ''
+        currGird: '',
+        girdName1: ''
       }
     },
 
@@ -159,9 +162,9 @@
         }
       },
 
-      onGrid2Click (item, index) {
-        this.currIndex2 = index
-        this.girdName2 = item.girdName
+      onGrid2Click (id, name) {
+        // this.currIndex2 = index
+        // this.girdName2 = item.girdName
         this.currIndex3 = -1
         this.currIndex4 = -1
         this.currIndex5 = -1
@@ -169,10 +172,10 @@
         this.girdInfoList3 = []
         this.girdInfoList4 = []
         this.girdInfoList5 = []
-        this.$emit('nodeClick', item.id)
+        this.$emit('nodeClick', id)
 
-        this.currGird = item.girdName
-        this.getInfo(item.id)
+        this.currGird = name
+        this.getInfo(id)
       },
 
       onGrid3Click (item, index) {
@@ -234,6 +237,11 @@
             res.data.girdName3 && (this.girdName4 = res.data.girdName3)
             res.data.girdName4 && (this.girdName5 = res.data.girdName4)
 
+            if (this.girdId1) {
+              this.girdName2 = res.data.girdName1
+              this.girdId1 = res.data.girdId1
+            }
+
             res.data.girdNum2 != null && (this.girdNum3 = res.data.girdNum2)
             res.data.girdNum3 != null && (this.girdNum4 = res.data.girdNum3)
             res.data.girdNum4 != null && (this.girdNum5 = res.data.girdNum4)