jikimo/jikimo_sf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

顶部菜单支持多级菜单

Browse Source
This commit is contained in:
hy
2024-09-23 10:54:37 +08:00
parent d4ff7ffaa9
commit cab0e1ce0b
3 changed files with 68 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
vista_backend_theme/static/src/scss/theme.scss
View File

@@ -1077,6 +1077,13 @@ div.dropdown-menu.bootstrap-datetimepicker-widget {
} }
} }
} }
.subtitle {
margin: 5px 0 0px;
padding: 5px 0;
text-indent: 5px;
background: rgba(0, 0, 0, 0.1);
font-size: 14px;
}
&:hover { &:hover {
.title { .title {
background-color: rgba(0, 0, 0, 0.08); background-color: rgba(0, 0, 0, 0.08);

23
vista_backend_theme/static/src/xml/systray.xml
View File

@@ -6,11 +6,32 @@
<t t-if="widget.is_admin"> <t t-if="widget.is_admin">
<div class="icon_div"> <div class="icon_div">
<div class="toggle-icon" role="button"> <div class="toggle-icon" role="button">
<i id='theme_vista' class="fa fa-paint-brush" role="img" aria-label="Theme" width="22" height="22"/> <i id='theme_vista' class="fa fa-paint-brush" role="img" aria-label="Theme" width="22"
height="22"/>
</div> </div>
</div> </div>
</t> </t>
</label> </label>
</li> </li>
</t> </t>
<t t-name="customDropdownChild" owl="1">
<t t-foreach="children" t-as="child" t-key="child.id">
<t t-if="!child.childrenTree.length">
<a class="t2" t-attf-href="{{getMenuItemHref(child)}}">
<t t-esc="child.name"></t>
</a>
</t>
<div t-if="child.childrenTree.length">
<p class="subtitle">
<t t-esc="child.name"></t>
</p>
<t t-call="customDropdownChild">
<t t-set="children" t-value="child.childrenTree"/>
</t>
</div>
</t>
</t>
</templates> </templates>

21
vista_backend_theme/static/src/xml/top_bar.xml
View File

@@ -24,23 +24,30 @@
</div> </div>
<!-- Current App Sections --> <!-- Current App Sections -->
<div class="d-none d-md-block o_menu_sections_fix "> <div class="d-none d-md-block o_menu_sections_fix ">
<!-- <t t-if="currentAppSections.length"--> <t t-if="currentAppSections.length"
<!-- t-call="web.NavBar.SectionsMenu">--> t-call="web.NavBar.SectionsMenu">
<!-- <t t-set="sections" t-value="currentAppSections"/>--> <t t-set="sections" t-value="currentAppSections"/>
<!-- </t>--> </t>
<t t-if="currentAppSections.length"> <t t-if="currentAppSections.length">
<t t-foreach="currentAppSections" t-as="menu" t-key="menu.id"> <t t-foreach="currentAppSections" t-as="menu" t-key="menu.id">
<div class="custom_dropdown" > <div class="custom_dropdown" >
<t t-if="menu.childrenTree.length" > <t t-if="menu.childrenTree.length" >
<p class="title"><t t-esc="menu.name"></t> </p> <p class="title"><t t-esc="menu.name"></t> </p>
<div class="custom_dropdown_fixed"> <div class="custom_dropdown_fixed">
<t t-foreach="menu.childrenTree" t-as="child" t-key="child.id"> <t t-call="customDropdownChild">
<a t-attf-href="{{getMenuItemHref(child)}}"> <t t-esc="child.name"></t></a> <t t-set="children" t-value="menu.childrenTree"/>
</t> </t>
</div> </div>
</t> </t>
<!-- <t t-if="menu.childrenTree.length">-->
<!-- <p class="title"><t t-esc="menu.name"></t> </p>-->
<!-- <div class="custom_dropdown_fixed">-->
<!-- <t t-foreach="menu.childrenTree" t-as="child" t-key="child.id">-->
<!-- <a t-attf-href="{{getMenuItemHref(child, 123)}}"> <t t-esc="child.name"></t></a>-->
<!-- </t>-->
<!-- </div>-->
<!-- </t>-->
<t t-if="!menu.childrenTree.length"> <t t-if="!menu.childrenTree.length">
<a class="title" t-attf-href="{{getMenuItemHref(menu)}}"> <t t-esc="menu.name"></t></a> <a class="title" t-attf-href="{{getMenuItemHref(menu)}}"> <t t-esc="menu.name"></t></a>
</t> </t>