Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
V
vue-gjjs
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
zhouqian
vue-gjjs
Commits
f138393c
Commit
f138393c
authored
Dec 17, 2021
by
wangguangchao
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
光大合并后添加菜单
parent
b2e06c41
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
68 additions
and
45 deletions
+68
-45
SideMenu.vue
src/views/Layout/SideMenu.vue
+68
-45
No files found.
src/views/Layout/SideMenu.vue
View file @
f138393c
<
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
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment