实时监控/摄像机配置/数据栈配置布局调整,应用窗口调整,算法管理更换为应用中心

hanbaoshan

2020-08-06 d259bd9cf2943926d1c8078ee0ce70a0aa1afef3

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

@@ -8,34 +8,34 @@
            <div class="scenario-icon">

              <div class="single" v-if="item.rules.length==1">

                <div class="svg-wrap">

                  <svg class="icon" aria-hidden="true" style="font-size:4rem;">

                  <!-- <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].iconBlob}`" alt=""> -->

                  </svg> -->

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

                </div>

              </div>

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

                <div class="svg-wrap" v-for="(rule,index) in item.rules" :key="index">

                  <svg class="icon" aria-hidden="true" style="font-size:2rem;">

                  <!-- <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.iconBlob}`" alt=""> -->

                  </svg> -->

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

                </div>

              </div>

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

                <div class="svg-wrap" v-for="(rule,index) in item.rules" :key="'t'+index">

                  <svg class="icon" aria-hidden="true" style="font-size:2rem;">

                  <!-- <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.iconBlob}`" alt=""> -->

                  </svg> -->

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

                </div>

              </div>

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

                <div class="svg-wrap" v-for="(rule,index) in item.rules" :key="'f'+index">

                  <svg class="icon" aria-hidden="true" style="font-size:2rem;">

                  <!-- <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.iconBlob}`" alt=""> -->

                  </svg> -->

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

                </div>

              </div>

            </div>

@@ -217,11 +217,12 @@
          padding-top: 47%;

          text-align: center;

          box-shadow: 0 0 3px 2px rgb(247, 247, 247) inset;

          svg {

          img {

            position: absolute;

            top: 50%;

            left: 50%;

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

            width: 96%;

          }

        }

      }

@@ -232,6 +233,7 @@
          left: 50%;

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

          box-shadow: none;

          width: 100%

        }

      }

      .double {