调整摄像机接入页面

zhangzengfei

2020-07-30 d6bf6c38fe15510aac8e56569ca0450fb8656c89

 src/pages/cameraAccess/components/LinkageRule.vue

File was renamed from src/components/camera/LinkageRule.vue
@@ -25,7 +25,7 @@
        <div class="icon-btn" slot="button-next">
          <i class="iconfont iconyou1"></i>
        </div>
      </div> -->
      </div>-->
      <div>
        <div class="slide-scene">
          <span class="task-tip" v-if="tableRuleList.length == 0 ">暂无算法，请在独立规则中选择算法</span>
@@ -131,7 +131,7 @@
import TimeSlider from "./TimeSlider";
import Sysinfo from "./SystemInfo"
import SceneRule from "./SceneRule";
import SlideScene from "../scene/SlideScene";
import SlideScene from "./scene/SlideScene";

export default {
  components: {
@@ -249,7 +249,7 @@
        getLinkSceneRule({ cameraIds: this.selectedCameraIds }).then(
          rsp => {
            if (rsp && rsp.success) {
              debugger

              this.tableRuleList = rsp.data;

              // 统一规则编辑的数据结构
@@ -316,7 +316,7 @@
      position: initial;
      min-width: 472px;
      width: 80%;
      

      // height: 124px;
    }
    .swiper-slide {
@@ -409,79 +409,7 @@
      margin-bottom: 14px;
    }
  }
  // .top {
  //   width: 100%;
  //   height: 174px;
  //   border-bottom: 1px solid #ccc;
  //   position: relative;
  //   .slide-scene {
  //     position: initial;
  //     min-width: 472px;
  //     width: 47%;
  //     float: left;
  //     height: 124px;
  //   }
  //   .swiper-slide {
  //     position: relative;
  //     width: 100%;
  //     .item-card {
  //       height: 110px !important;
  //       max-width: 126px;
  //       width: 100%;
  //       position: absolute;
  //       left: 0px;
  //       right: 0px;
  //       bottom: 0px;
  //       top: 0px;
  //       margin: auto;
  //       background: #ffffff;
  //       border: 1px solid #e2e2e2;
  //       box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);
  //       border-radius: 4px;
  //       cursor: pointer;
  //       .icon-xingzhuangcopy {
  //         position: relative;
  //         left: 0px;
  //         right: 0px;
  //         bottom: 0px;
  //         top: 5px;
  //         margin: auto;
  //         color: #959699;
  //       }

  //       .mask {
  //         position: absolute;
  //         width: 100%;
  //         height: 100%;
  //         background: rgba(0, 0, 0, 0.65);
  //         /* filter: blur(20px); */
  //         backdrop-filter: blur(1px) brightness(100%);
  //         display: none;
  //       }

  //       // @media screen and(max-width: 1280px) {
  //       //   max-width: 110px;
  //       // }
  //       @media screen and(max-width: 1440px) {
  //         max-width: 110px;
  //       }
  //     }
  //   }
  //   .top-right {
  //     float: right;
  //     width: 52%;
  //     height: 144px;
  //   }

  //   .pre-border {
  //     left: 0px;
  //     top: 40%;
  //   }
  //   .next-border {
  //     left: 40%;
  //     top: 40%;
  //   }
  // }
  .bottom {
    width: 100%;
    height: calc(100% - 190px);
@@ -655,7 +583,7 @@
</style>
<style lang="scss" scoped>
.el-loading-spinner {
  background: url("../../assets/gif/loading.gif") no-repeat;
  background: url("../../../assets/gif/loading.gif") no-repeat;
  top: 50%;
  margin-top: -21px;
  width: calc(100% - 260px) !important;