解决实时警情弹窗问题

zengh

2021-03-13 b8ee36ca182e8cbaf093361adcf0c1da599752e8

解决实时警情弹窗问题

 src/page/index/logo.vue

@@ -16,7 +16,8 @@
    <audio ref='realAudio' loop>
    </audio>
    <div>
      <el-dialog  class="real-dialog" title="实时警情" center="true" :visible.sync="dialogTableVisible" top="190px" append-to-body="true" @close='closeDialog'>
      <el-dialog class="real-dialog" title="实时警情" center="true" :visible.sync="dialogTableVisible" top="190px"
                 append-to-body="true" @close='closeDialog'>
        <el-form :model="form" label-position="right" size="mini" label-width="100px">
          <el-row>
            <el-col span="12">
@@ -76,7 +77,8 @@
            <el-col span="12">
              <el-form-item label="实时视频">
                <el-button type="primary" @click.stop="queryOldVideo(form)"
                >查看视频</el-button>
                >查看视频
                </el-button>
              </el-form-item>
            </el-col>

@@ -138,7 +140,6 @@
    </div>



  </div>
</template>

@@ -146,6 +147,7 @@
  import { mapGetters } from "vuex";
  import axios from 'axios'
  import Hls from "hls.js";

  export default {
    name: "logo",
    data() {
@@ -217,9 +219,9 @@
              galarmPeople: row.galarmPeople,
              phoneNumber: row.phoneNumber,
              place: row.place,
              content: row.content,
              alarmTime: row.alarmTime,
              alarmPeople:row.alarmPeople,
              content: row.content,
              galarmTime: row.alarmTime,
              waringType: row.waringType,
              deviceNumber: row.deviceNumber,
              type: "0",
@@ -230,10 +232,12 @@
              coordinate: null,
              jd: row.jd,
              wd: row.wd,
              addvcd: row.district,
              district: row.district,
              city: row.city,
              province: row.province,
              czTime: row.czTime,
              jjTime: row.jjTime,
              bz: row.bz,
              bz: row.bz
            }
          })
            .then(function (response) {
@@ -244,6 +248,19 @@
              });
              that.updateJtyep(row);
              that.dialogTableVisible = false;

              var arr = [];
              that.$store.state.tags.tagList.forEach(item => {
                if (item.label != "警情分发处置") {
                  arr.push(item);
                }
              });
              that.$store.state.tags.tagList = arr;

              row.type = 0;
              row.id = response.data.data;
              that.$router.push({path: "/distribution/index", query: row});

            })
            .catch(function (error) {
              that.dialogTableVisible = false;
@@ -427,13 +444,16 @@
  .fade-leave-active {
    transition: opacity 0.2s;
  }

  .fade-enter-active {
    transition: opacity 2.5s;
  }

  .fade-enter,
  .fade-leave-to {
    opacity: 0;
  }

  .avue-logo {
    position: fixed;
    top: 0;
@@ -448,12 +468,14 @@
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.8);
    z-index: 1024;

    &_title {
      display: block;
      text-align: center;
      font-weight: 300;
      font-size: 20px;
    }

    &_subtitle {
      display: block;
      text-align: center;
@@ -488,6 +510,7 @@
  .real-dialog .el-dialog__header .el-dialog__title{
    color: white;
  }

  .real-dialog .el-dialog__header .el-dialog__headerbtn{
    top: 15px;
  }