finance-ssr/components/default/LeftBar.vue

<template>
    <!--左侧边栏-->
    <aside class="main-sidebar">
      <section class="sidebar">
        <div class="search">
          <input type="text" placeholder="搜索" class="form-control"/>
          <i class="fa fa-search"></i>
          <a href="" class="close"><i class="fa fa-angle-left"></i></a>
        </div>
        <ul class="sidebar-menu" id="sidebar">
          <li class="jpress_block"></li>
          <li class="treeview">
            <nuxt-link :to="{path: '/'}" style="color:white">
              <i class="fa fa-plus-square"></i><span>客户资料填写</span>
              <i class="fa fa-angle-left pull-right"></i>
            </nuxt-link>
          </li>
          <li class="jpress_block"></li>
          <li class="treeview" id="">
            <a @click = "$store.commit('openmenu')">
              <i class="fa fa-plus-square"></i><span>保理单据</span>
              <i class="fa fa-angle-left pull-right"></i>
            </a>
            <ul  v-if = "$store.state.open" class = "treeview-list">
              <li>
                <nuxt-link :to="{ path: '/apply/applyloan'}"><i class="fa fa-file-text-o"></i>保理新增</nuxt-link>
              </li>
              <li>
                <nuxt-link :to="{ path: '/apply/applylist'}"><i class="fa fa-file-text-o"></i>保理查看</nuxt-link>
              </li>
            </ul>
          </li>
          <li class="treeview">
            <nuxt-link :to="{ path: '/fileDown/download'}">
              <i class="fa fa-plus-square"></i><span>文件下载</span>
              <i class="fa fa-angle-left pull-right"></i>
            </nuxt-link>
          </li>
          <li class="treeview">
            <nuxt-link  :to="{ path: '/transfer/creditList'}">
              <i class="fa fa-plus-square"></i><span>出账转让</span>
              <i class="fa fa-angle-left pull-right"></i>
            </nuxt-link>
          </li>
          <li class="treeview" v-if="$store.state.showcustlist">
            <nuxt-link  :to="{ path: '/checkcustinfo/custlist'}">
              <i class="fa fa-plus-square"></i><span>所有客户资料查看</span>
              <i class="fa fa-angle-left pull-right"></i>
            </nuxt-link>
          </li>
        </ul>
      </section>
    </aside>
</template>

<script>
    export default {
      name: 'left-bar'
    }
</script>