<!-- 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">
        <span class="hover"></span>
        <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="/problem/mgr/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">
        <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/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">
        <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">
        <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">
        <span class="hover"></span>
        <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>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/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">
        <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">
        <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">
        <span class="hover"></span>
        <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="/widget/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/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/reorganization/case">
              <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>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/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/ipoStatistics/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">
        <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/ipoStatistics/LettersInit">
              <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">
        <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/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/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/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">
        <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/lawLibrary">
              <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 () {
      // if (this.userSession.org.level === 3) {
      //   this.summaryShow = false;
      // }
    },
    updated: function () {
    },
    mounted: function () {
    },
    activated: function () {
    },
    data: function () {
      return {
        // summaryShow: true
      };
    },
    methods: {
      collegeHandle(){
        window.location.href = '/college';
      },
      hotIssuesHandle(){
        window.location.href = '/hotIssues';
      }
    },
    components: {},
    computed: {
      ...mapGetters(['userSession'])
    }
  };
  export default _Sidebar;
</script>
