<!-- 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>
        <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="/management/area/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="/management/industry/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="/management/strategic/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>
        <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="/management/org/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>
        <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="/management/user/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="/management/user/enterprise/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="/management/role/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>
        <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="/portal/management/policy">
              <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>
        <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="{path:'/govt/index/home', query:{user:'admin'}}">
              <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>
        <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="/schedule/index">
              <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>
        <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="{path:'/govt/index/statisticsTimes', query:{user:'admin'}}">
              <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 () {
    },
    updated: function () {
    },
    mounted: function () {
    },
    activated: function () {
    },
    data: function () {
      return {};
    },
    methods: {},
    components: {},
    computed: {
      ...mapGetters([])
    }
  };
  export default _Sidebar;
</script>
