<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="[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="/economic/zhyx" tag="li">综合运行一张图</router-link>
              <router-link to="/economic/gyjj" tag="li">工业经济一张图</router-link>
              <router-link to="/economic/zdcy" tag="li">主导产业一张图</router-link>
              <router-link to="/economic/qyfz" tag="li">企业发展一张图</router-link>
              <router-link to="/economic/zhnh" tag="li">综合能耗一张图</router-link>
              <router-link to="/economic/gdzctz" 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="/economic/ztfxJjyx" tag="li">工业经济专题分析</router-link>
              <router-link to="/economic/ztfxZdcy" tag="li">主导产业运行分析</router-link>
              <router-link to="/economic/ztfxQyfz" tag="li">企业发展情况分析</router-link>
              <router-link to="/economic/ztfxQyzhnh" tag="li">企业综合能耗分析</router-link>
              <router-link to="/" tag="li" v-if="false">重点行业经济运行分析</router-link>
              <router-link to="/economic/ztfxRcls" tag="li">人才流失情况分析</router-link>
              <router-link to="/economic/ztfxJck" tag="li">进出口综合分析</router-link>
              <router-link to="/economic/ztfxQyrz" tag="li">企业融资分析</router-link>
              <router-link to="/economic/cyydjj" tag="li">产业引导基金情况分析</router-link>
              <router-link to="/economic/ztfxGdzctz" tag="li">固定资产投资情况分析</router-link>
              <router-link to="/economic/ztfxLlyd" 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="/economic/zbManage" tag="li">指标管理</router-link>
            </ul>
          </div>
        </div>
        <div class="body-left-menu-item menu4" 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="/economic/yjManage" 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
        return path == "/economic/zhyx" || path == '/economic/gyjj' || path == '/economic/zdcy' || path == '/economic/qyfz' || path == '/economic/zhnh' || path == '/economic/gdzctz' ? "menu1-on" :
          path == "/economic/ztfxJjyx" || path == '/economic/ztfxZdcy' || path == '/economic/ztfxQyfz' || path == '/economic/ztfxQyzhnh' || path == '/economic/ztfxRcls' || path == '/economic/ztfxJck' || path == '/economic/ztfxQyrz' || path == '/economic/cyydjj'|| path == '/economic/cyydjj/gmtj'|| path == '/economic/cyydjj/syfx' || path == '/economic/ztfxLlyd' || path == '/economic/ztfxGdzctz' ? "menu2-on" :
          path == "/economic/zbManage"? "menu3-on" :
          path == "/economic/yjManage" ? "menu4-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>