部分样式修改，及页面显示调整

shuishen

2021-04-22 9c2ba2659c261dfe1b3923ffbd175cf56296c298

部分样式修改，及页面显示调整

 src/views/policeTracking/policeTracking.vue

@@ -435,7 +435,9 @@
                  :key="index"
                  :src="item"
                  :preview-src-list="srcList"
                  v-show="imgSrc.length > 0"
                ></el-image>
                <span v-show="imgSrc.length == 0">暂无现场图片</span>
              </el-card>
            </div>
            <div class="block">
@@ -462,7 +464,9 @@
                  :src="feedbackVideo"
                  style="width: 100%; height: 100%; object-fit: fill"
                  controls
                  v-show="feedbackVideo != ''"
                ></video>
                <span v-show="feedbackVideo == ''">暂无现场视频</span>
              </div>
            </div>
          </div>
@@ -498,6 +502,7 @@
        :visible.sync="oldVideoSatart"
        :close-on-press-escape="false"
        :close-on-click-modal="false"
        @opened="oldOpenVideo"
        @close="vaddress = ''"
        append-to-body
      >
@@ -509,7 +514,9 @@
          id="old_video"
          style="width: 100%; height: 100%; object-fit: fill"
          controls
          v-show="vaddress != ''"
        ></video>
        <span v-show="vaddress == ''">暂无历史视频</span>
      </el-dialog>
    </el-col>
  </el-row>
@@ -600,7 +607,6 @@
    this.getList();
    this.getAudios();
    this.getImgAndVideo();
    this.getVideo();
    this.$refs.mapDiv.onload = () => {
      window.frames[0].init("AlertSecurity", {
        x: this.form.jd,
@@ -862,15 +868,14 @@
      });
    },

    getVideo() {
    oldOpenVideo() {
      getclient(this.form.id).then((res) => {
        if (res.data.data.vaddress == "") {
          this.getVideo();
        } else {
          this.vaddress = res.data.data.vaddress;
        if (res.data.data.vaddress != "") {
           this.vaddress = res.data.data.vaddress;
        }
      });
    },
    }

  },
};
</script>

 src/views/supervisoryConsole/card.vue

@@ -29,8 +29,7 @@
      style="
        margin-top: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        justify-content: left;
        flex-wrap: wrap;
      "
    >
@@ -53,7 +52,7 @@
            "
          >
            <div>{{ item.deviceName }}</div>
            <div>{{ item.street }}</div>
            <div style="width: 80%;">{{ item.street }}</div>

            <div class="cet">
              {{
@@ -284,8 +283,7 @@
  height: 172px !important;
  box-sizing: border-box;
  margin-bottom: 20px !important;
  min-width: 368px;
  max-width: 370px;
  width: 20%;
  a {
    width: 100%;
    height: 100%;