修复数据栈文件删除列表仍有遗留的bug

hanbaoshan

2020-10-30 1acb2169d78d74e347bdfc2e962a88e6cb585bb7

 src/pages/cameraAccess/components/scene/SlideScene.vue

@@ -1,7 +1,7 @@
<template>

  <div class="swiper-box">

    <p class="task-tip" v-if="sceneData.length == 0 ">暂无场景，请开始创建</p>

    <swiper ref="sceneSwiper" v-if="sceneData.length>=1" :options="swiperOption" class="swiper-box-container">

      <!-- <span class="task-tip" v-show="Camera.rules.length == 0 ">暂无场景,请开始创建</span> -->

      <swiper-slide v-for="item in sceneData" :key="item.id+'s'">

        <div class="wrap-box" >

          <div class="inner">

@@ -11,7 +11,7 @@
                  <!-- <svg class="icon" aria-hidden="true" style="font-size:4rem;">

                    <use :xlink:href="`#${item.rules[0].icon}`" />

                  </svg> -->

                  <img class="baseImg" :src="`data:image/png;base64,${item.rules[0].icon_blob}`" alt="">

                  <img class="baseImg" :src="item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${item.rules[0].icon_blob}`" alt="">

                </div>

              </div>

              <div class="double" v-else-if="item.rules.length==2">

@@ -19,7 +19,7 @@
                  <!-- <svg class="icon" aria-hidden="true" style="font-size:2rem;">

                    <use :xlink:href="`#${rule.icon}`" />

                  </svg> -->

                  <img class="baseImg" :src="`data:image/png;base64,${rule.icon_blob}`" alt="">

                  <img class="baseImg" :src="item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${rule.icon_blob}`" alt="">

                </div>

              </div>

              <div class="third" v-else-if="item.rules.length==3">

@@ -27,7 +27,7 @@
                  <!-- <svg class="icon" aria-hidden="true" style="font-size:2rem;">

                    <use :xlink:href="`#${rule.icon}`" />

                  </svg> -->

                  <img class="baseImg" :src="`data:image/png;base64,${rule.icon_blob}`" alt="">

                  <img class="baseImg" :src="item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${rule.icon_blob}`" alt="">

                </div>

              </div>

              <div class="four" v-else-if="item.rules.length==4">

@@ -35,7 +35,7 @@
                  <!-- <svg class="icon" aria-hidden="true" style="font-size:2rem;">

                    <use :xlink:href="`#${rule.icon}`" />

                  </svg> -->

                  <img class="baseImg" :src="`data:image/png;base64,${rule.icon_blob}`" alt="">

                  <img class="baseImg" :src="item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${rule.icon_blob}`" alt="">

                </div>

              </div>

            </div>

@@ -143,6 +143,12 @@
  fill: currentColor;

  overflow: hidden;

}

.task-tip{

  font-family: PingFangSC-Regular;

  font-size: 12px;

  color: #cccccc;

  margin-top: 10%;

}

.wrap-box {

  width: 100%;

  display: inline-block;

@@ -222,7 +228,7 @@
            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            width: 96%;

            width: 76%;

          }

        }

      }