[FE]统计AI报警未处理的数据

security-protection-platform/src/api/aialarm/index.js

    return $default.get('/sp/aiAlarmManage/queryPageAiAlarm', params)
  },
  // 获取报警列表详情信息
  getAlarmDetail(id) {
  getAlarmDetail (id) {
    return $default.get('/sp/aiAlarmManage/queryOneAiAlarmInfo', id).catch((err) => { return err })
  },
  // 获取报警类型查询下拉框
  },
  dispose (params) {
    return $default.post('/sp/aiAlarmManage/changeTaskStatus', params)
  },
  getAiAlarmCount () {
    return $default.get('/sp/aiAlarmManage/queryAiAlarmCount')
  }
}

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

let onlyOneChild = null
// async function getAiAlarmCount () {
//   // let res = await aialarmapi.getAiAlarmCount()
//   const res = await new Promise((resolve) => {
//     return resolve(aialarmapi.getAiAlarmCount())
//   })
//   // console.log('数据是', res)
//   return res
// }
function hasOneShowingChild (children = [], parent) {
  const showingChildren = children.filter(item => {
    if (item.hidden) {
    basePath: {
      type: String,
      default: ''
    },
    AiAlarmCount: {
      type: Array,
      default: null
    }
  },
  render (h, { props }) {
    const item = props.item
    // AI报警里的数字可以通过meta来传
    const AiAlarmCount = props.AiAlarmCount
    const defaultTitle = 'No Title'
    if (item.hidden) return null
      const icon = onlyOneChild.meta && onlyOneChild.meta.icon ? <t-icon icon={onlyOneChild.meta.icon} /> : ''
      if (item.path === '/alarm') {
        // console.log(item.children[0].meta)
        const confirmedCount = item.children[0].meta.confirmedCount
        const unconfirmedCount = item.children[0].meta.unconfirmedCount
        var confirmedCount = 0
        var unconfirmedCount = 0
        if (AiAlarmCount.length > 0) {
          confirmedCount = AiAlarmCount[1].value
          unconfirmedCount = AiAlarmCount[0].value
        }
        return (
          <t-menu-item name={resolvePath(props.basePath, onlyOneChild.path)}>
            { icon}

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

    </div>
    <t-scroll-bar style="height:100%">
      <t-menu :active-name="activeMenu" :collapse="isCollapse" mode="vertical" type="light" @on-select="handleMenuSelect">
        <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" />
        <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" :ai-alarm-count="AiAlarmCount" />
      </t-menu>
    </t-scroll-bar>
  </div>
import Logo from './Logo'
import SidebarItem from './SidebarItem'
import variables from '@/styles/variables.scss'
import aialarmapi from '@/api/aialarm'
export default {
  components: { SidebarItem, Logo },
  data () {
    return {
      AiAlarmCount: []
    }
  },
  computed: {
    ...mapGetters([
      'permission_routes',
    isCollapse () {
      return !this.sidebar.opened
    }
  },
  created () {
    this.getAiAlarmCount()
  },
  methods: {
    handleMenuSelect (name) {
    },
    handleSidebarCollapse () {
      this.$store.dispatch('app/toggleSideBar')
    },
    async getAiAlarmCount () {
      let res = await aialarmapi.getAiAlarmCount()
      this.AiAlarmCount = res.data.data
    }
  }
}

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

      if (res.status === 200) {
        this.$Message.success('操作成功')
        this.data[this.currentdata.index].status = res.data.data.status
        if (res.data.data.status == 'END') {
        if (res.data.data.status === 'END') {
          this.data[this.currentdata.index].processTime = res.data.data.doneDate
        }
      } else {

security-protection-platform/src/routes.js

        name: 'ai_alarm',
        path: '',
        component: () => import(/* webpackChunkName: "alarm" */ './modules/aialarm/index.vue'),
        meta: { title: 'AI报警', icon: 'bell', unconfirmedCount: 10, confirmedCount: 100 }
        meta: { title: 'AI报警', icon: 'bell' }
      }
    ]
  }, {