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