<template>
   <el-row>
         <el-col :span="24">
            <img src="../../assets/menu_bottom.png" style="position: fixed; width: 200px; bottom: 0;" />
            <el-menu
            default-active="2"
            class="el-menu-vertical-demo"
            v-bind:router="true"
            @open="handleOpen"
            @close="handleClose">

            <el-menu-item index="/business/office">
                <i class="el-icon-menu"></i>
                <span slot="title">主页</span>
            </el-menu-item>
            <el-submenu index="0">
                <template slot="title">
                <span>公共夹</span>
                </template>
                <el-menu-item index="/business/sptsel">
                    <i class="el-icon-document"></i>
                    <span slot="title">待办任务</span>
                </el-menu-item>
                <el-menu-item index="/business/trnrel">
                    <i class="el-icon-document"></i>
                    <span slot="title">复核任务</span>
                </el-menu-item>
            </el-submenu>
            <!-- <el-menu-item index="/business/tstopn">
                <i class="el-icon-document"></i>
                <span slot="title">测试页</span>
            </el-menu-item> -->
            <el-submenu index="1">
                <template slot="title">
                <span>汇款</span>
                </template>
                <el-menu-item index="/business/cptopn">
                  <i class="el-icon-document"></i>
                  <span slot="title">汇出汇款</span>
                </el-menu-item>
                <el-menu-item index="/business/cptadv">
                  <i class="el-icon-document"></i>
                  <span slot="title">汇入汇款</span>
                </el-menu-item>
            </el-submenu>
            
            <el-submenu index="2">
                <template slot="title">
                <span>国内证</span>
                </template>
                <el-menu-item index="/business/ditopn">
                  <i class="el-icon-document"></i>
                  <span slot="title">买方信用证开立</span>
                </el-menu-item>
                <el-menu-item index="/business/ditame">
                  <i class="el-icon-document"></i>
                  <span slot="title">信用证修改</span>
                </el-menu-item>
                <el-menu-item index="/business/ditsel">
                  <i class="el-icon-document"></i>
                  <span slot="title">信用证查询</span>
                </el-menu-item>
            </el-submenu>
            
            <!-- <el-menu-item index="4">
                <i class="el-icon-setting"></i>
                <span slot="title">导航四</span>
            </el-menu-item> -->
            </el-menu>
        </el-col>
    </el-row>
</template>
<script>
  export default {
    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>
<style>

</style>