[FE]实现AI报警的角标交互

security-protection-platform/src/layout/components/Sidebar/index.vue

@@ -32,6 +32,11 @@ export default {
      'permission_routes',
      'sidebar'
    ]),
    isFollow () {
      // 需要检测的数据
      // console.log('state是', this.$store.state.alarm.count)
      return this.$store.state.alarm.count
    },
    activeMenu () {
      const route = this.$route
      const { meta, path } = route
@@ -52,6 +57,12 @@ export default {
    }
  },
  watch: {
    isFollow (newVal, oldVal) {
      // console.log('我发生改变了')
      this.getAiAlarmCount()
    }
  },
  created () {
    this.getAiAlarmCount()
  },
@@ -63,6 +74,7 @@ export default {
      this.$store.dispatch('app/toggleSideBar')
    },
    async getAiAlarmCount () {
      // console.log('数据是:', this.$store.state.alarm.count)
      let res = await aialarmapi.getAiAlarmCount()
      this.AiAlarmCount = res.data.data

security-protection-platform/src/modules/aialarm/index.vue

@@ -350,6 +350,7 @@ export default {
        this.loading = false
        // 关闭模态框
        this.details_modal = false
        this.$store.commit('alarm/add', 1)
        // this.data[this.currentdata.index].status = res.data.data.status
        // if (res.data.data.status === 'END') {
        //   this.data[this.currentdata.index].processTime = res.data.data.doneDate

security-protection-platform/src/store/modules/alarm.js

@@ -0,0 +1,22 @@
const state = {
  count: 1
}
const mutations = {
  add (state, i) {
    state.count = state.count + i
  }
}
const actions = {
}
export default {
  namespaced: true,
  state,
  mutations,
  actions
}