[FE]AI报警处理，AI报警角标，进出记录查询修改

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

      required: true
    }
  },
  data() {
  data () {
    return {
      title: 'Vue Element Admin',
      logo: 'https://wpimg.wallstcn.com/69a1c46c-eb1c-4b46-8bd4-e9e686ef5251.png'

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

let onlyOneChild = null
function hasOneShowingChild(children = [], parent) {
function hasOneShowingChild (children = [], parent) {
  const showingChildren = children.filter(item => {
    if (item.hidden) {
      return false
  return false
}
function resolvePath(basePath, routePath) {
function resolvePath (basePath, routePath) {
  // if (isExternal(routePath)) {
  //   return routePath
  // }
      default: ''
    }
  },
  render(h, { props }) {
  render (h, { props }) {
    const item = props.item
    // AI报警里的数字可以通过meta来传
    const defaultTitle = 'No Title'
    if (item.hidden) return null
    if (hasOneShowingChild(item.children, item) && (!onlyOneChild.children || onlyOneChild.noShowingChildren) && !item.alwaysShow) {
      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
        return (
          <t-menu-item name={resolvePath(props.basePath, onlyOneChild.path)}>
            { icon}
            <span class="menu-text">{onlyOneChild.meta && onlyOneChild.meta.title || defaultTitle}</span>
            <t-badge color="danger" count={unconfirmedCount} max={99}></t-badge>
            <span style="margin-right:5px;">  </span>
            <t-badge color="danger" count={confirmedCount} max={99}></t-badge>
          </t-menu-item>
        )
      }
      return (
        <t-menu-item name={resolvePath(props.basePath, onlyOneChild.path)}>
          { icon }
          <span class="menu-text">{ onlyOneChild.meta && onlyOneChild.meta.title || defaultTitle}</span>
          { icon}
          <span class="menu-text">{onlyOneChild.meta && onlyOneChild.meta.title || defaultTitle}</span>
        </t-menu-item>
      )
    } else {
      return (
        <t-submenu ref="subMenu" name={resolvePath(props.basePath, item.path)}>
          <template slot="title">
            { icon }
            <span class="menu-title">{ item.meta.title || defaultTitle }</span>
            {icon}
            <span class="menu-title">{item.meta.title || defaultTitle}</span>
          </template>
          { sidebarItems }
          { sidebarItems}
        </t-submenu>
      )
    }
    display: none;
  }
}
.menu-text {
  margin-right: 5px;
}
</style>

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

      <t-icon icon="format-indent-decrease-outline" />
    </div>
    <t-scroll-bar style="height:100%">
      <t-menu
        :active-name="activeMenu"
        :collapse="isCollapse"
        mode="vertical"
        type="light"
        @on-select="handleMenuSelect"
      >
      <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" />
      </t-menu>
    </t-scroll-bar>
      'permission_routes',
      'sidebar'
    ]),
    activeMenu() {
    activeMenu () {
      const route = this.$route
      const { meta, path } = route
      // if set path, the sidebar will highlight the path you set
      }
      return path
    },
    showLogo() {
    showLogo () {
      return this.$store.state.settings.sidebarLogo
    },
    variables() {
    variables () {
      return variables
    },
    isCollapse() {
    isCollapse () {
      return !this.sidebar.opened
    }
  },
  methods: {
    handleMenuSelect(name) {
    handleMenuSelect (name) {
      this.$router.push(name)
    },
    handleSidebarCollapse() {
    handleSidebarCollapse () {
      this.$store.dispatch('app/toggleSideBar')
    }
  }

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

    <div class="access_header">
      <div>
        <span class="title">开始时间 : </span>
        <t-date-picker :confirm="false" v-model="searchdata.starttime" placeholder="请选择开始时间" style="width:200px;height:32px"></t-date-picker>
        <t-date-picker :confirm="false" v-model="searchdata.beginTime" placeholder="请选择开始时间" style="width:200px;height:32px"></t-date-picker>
      </div>
      <div>
        <span class="title">结束时间 : </span>
        <t-date-picker :confirm="false" v-model="searchdata.endtime" placeholder="请选择结束时间" style="width:200px;height:32px"></t-date-picker>
        <t-date-picker :confirm="false" v-model="searchdata.endTime" placeholder="请选择结束时间" style="width:200px;height:32px"></t-date-picker>
      </div>
      <!-- <div>
        var params = this.searchdata
        params.pageNumber = this.page
        params.pageSize = this.limit
        // console.log(params)
        console.log(params)
        var res = await accessapi.getaccesslist({ params: params })
        // console.log(res)
        if (res.status === 200) {

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

          </div>
        </div>
        <div v-if="clickdetail==1">
          <div v-if="alarmDetailData.statusZh!='END'" class="radio">
          <div v-if="alarmDetailData.status!='END'" class="radio">
            <div>报警处理 : </div>
            <div v-if="alarmDetailData.statusZh=='INI'">
            <div v-if="alarmDetailData.status=='INI'">
              <t-radio-group v-model="status">
                <t-radio label="RUN">
              </t-radio-group>
            </div>
            <div v-if="alarmDetailData.statusZh=='RUN'||alarmDetailData.statusZh=='FAL'">
            <div v-if="alarmDetailData.status=='RUN'||alarmDetailData.status=='FAL'">
              <t-radio-group v-model="status">
                <t-radio label="END">关闭</t-radio>
              </t-radio-group>
      // 判断是否选择了单选框
      if (this.status) {
        // 向后端发送数据
        this.alarmdispose(this.currentdata.data.workTaskId, this.status)
        this.alarmdispose(this.alarmDetailData.workTaskId, this.status)
        // console.log(this.status)
        // 关闭模态框
        this.details_modal = false
    async alarmdispose (id, status, processMemo) {
      const dict = { 'END': '已解决', 'RUN': '处理中', 'FAL': '误报' }
      console.log(id, status, dict[status])
      var res = await aialarmapi.dispose({ 'workTaskId': id, 'status': status, 'processMemo': dict.status })
      // console.log(res)
      console.log(res)
      if (res.status === 200) {
        this.$Message.success('操作成功')
        this.data[this.currentdata.index].status = res.data.data.status

security-protection-platform/src/routes.js

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