报警详情

src/permission.js

      NProgress.done()
    } else {
      if (store.getters.roles.length === 0) { // 判断当前用户是否已拉取完user_info信息
        console.log(5555)
        // console.log(5555)
        store.dispatch('GetUserInfo').then(res => { // 拉取user_info
          const roles = [res.data.type.toString()]
          store.dispatch('GenerateRoutes', { roles }).then(() => { // 根据roles权限生成可访问的路由表
          })
        })
      } else {
        console.log(4444)
        // console.log(4444)
        if (hasPermission(store.getters.roles, to.meta.roles)) {
          next()
        } else {
          console.log(777)
        }
      }
      queryInfo.queryAllInfo()

src/router/index.js

  { path: '/login', component: () => import('@/views/login/index'), hidden: true },
  { path: '/findPwd', component: () => import('@/views/findPwd/index'), hidden: true },
  { path: '/404', component: () => import('@/views/404'), hidden: true },
  {
    path: '/',
    component: Layout,

src/utils/request.js

// 创建axios实例
const service = axios.create({
  baseURL: comUrl, // api的base_url
  timeout: 5000, // 请求超时时间
  // timeout: 5000, // 请求超时时间
  paramsSerializer: function(params) {
    return qs.stringify(params, { arrayFormat: 'repeat' })
  }

src/views/bridgesConsole/bridgeDanger/dangerDetail.vue

    return {
      alarmId: '',
      alarmTit: '',
      alarmRead: false,
      alarmList: [],
      pageSize: 6,
      pageNo: 1,
  created() {
    this.alarmId = urlParse('aid')
    this.alarmTit = urlParse('msg')
    this.alarmRead = urlParse('flag')
    this.getDangerDetail()
    this.setUnreadToRead()
    if (this.alarmRead === 'false') {
      this.setUnreadToRead()
    }
  },
  computed: {
    alarmTime() {

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.device)">
        <li :class="!item.readed ? 'readed-li' : ''" v-for="item in dangerShowList" :key="item.index" @click="alarmShow(item.aid, item.readed, item.device)">
          <span>{{item.alarmTime}}</span>
          <span>{{item.device}}，请点击查看。</span>
          <span class="svg-container" v-if="!item.readed">
        }
      })
    },
    alarmShow(id, msg) {
    alarmShow(id, flag, msg) {
      this.$router.replace({
        name: 'dangerDetail',
        query: { aid: id, msg: msg }
        query: { aid: id, msg: msg, flag: flag }
      })
    },
    handleCurrentChange(val) {

src/views/bridgesConsole/bridgeDetail/index.vue

            <el-button type="text" @click="queryDangerInfo">查看全部</el-button>
          </div>
          <ul class="item-ul" v-if="dangerList.length">
            <li :class="!item.readed ? 'readed-li' : ''" v-for="item in dangerList" :key="item.index" @click="alarmShow(item.aid, item.device)">
            <li :class="!item.readed ? 'readed-li' : ''" v-for="item in dangerList" :key="item.index" @click="alarmShow(item.aid, item.readed, item.device)">
              <span>{{item.alarmTime}}</span>
              <span>{{item.device}}，请点击查看。</span>
              <span class="svg-container" v-if="!item.readed">
    handleCurrentChange(val) {
      this.currentNo = val
    },
    alarmShow(id, msg) {
    alarmShow(id, flag, msg) {
      this.$router.replace({
        name: 'dangerDetail',
        query: { aid: id, msg: msg }
        query: { aid: id, msg: msg, flag: flag }
      })
    },
    queryDangerInfo() {

src/views/bridgesConsole/bridgeMonitor/index.vue

    this.bridgeId = Cookies.get('bridgeId')
    this.serverSeqArr = queryInfo.queryServers(this.bridgeId, true)
    if (this.serverSeqArr.length) {
      this.getMonitorByDay(this.serverSeqArr)
      this.getMonitorByDay()
    }
  },
  methods: {
    getMonitorByDay(arr) {
    getMonitorByDay() {
      var that = this
      var date = that.valueDate
      var arr = this.serverSeqArr
      var param = {
        seq: arr,
        day: date