视频，地图等相关修改

shuishen

2021-08-13 e8a728024b32be3d227e406c13aee47bb254d10f

 src/styles/map.scss

@@ -1,6 +1,6 @@
// 保安人员管理相关样式
#avue-view {
  & > .morpheus-map-box {
  &>.morpheus-map-box {
    position: absolute;
    top: 40px;
    left: 0px;
@@ -10,10 +10,10 @@
  }
}

.morpheus-map-box > .el-col {
.morpheus-map-box>.el-col {
  height: 100%;

  & > .el-card {
  &>.el-card {
    position: relative;
    height: 100%;

@@ -60,6 +60,7 @@
    input {
      background: #004ca7 !important;
      color: #fff !important;

      &::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #fff !important;
@@ -71,3 +72,58 @@
.el-date-editor .el-range-separator {
  color: #fff !important;
}


.car-video-box .el-dialog {
  margin-top: 0 !important;
  position: fixed !important;
  top: 200px;
  left: 400px;
  // right: 0;
  // bottom: 0;
  // margin: auto;

  width: 821px;
  height: 450px;

  .el-dialog__body {
    padding: 10px !important;
    height: calc(100% - 50px);

    iframe {
      width: 100%;
      height: 100%;
    }
  }
}



.see-location,
.see-track {
  .el-dialog__body {
    height: 540px;
    .search {
      position: relative;
      height: 36px;
      line-height: 36px;
      .el-date-editor  {
        position: absolute;
        top: 4px;
      }

      .el-button.el-button--text {
        position: absolute;
        height: 28px;
        line-height: 28px;
        top: 4px;
        left: 480px;
        padding: 0 8px !important;
      }
    }

    #track_map {
      height: calc(100% - 36px) !important;
    }
  }
}