实时监控 在系统时间的基础上延迟5分钟

src/views/bridgesConsole/bridgeDetail/components/BInfoDialog02.vue

  data() {
    return {
      serverList: [],
      dialogW: '',
      bridgeId: '',
      bridgeName: '',
      dialogW: this.$parent.dialogW,
      bridgeName: this.$parent.bridgeName,
      dialogTableVisible: false,
      pageSize: 4,
      pageNo: 1
    }
  },
  created() {
    this.bridgeId = this.$parent.bridgeId
    this.bridgeName = this.$parent.bridgeName
    this.dialogW = this.$parent.dialogW
    this.serverList = queryInfo.queryServers(this.bridgeId)
  },
  computed: {
    serverShowList() {
      return this.serverList.slice((this.pageNo - 1) * this.pageSize, this.pageNo * this.pageSize)
  methods: {
    handleCurrentChange(val) {
      this.pageNo = val
    },
    queryServerList() {
      this.serverList = queryInfo.queryServers(this.$parent.bridgeId)
    }
  }
}

src/views/bridgesConsole/bridgeDetail/components/BInfoDialog03.vue

  },
  data() {
    return {
      dialogW: '',
      deviceList: [],
      bridgeId: '',
      dialogW: this.$parent.dialogW,
      deviceList: this.$parent.deviceList,
      dialogTableVisible: false,
      pageSize: 4,
      pageNo: 1
    }
  },
  created() {
    this.bridgeId = this.$parent.bridgeId
    this.dialogW = this.$parent.dialogW
    this.deviceList = queryInfo.queryDevices(this.bridgeId)
  },
  computed: {
    deviceShowList() {
      return this.deviceList.slice((this.pageNo - 1) * this.pageSize, this.pageNo * this.pageSize)
  methods: {
    handleCurrentChange(val) {
      this.pageNo = val
    },
    queryDeviceList() {
      this.deviceList = queryInfo.queryDevices(this.$parent.bridgeId)
    }
  }
}

src/views/bridgesConsole/bridgeDetail/components/BInfoDialog04.vue

  },
  data() {
    return {
      dialogW: '',
      bridgeId: '',
      dialogW: this.$parent.dialogW,
      transducerList: [],
      childCableMain: {},
      childAddr: {},
      childCableMain: this.$parent.cableMain,
      childAddr: this.$parent.addr,
      dialogTableVisible: false,
      pageSize: 4,
      pageNo: 1
    }
  },
  created() {
    this.childCableMain = this.$parent.cableMain
    this.childAddr = this.$parent.addr
    this.dialogW = this.$parent.dialogW
    this.bridgeId = this.$parent.bridgeId
    this.transducerList = queryInfo.queryTrans(this.bridgeId)
  },
  computed: {
    transducerShowList() {
      return this.transducerList.slice((this.pageNo - 1) * this.pageSize, this.pageNo * this.pageSize)
  methods: {
    handleCurrentChange(val) {
      this.pageNo = val
    },
    queryTransList() {
      this.transducerList = queryInfo.queryTrans(this.$parent.bridgeId)
    }
  }
}

src/views/bridgesConsole/bridgeDetail/components/updatePersonInfo.vue

        </el-col>
        <el-col :span="12">
          <el-form-item label="联系电话" prop="phone">
            <el-input v-model="ruleForm.phone" placeholder="请填写联系电话"></el-input>
            <el-input v-model="ruleForm.phone" placeholder="请填写联系电话" maxlength="11"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
  data() {
    var validPhone = (rule, value, callback) => {
      const reg = /^1[3|4|5|7|8][0-9]\d{8}$/
      if (!reg.test(value)) {
        callback(new Error('请输入正确的手机号码'))
      if (value.length > 0) {
        if (!reg.test(value)) {
          callback(new Error('请输入正确的手机号码'))
        } else {
          callback()
        }
      } else {
        callback()
      }

src/views/bridgesConsole/bridgeDetail/index.vue

      addr: {},
      dangerList: '',
      serverSeqArr: [],
      serverList: [],
      deviceList: [],
      transducerList: [],
      monitorList: [],
      currentNo: 1,
      currentSize: 4,
      currentTime: '',
      sysTime: '',
      localTimeiv: '',
      eastEightDistrict: 8 * 60 * 60 * 1000,
      jishiTime: null,
      maxShowLength: 300,
      monitorCache: []
    }
  },
  watch: {
    '$route'(to, from) {
      if (!(to.path === '/bridgeHome/bridgeDetail')) {
        clearTimeout(this.jishiTime)
        this.jishiTime = null
      }
    }
  },
  computed: {
    monitorShowList() {
      return this.monitorList.slice((this.currentNo - 1) * this.currentSize, this.currentNo * this.currentSize)
    getSysTime() {
      getSysTime().then(res => {
        if (res.success) {
          this.sysTime = res.data + (8 * 60 * 60 * 1000)
          this.sysTime = res.data + this.eastEightDistrict -(5 * 60 * 1000)
          const localTime = new Date().getTime() + this.eastEightDistrict
          this.localTimeiv = localTime - this.sysTime
          this.first_Q = true
          this.getTimingMonitor()
        }
    },
    getTimingMonitor() {
      var that = this
      var preTime = 2 * 1000
      var preTime = 2 * 60 * 1000
      var arr = this.serverSeqArr
      var startTime = this.formatTime(this.first_Q ? (this.sysTime - preTime) : this.sysTime)
      var endTime = this.formatTime(this.sysTime)
      that.sysTime += 1000
      getMonitorByTime({ seq: arr, begin: startTime, end: endTime }).then(res => {
        var mCache = that.monitorCache
        var mList = []
            }
          }
          that.monitorList = mList
          that.sysTime += 1000
          that.jishiTime = setTimeout(function() {
          var st = new Date().getTime() + that.eastEightDistrict - that.localTimeiv
          var iv = that.sysTime - st
          if (iv < 0) {
            iv = 1
          }
          // console.log('upNow:' + that.sysTime)
          // console.log('now:' + st)
          // console.log('interval:' + iv)
          // console.log(typeof(iv))
          that.jishiTime = setTimeout(() => {
            that.getTimingMonitor()
          }, 1000)
          }, iv)
        }
      })
    },
      this.$refs.BInfoDialog01.dialogTableVisible = true
    },
    queryServerInfo() {
      this.$refs.BInfoDialog02.queryServerList()
      this.$refs.BInfoDialog02.dialogTableVisible = true
    },
    queryBoxInfo() {
      this.$refs.BInfoDialog03.queryDeviceList()
      this.$refs.BInfoDialog03.dialogTableVisible = true
    },
    querySensorInfo() {
      this.$refs.BInfoDialog04.queryTransList()
      this.$refs.BInfoDialog04.dialogTableVisible = true
    },
    updatePersonInfo() {
      this.$refs.updatePersonInfo.dialogTableVisible = true
      this.$refs.updatePersonInfo.getUserSelf()
      this.$refs.updatePersonInfo.dialogTableVisible = true
    },
    updateLoginPwd() {
      this.$refs.updateLoginPwd.dialogTableVisible = true