Commit f138393c by wangguangchao

光大合并后添加菜单

parent b2e06c41
<template id="SideMenu">
<c-row>
<div class="eContainer-menu-search">
<c-button icon="el-icon-s-fold" v-if="menuOpen" @click="closeMenu"></c-button>
<c-button
icon="el-icon-s-fold"
v-if="menuOpen"
@click="closeMenu"
></c-button>
<c-button icon="el-icon-s-unfold" v-else @click="openMenu"></c-button>
<!-- <c-input prefix-icon="el-icon-search" v-if="menuOpen" v-model="searchContent"
@keyup.enter.native="searchMenuEvent" placeholder="全局搜索"></c-input> -->
<c-search-input v-show="menuOpen"></c-search-input>
</div>
<c-content :height="250">
<img src="../../assets/menu_bottom.png" style="position: fixed; width: 200px; bottom: 0" />
<el-menu :default-active="activeMenu" class="el-menu-vertical-demo" v-bind:router="true" @open="handleOpen"
@close="handleClose" :collapse="!menuOpen">
<img
src="../../assets/menu_bottom.png"
style="position: fixed; width: 200px; bottom: 0"
/>
<el-menu
:default-active="activeMenu"
class="el-menu-vertical-demo"
v-bind:router="true"
@open="handleOpen"
@close="handleClose"
:collapse="!menuOpen"
>
<!-- <el-menu-item index="/business/office">
<i class="el-icon-menu"></i>
<span slot="title">主页</span>
......@@ -21,10 +34,10 @@
</c-row>
</template>
<script>
import Button from "../../components/Button.vue";
import SubMenu from "~/components/SubMenu.vue";
import Button from "../../components/Button.vue";
import SubMenu from "~/components/SubMenu.vue";
export default {
export default {
components: { Button, SubMenu },
data: function () {
return {
......@@ -49,9 +62,18 @@
{ inifrm: "letopn", ininam: "出口信用证通知", pntmiu: "3" },
{ inifrm: "letame", ininam: "出口信用证修改", pntmiu: "3" },
{ inifrm: "letrsv", ininam: "出口信用证补通知", pntmiu: "3" },
{ inifrm: "4", ininam: "进口代收", pntmiu: "" },
{ inifrm: "4", ininam: "进口信用证", pntmiu: "" },
{ inifrm: "inflid", ininam: "进口信用证查询", pntmiu: "4" },
{ inifrm: "litopn", ininam: "进口信用证开立", pntmiu: "4" },
{ inifrm: "litdav", ininam: "进口信用证通知到单", pntmiu: "4" },
{ inifrm: "litdck", ininam: "进口信用证到单", pntmiu: "4" },
{ inifrm: "brtlat", ininam: "进口信用证单据偿还垫款", pntmiu: "4" },
{ inifrm: "litcan", ininam: "进口信用证注销", pntmiu: "4" },
{ inifrm: "inftrd", ininam: "进口押汇查询", pntmiu: "4" },
{ inifrm: "trtame", ininam: "进口融资修改", pntmiu: "4" },
{ inifrm: "5", ininam: "进口代收", pntmiu: "" },
{ inifrm: "bctacc", ininam: "进口代收承兑", pntmiu: "4" },
{ inifrm: "5", ininam: "静态参数管理", pntmiu: "" },
{ inifrm: "6", ininam: "静态参数管理", pntmiu: "" },
{ inifrm: "infusr", ininam: "用户信息", pntmiu: "5" },
],
menusOrigin: [],
......@@ -174,94 +196,94 @@
aside.className = aside.className + " fold";
},
},
};
};
</script>
<style scoped>
.eContainer-menu-search .el-button {
.eContainer-menu-search .el-button {
border: none;
font-size: 20px;
padding: 12px 20px;
}
}
.eContainer-menu-search .el-input {
.eContainer-menu-search .el-input {
width: auto;
position: absolute;
right: 20px;
top: 10px;
left: 60px;
}
}
.eContainer-scroller .el-scrollbar__wrap {
.eContainer-scroller .el-scrollbar__wrap {
overflow: auto;
margin-right: 0px !important;
}
}
.eContainer-menu-search {
.eContainer-menu-search {
width: 100%;
position: relative;
}
}
.eContainer-menu-search .el-input,
.eContainer-menu-search .search-wrapper {
.eContainer-menu-search .el-input,
.eContainer-menu-search .search-wrapper {
width: auto;
position: absolute;
right: 20px;
top: 10px;
left: 60px;
}
}
.eContainer-menu-search .el-input .el-input__inner {
.eContainer-menu-search .el-input .el-input__inner {
height: 30px;
}
}
.eContainer-menu-search .el-icon-search {
.eContainer-menu-search .el-icon-search {
line-height: 30px;
}
}
.eContainer-scroller {
.eContainer-scroller {
height: calc(100% - 44px);
}
}
.eContainer-scroller .el-scrollbar__bar {
.eContainer-scroller .el-scrollbar__bar {
display: none;
}
}
.el-icon-s-fold {
.el-icon-s-fold {
float: left;
font-size: 20px;
}
}
.el-icon-s-unfold {
.el-icon-s-unfold {
float: left;
font-size: 20px;
}
}
.el-menu {
.el-menu {
border-right: none;
}
}
.eContainer-refresh {
.eContainer-refresh {
width: auto;
overflow: auto;
height: calc(100% - 44px);
}
}
.el-button-refresh {
.el-button-refresh {
width: 100%;
height: 40px;
}
}
</style>
<style>
.el-menu-vertical-demo.el-menu--collapse {
.el-menu-vertical-demo.el-menu--collapse {
width: 60px;
}
}
.el-submenu__title,
.el-menu-item,
.el-submenu .el-menu-item {
.el-submenu__title,
.el-menu-item,
.el-submenu .el-menu-item {
font-size: 12px;
height: 35px;
line-height: 35px;
}
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment