From 0175cda6150656bc74b34c6f6c71edd1e1fc653c Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期四, 04 二月 2021 18:22:54 +0800
Subject: [PATCH] treee, 修复tab切换时树的选中状态.添加区域

---
 src/pages/cameraAccess/components/scene/SlideScene.vue |   28 ++++++----------------------
 1 files changed, 6 insertions(+), 22 deletions(-)

diff --git a/src/pages/cameraAccess/components/scene/SlideScene.vue b/src/pages/cameraAccess/components/scene/SlideScene.vue
index 4bf640f..969aae5 100644
--- a/src/pages/cameraAccess/components/scene/SlideScene.vue
+++ b/src/pages/cameraAccess/components/scene/SlideScene.vue
@@ -30,7 +30,7 @@
                   </svg>-->
                   <img
                     class="baseImg"
-                    :src="item.rules[0].icon_blob &&item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${rule.icon_blob}`"
+                    :src="item.rules[index].icon_blob &&item.rules[index].icon_blob.indexOf(',')>0?item.rules[index].icon_blob:`data:image/png;base64,${rule.icon_blob}`"
                     alt
                   />
                 </div>
@@ -42,7 +42,7 @@
                   </svg>-->
                   <img
                     class="baseImg"
-                    :src="item.rules[0].icon_blob &&item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${rule.icon_blob}`"
+                    :src="item.rules[index].icon_blob &&item.rules[index].icon_blob.indexOf(',')>0?item.rules[index].icon_blob:`data:image/png;base64,${rule.icon_blob}`"
                     alt
                   />
                 </div>
@@ -54,7 +54,7 @@
                   </svg>-->
                   <img
                     class="baseImg"
-                    :src="item.rules[0].icon_blob && item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${rule.icon_blob}`"
+                    :src="item.rules[index].icon_blob && item.rules[index].icon_blob.indexOf(',')>0?item.rules[index].icon_blob:`data:image/png;base64,${rule.icon_blob}`"
                     alt
                   />
                 </div>
@@ -79,6 +79,7 @@
 </template>
 
 <script>
+import {chunkArr} from '@/scripts/util';
 export default {
   props: [
     // 'swiperOption',
@@ -130,27 +131,10 @@
     // this.mySwiper = this.$refs.sceneSwiper.swiper;
 
   },
-  methods: {
-    //鎷嗗垎浜岀淮鏁扮粍
-    chunk(arr, size = 1) {
-      if (arr.length == 0) return;
-      const tempContainer = [];
-      let innerArr = [];
-      arr.forEach(item => {
-        if (innerArr.length == 0) {
-          tempContainer.push(innerArr);
-        }
-        innerArr.push(item);
-        if (innerArr.length == size) {
-          innerArr = [];
-        }
-      });
-      return tempContainer;
-    }
-  },
+
   computed: {
     slides() {
-      return this.chunk(this.mockSceneData, 5);
+      return chunkArr(this.mockSceneData, 5);
     }
   }
 };

--
Gitblit v1.8.0