<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
  @import "style.scss";
</style>

<!-- Template -->
<template>
  <div class="component-container sidebar-component">

    <ul class="menu">

      <li class="menu-item">
        <div class="sub-menu-group-item"><span>政务服务</span></div>
      </li>

      <li class="menu-item pl-4">
        <span class="hover"></span>
        <i class="fa fa-dashboard"></i>
        <a href="javascript:void(0)">
          <span>首页</span>
        </a>
        <i class="fa fa-angle-right"></i>
        <ul class="sub-menu">
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>企业端首页</span></div>
            </router-link>
          </li>
        </ul>
      </li>

      <li class="menu-item pl-4">
        <span class="hover"></span>
        <i class="fa fa-dashboard"></i>
        <a href="javascript:void(0)">
          <span>企业信息</span>
        </a>
        <i class="fa fa-angle-right"></i>
        <ul class="sub-menu">
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/company/router">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>我的企业信息</span></div>
            </router-link>
          </li>
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/company/history">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>历史企业信息</span></div>
            </router-link>
          </li>
        </ul>
      </li>

      <li class="menu-item pl-4" v-if="userSession && userSession.org.grades.indexOf('NOT_APPLICABLE')<0">
        <span class="hover"></span>
        <i class="fa fa-dashboard"></i>
        <a href="javascript:void(0)">
          <span>企业台账</span>
        </a>
        <i class="fa fa-angle-right"></i>
        <ul class="sub-menu">
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/report/issue">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>重大事项</span></div>
            </router-link>
          </li>
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/report/list">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>企业台账列表</span></div>
            </router-link>
          </li>
        </ul>
      </li>

      <li class="menu-item pl-4" v-if="userSession && userSession.org.grades.indexOf('NOT_APPLICABLE')<0 && userSession.org.has_shortcut">
        <span class="hover"></span>
        <i class="fa fa-dashboard"></i>
        <a href="javascript:void(0)">
          <span>绿色通道</span>
        </a>
        <i class="fa fa-angle-right"></i>
        <ul class="sub-menu">
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/problem/list">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>问题列表</span></div>
            </router-link>
          </li>
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/coordination/eps/list">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>协调函列表</span></div>
            </router-link>
          </li>
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/capitalApply/list">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>资金申请列表</span></div>
            </router-link>
          </li>
        </ul>
      </li>

      <li class="menu-item pl-4" v-if="userSession && userSession.org.grades.indexOf('NOT_APPLICABLE')<0">
        <span class="hover"></span>
        <i class="fa fa-dashboard"></i>
        <a href="javascript:void(0)">
          <span>企业调研</span>
        </a>
        <i class="fa fa-angle-right"></i>
        <ul class="sub-menu">
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/research/list">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>企业调研函</span></div>
            </router-link>
          </li>
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/research/record/list">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>企业调研记录</span></div>
            </router-link>
          </li>
        </ul>
      </li>

      <li class="menu-item pl-4" v-if="userSession && userSession.org.grades.indexOf('NOT_APPLICABLE')<0">
        <span class="hover"></span>
        <i class="fa fa-dashboard"></i>
        <a href="javascript:void(0)">
          <span>通知发文</span>
        </a>
        <i class="fa fa-angle-right"></i>
        <ul class="sub-menu">
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/notification/list">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>通知发文列表</span></div>
            </router-link>
          </li>
        </ul>
      </li>

      <li class="menu-item pl-4" v-if="userSession && userSession.org.grades.indexOf('NOT_APPLICABLE')<0">
        <span class="hover"></span>
        <i class="fa fa-dashboard"></i>
        <a href="javascript:void(0)">
          <span>企业培训服务</span>
        </a>
        <i class="fa fa-angle-right"></i>
        <ul class="sub-menu">
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/training/list">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>全市培训活动列表</span></div>
            </router-link>
          </li>
        </ul>
      </li>
      <!--<li class="menu-item" v-if="userSession && userSession.org.grades.indexOf('NOT_APPLICABLE')<0">-->
      <!--<li class="menu-item">-->
      <!--<span class="hover"></span>-->
      <!--<router-link to="/widget_ent/lawLibrary_ent">-->
      <!--<div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>价值法库</span></div>-->
      <!--</router-link>-->
      <!--</li>-->


<!--      <li class="menu-item" v-if="userSession && userSession.org.grades.indexOf('NOT_APPLICABLE')<0">-->
<!--        <span class="hover"></span>-->
<!--        <div class="sub-menu-group-item"><span>专业服务(试用)</span></div>-->
<!--      </li>-->


<!--      <li class="menu-item pl-4" v-if="userSession && userSession.org.grades.indexOf('NOT_APPLICABLE')<0">-->
<!--        <span class="hover"></span>-->
<!--        <i class="fa fa-dashboard"></i>-->
<!--        <a href="javascript:void(0)">-->
<!--          <span>IPO案例详情</span>-->
<!--        </a>-->
<!--        <i class="fa fa-angle-right"></i>-->
<!--        <ul class="sub-menu">-->
<!--          <li class="menu-item">-->
<!--            <span class="hover"></span>-->
<!--            <router-link to="/widget_ent/ipoStatistics_case_detail">-->
<!--              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>IPO案例详情</span></div>-->
<!--            </router-link>-->
<!--          </li>-->
<!--        </ul>-->
<!--      </li>-->

<!--      <li class="menu-item pl-4" v-if="userSession && userSession.org.grades.indexOf('NOT_APPLICABLE')<0">-->
<!--        <span class="hover"></span>-->
<!--        <i class="fa fa-dashboard"></i>-->
<!--        <a href="javascript:void(0)">-->
<!--          <span>知识图谱</span>-->
<!--        </a>-->
<!--        <i class="fa fa-angle-right"></i>-->
<!--        <ul class="sub-menu">-->
<!--          <li class="menu-item">-->
<!--            <span class="hover"></span>-->
<!--            <a @click="collegeHandle()">-->
<!--              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>知识图谱</span></div>-->
<!--            </a>-->
<!--          </li>-->
<!--        </ul>-->
<!--      </li>-->

<!--      <li class="menu-item pl-4" v-if="userSession && userSession.org.grades.indexOf('NOT_APPLICABLE')<0">-->
<!--        <span class="hover"></span>-->
<!--        <i class="fa fa-dashboard"></i>-->
<!--        <a href="javascript:void(0)">-->
<!--          <span>热点透析</span>-->
<!--        </a>-->
<!--        <i class="fa fa-angle-right"></i>-->
<!--        <ul class="sub-menu">-->
<!--          <li class="menu-item">-->
<!--            <span class="hover"></span>-->
<!--            <a @click="hotIssuesHandle()">-->
<!--              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>热点透析</span></div>-->
<!--            </a>-->
<!--          </li>-->
<!--        </ul>-->
<!--      </li>-->

<!--      <li class="menu-item pl-4" v-if="userSession && userSession.org.grades.indexOf('NOT_APPLICABLE')<0">-->
<!--        <span class="hover"></span>-->
<!--        <i class="fa fa-dashboard"></i>-->
<!--        <a href="javascript:void(0)">-->
<!--          <span>投融资路演</span>-->
<!--        </a>-->
<!--        <i class="fa fa-angle-right"></i>-->
<!--        <ul class="sub-menu">-->
<!--          <li class="menu-item">-->
<!--            <span class="hover"></span>-->
<!--            <router-link to="/investmentFinancing/eninformationList">-->
<!--              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>我的投融资信息</span></div>-->
<!--            </router-link>-->
<!--          </li>-->
<!--          <li class="menu-item">-->
<!--            <span class="hover"></span>-->
<!--            <router-link to="/investmentFinancing/roadShowPlatform">-->
<!--              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>燧石星火路演平台</span></div>-->
<!--            </router-link>-->
<!--          </li>-->
<!--        </ul>-->
<!--      </li>-->

      <li class="menu-item" v-if="userSession && userSession.org.grades.indexOf('NOT_APPLICABLE')<0">
        <div class="sub-menu-group-item"><span>数据服务(试用)</span></div>
      </li>

      <li class="menu-item pl-4" v-if="userSession && userSession.org.grades.indexOf('NOT_APPLICABLE')<0">
        <span class="hover"></span>
        <i class="fa fa-dashboard"></i>
        <a href="javascript:void(0)">
          <span>法律法规信息库</span>
        </a>
        <i class="fa fa-angle-right"></i>
        <ul class="sub-menu">
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/widget_ent/lawLibrary_ent">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>价值法库</span></div>
            </router-link>
          </li>
        </ul>
      </li>

      <li class="menu-item pl-4" v-if="userSession && userSession.org.grades.indexOf('NOT_APPLICABLE')<0">
        <span class="hover"></span>
        <i class="fa fa-dashboard"></i>
        <a href="javascript:void(0)">
          <span>上市公司统计</span>
        </a>
        <i class="fa fa-angle-right"></i>
        <ul class="sub-menu">
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/widget_ent/nationalSecuritiesInit">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>数量及市值规模统计</span></div>
            </router-link>
          </li>
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/widget_ent/majorFinancialIndInit">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>财务情况</span></div>
            </router-link>
          </li>
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/widget_ent/companyDisclosureInit">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>披露情况</span></div>
            </router-link>
          </li>
        </ul>
      </li>

      <li class="menu-item pl-4" v-if="userSession && userSession.org.grades.indexOf('NOT_APPLICABLE')<0">
        <span class="hover"></span>
        <i class="fa fa-dashboard"></i>
        <a href="javascript:void(0)">
          <span>IPO数据</span>
        </a>
        <i class="fa fa-angle-right"></i>
        <ul class="sub-menu">
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/widget_ent/ipoStatistics_overview">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>IPO数据概览</span></div>
            </router-link>
          </li>
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/widget_ent/ipoStatistics_detail">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>IPO在审详情</span></div>
            </router-link>
          </li>
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/widget_ent/ipoStatistics_Letters_init">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>IPO函件</span></div>
            </router-link>
          </li>
        </ul>
      </li>

      <li class="menu-item pl-4" v-if="userSession && userSession.org.grades.indexOf('NOT_APPLICABLE')<0">
        <span class="hover"></span>
        <i class="fa fa-dashboard"></i>
        <a href="javascript:void(0)">
          <span>案例资源库</span>
        </a>
        <i class="fa fa-angle-right"></i>
        <ul class="sub-menu">
<!--          <li class="menu-item">-->
<!--            <span class="hover"></span>-->
<!--            <router-link to="/widget_ent/reorganization_mergers">-->
<!--              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>资产重组</span></div>-->
<!--            </router-link>-->
<!--          </li>-->
<!--          <li class="menu-item">-->
<!--            <span class="hover"></span>-->
<!--            <router-link to="/widget_ent/reorganization_tradeTarget">-->
<!--              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>重组标的</span></div>-->
<!--            </router-link>-->
<!--          </li>-->
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/widget_ent/ipoStatistics_case_detail">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>IPO案例详情</span></div>
            </router-link>
          </li>
          <li class="menu-item">
            <span class="hover"></span>
            <router-link to="/widget_ent/reorganization_case">
              <div class="sub-menu-group-item"><i class="fa fa-map"></i> <span>重组案例</span></div>
            </router-link>
          </li>
        </ul>
      </li>
    </ul>
  </div>
</template>

<!-- Script -->
<script>
  import {mapGetters} from 'vuex';

  const _Sidebar = {
    name: 'Sidebar',
    created: function () {
      // console.log(this.userSession);
    },
    updated: function () {
    },
    mounted: function () {
    },
    activated: function () {
    },
    data: function () {
      return {};
    },
    methods: {
      collegeHandle(){
        window.location.href = '/college';
      },

      hotIssuesHandle(){
        window.location.href = '/hotIssues';
      }
    },
    components: {},
    computed: {
      ...mapGetters([
        'userSession'
      ])
    }
  };
  export default _Sidebar;
</script>
