Merge branch 'master' of http://192.168.5.5:10010/r/vue-smart-ai

hanbaoshan

2020-08-15 ddb0df2153bc75e54c3f7c1049be663d4d2dba96

 src/pages/cameraVideo/index/Video.vue

@@ -29,7 +29,7 @@
        </div>
        <div
          :class="guid === 1 ? 'video-main-box' : 'video-main-box-side'"
          style="width: 100%; height: calc(100% - 52px);"
          style="width: 100%; height: calc(100% - 35px);"
          v-if="visibilityState"
        >
          <video-item
@@ -555,7 +555,7 @@
.monitoring-right {
  width: 100%;
  height: 100%;
  min-width: 1243px;
  min-width: 981px;
  //float: right;
  box-sizing: border-box;
  padding: 10px;
@@ -564,7 +564,7 @@
    width: 70.5%;
    min-width: 740px;
    max-width: 1208px;
    height: 75%;
    height: 71%;
    float: left;
    box-sizing: border-box;
    // box-shadow: #e4e7ed 0px 0px 9px inset;
@@ -613,7 +613,7 @@
    //width: calc(29.5% - 10px);
    width: calc(34% - 10px);
    //width: auto;
    height: 73%;
    height: 70.5%;
    background-color: #fff;
    float: left;
    margin: 0px 0px 0px 10px;
@@ -626,15 +626,91 @@

  .monitoring-photo {
    width: 100%;
    height: calc(25% + 10px);
    height: calc(25% + 32px);
    background-color: #fff;
    float: left;
    padding: 10px;
    margin-top: -10px;
    //margin-top: -10px;
    box-sizing: border-box;
    border: 1px solid #e4e7ed;
    // box-shadow: #e4e7ed 0px 0px 9px inset;
    border-radius: 5px;
  }

}
.titlebar{
  height: 10px!important;
  background: #fff!important;
  .button{
    position: absolute;
    font-size: 25px!important;
    right: 10px;
    top: 10px;
    z-index: 3;
  }
}
.addToBase {
    width: 98%;
    height: 430px;
    position: relative;
    .topLabel {
      margin-top: 20px;
      height: 40px;
      border-bottom: 1px solid #eee;
      font-family: PingFangSC-Medium;
      font-size: 20px;
      font-weight: 600;
      line-height: 1rem;
      color: #222222;
      text-align: left;
      margin-left: 15px;
    }
    .items {
      width: 100%;
      height: auto;
      max-height: 35%;
      overflow-y: auto;
      margin: 20px 0px;
      .lable {
        width: 15%;
        margin-top: 10px;
        float: left;
        //font-family: PingFangSC-Medium;
        font-size: 14px;
        font-weight: 600;
      }
      .baseList {
        width: 85%;
        height: 100%;
        float: left;

        // display: flex;
        // justify-content: flex-start;
        .base {
          //flex-wrap: wrap;
          width: calc(33% - 10px);
          padding: 0px 5px;
          line-height: 30px;
          float: left;
          text-align: left;
          font-size: 12px !important;
          .el-checkbox {
            width: 100%;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            .el-checkbox__label {
              display: inline !important;
            }
          }
        }
      }
    }
    .buttons {
      position: absolute;
      right: 0px;
      bottom: 15px;
    }
  }
</style>