61 lines
1.8 KiB
Vue
61 lines
1.8 KiB
Vue
|
<!-- 智能办案专题 -->
|
||
|
|
<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>
|