<template>
  <div class="full-box">
    <div class="body-left">
      <div class="body-left-menu-top">
        <div class="blt-line"></div>
        <div class="blt-role"></div>
      </div>
      <div class="body-left-menu">
       <!-- <div class="body-left-menu-item" :class="item.path"  v-for="item,index in menuList" :key="index">
        <div class="body-left-menu-item">
          <div class="leaf-menu">
            <ul class="leaf-menu-list">
              <router-link :to="'/'+c.path" replace tag="li" v-for="c,i in item.children" :key="i">{{c.name}}</router-link>
            </ul>
          </div>
        </div>-->
        <div class="body-left-menu-item" :class="[parentClassName,item.path]" v-for="item,index in menuList" :key="index">
          <div class="leaf-menu">
            <ul class="leaf-menu-list">
              <div class="role role-left top-role"></div><div class="role role-left bottom-role"></div>
              <div class="role role-right top-role"></div><div class="role role-right bottom-role"></div>
              <router-link :to="'/'+c.code" replace tag="li" v-for="c,i in item.children" :key="i">{{c.name}}</router-link>
            </ul>
          </div>
        </div>

        <div class="body-left-menu-item menu1" v-if="false" :class="parentClassName">
          <div class="leaf-menu">
            <ul class="leaf-menu-list">
              <div class="role role-left top-role"></div><div class="role role-left bottom-role"></div>
              <div class="role role-right top-role"></div><div class="role role-right bottom-role"></div>
              <router-link to="/synthetical/archivesManage" tag="li">档案管理</router-link>
            </ul>
          </div>
        </div>
        <div class="body-left-menu-item menu2" v-if="false" :class="parentClassName">
          <div class="leaf-menu">
            <ul class="leaf-menu-list">
              <div class="role role-left top-role"></div><div class="role role-left bottom-role"></div>
              <div class="role role-right top-role"></div><div class="role role-right bottom-role"></div>
              <router-link to="/synthetical/applyManage" tag="li">企业申报管理</router-link>
            </ul>
          </div>
        </div>
        <div class="body-left-menu-item menu3" v-if="false" :class="parentClassName">
          <div class="leaf-menu">
            <ul class="leaf-menu-list">
              <div class="role role-left top-role"></div><div class="role role-left bottom-role"></div>
              <div class="role role-right top-role"></div><div class="role role-right bottom-role"></div>
              <router-link to="/synthetical/processSystemManage" tag="li">事务处理系统</router-link>
            </ul>
          </div>
        </div>

      </div>
    </div>
    <div class="body-right">
      <router-view/>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'monitor',
    data () {
      return {
        menuList:[],
      }
    },
    computed:{
      parentClassName(){
        var path = this.$route.path
        console.log(path)
        return path == "/synthetical/archivesManage" ? "menu1-on" :
                path == "/synthetical/applyManage"? "menu2-on" :
                path == "/synthetical/processSystemManage" ? "menu3-on" :""
      }
    },
    created (){
      var vm = this,
        menu = JSON.parse(sessionStorage.getItem("menuList"))
      menu.find((v)=>{
        if(v.name == "综合管理"){
          vm.menuList = v.children
        }
      })
    }
  }
</script>
<style scoped>

</style>