备案，报警list，实时提前2s

src/views/bridgesConsole/bridgeDanger/dangerList.vue

        <span>报警信息</span>
      </div>
      <ul class="item-ul" v-if="dangerList.length">
        <li :class="!item.readed ? 'readed-li' : ''" v-for="item in dangerShowList" :key="item.index" @click="alarmShow(item.aid, item.readed, item.alarmTime, item.device)">
        <li :class="!item.readed ? 'readed-li' : ''" v-for="item in dangerList" :key="item.index" @click="alarmShow(item.aid, item.readed, item.alarmTime, item.device)">
          <span>{{item.alarmTime}}</span>
          <span>{{item.device}}，请点击查看。</span>
          <span class="svg-container" v-if="!item.readed">
          :current-page.sync="pageNo"
          :page-size="pageSize"
          layout="prev, pager, next, jumper"
          :total="dangerList.length">
          :total="total">
        </el-pagination>
      </div>
    </el-card>
      bridgeId: '',
      bridgeName: '',
      dangerList: [],
      pageSize: 4,
      pageNo: 1
    }
  },
  computed: {
    dangerShowList() {
      return this.dangerList.slice((this.pageNo - 1) * this.pageSize, this.pageNo * this.pageSize)
      pageSize: 20,
      pageNo: 1,
      total: 0
    }
  },
  created() {
    this.bridgeName = Cookies.get('bridgeName')
    this.serverSeqArr = queryInfo.queryServers(this.bridgeId, true)
    if (this.serverSeqArr) {
      this.getDangerList(this.serverSeqArr)
      this.getDangerList()
    }
  },
  methods: {
    getDangerList(arr) {
    getDangerList() {
      var arr = this.serverSeqArr
      const param = {
        seq: arr,
        pageSize: 18,
        pageNo: 1
        pageSize: this.pageSize,
        pageNo: this.pageNo
      }
      getDangerList(param).then(res => {
        if (res.success && res.data.data) {
    },
    handleCurrentChange(val) {
      this.pageNo = val
      this.getDangerList()
    }
  }
}

src/views/bridgesConsole/bridgeDetail/index.vue

      var arr = this.serverSeqArr
      getSysTime({ seq: arr }).then(res => {
        if (res.success && res.data && res.data.length > 0) {
          // that.sysTime = res.data + that.eastEightDistrict - (5 * 60 * 1000)
          const nowt = parseTime(res.data[0].ctime, true, true)
          that.sysTime = (new Date(nowt)).getTime() + that.eastEightDistrict - 10 * 1000
          that.sysTime = (new Date(nowt)).getTime() + that.eastEightDistrict - 2 * 1000
          const localTime = new Date().getTime() + that.eastEightDistrict
          that.localTimeiv = localTime - that.sysTime
          that.first_Q = true

src/views/layout/Layout.vue

      <app-main></app-main>
    </div>
    <div class="main-footer">
      <div style="margin:0 auto; padding:8px 0;">
        <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802027571" style="display:inline-block;text-decoration:none;margin-top:10px">
      <div style="margin:0 auto;line-height:20px;color:#939393; padding:12px 0;overflow: hidden;width:380px">
        <a style="margin: 0 5px 0 0;float:left">京ICP备16026450号-2 |</a>
        <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802027571" style="display:inline-block;text-decoration:none;float:left">
          <img src="./img/beian.png" width="18" style="float:left;"/>
          <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">京公网安备 11010802027571号</p>
          <p style="float:left;margin: 0 0 0 5px;">京公网安备 11010802027571号</p>
        </a>
      </div>
    </div>