<!-- 智能办案专题 -->
<template>
  <div class="page">
    <Header :headerObj="{title: '智能办案专题(机密)',}"/>
    <ul class="menu">
      <li v-for="(item,index) in menuList" @click="menuClick(item.path,index)" :class="menuIndex==index?'active':''" :key="index">
        <i :class="'iconfont '+ item.icon"></i>
        {{item.name}}
      </li>
    </ul>
    <router-view></router-view>
  </div>
</template>
<script>
import Header from '@/components/header'

export default {
  data: function() {
    return {
      menuIndex: 0,
      menuList: [
        { name: '智能办案首页', icon: 'iconshouye', path: 'home' },
        { name: '法院', icon: 'iconfayuangongzuo', path: 'court'},
        { name: '检察院', icon: 'iconjianchayuangongzuo', path: 'procuratorate'},
        { name: '公安', icon: 'icongongangongzuo', path: '/intelligent/publicSecurity'},
        { name: '司法', icon: 'iconsifagongzuo', path: 'judicial'},
        { name: '涉案财物', icon: 'iconsheancaiwu', path: 'money'},
        { name: '减刑假释', icon: 'iconjianxing', path: 'commutation'},
        { name: '犯罪嫌疑人', icon: 'iconxianyiren', path: 'criminalSuspect'},
      ],
    }
  },
  props: {
  },
  mounted() {
    this.menuInit()
  },
  components: {
    Header,
  },
  methods: {
    menuInit: function() {
      var name = this.$route.name;
      if(name == 'publicSecurityDetail1' || name == 'publicSecurityDetail2'){
        this.menuIndex = 1
      }
      this.menuList.forEach((item,index)=>{
        item.path==name ? this.menuIndex = index : ''
      })
    },
    menuClick: function(path, index) {
      if (path && path != this.$route.name) {
        this.$router.push({ path: path })
        this.menuIndex = index;
      }
    },
  },
}
</script>
<style scoped lang="less">
</style>