提交 c2f61f3e 编写于 作者: Shine-zwj's avatar Shine-zwj

add:新增首页视图上方菜单布局组件

上级 2177a34d
...@@ -6,73 +6,69 @@ ...@@ -6,73 +6,69 @@
</div> </div>
<#else> --> <#else> -->
<#if view.getMainMenuAlign()=="LEFT" || view.getMainMenuAlign()==""> <#if view.getMainMenuAlign()=="LEFT" || view.getMainMenuAlign()=="">
<app-index-view-layout-left :navModel="navModel" :collapseChange="collapseChange" :class="{ [themeClasses]: true, '${srffilepath2(view.getCodeName())}': true<#if view.getPSSysCss?? && view.getPSSysCss()??>, '${view.getPSSysCss().getCssName()}': true</#if> }" :style="themeStyle"> <app-index-view-layout-left :navModel="navModel" :collapseChange="collapseChange" :class="{ [themeClasses]: true, '${srffilepath2(view.getCodeName())}': true<#if view.getPSSysCss?? && view.getPSSysCss()??>, '${view.getPSSysCss().getCssName()}': true</#if> }" :style="themeStyle">
<template #siderTop> <template #siderTop>
<div class="page-logo"> <div class="page-logo">
<#if view.getAppIconPath() != ""> <#if view.getAppIconPath() != "">
<img v-show="collapseChange" v-if="isEnableAppSwitch" src="${view.getAppIconPath()}" height="16" @click="contextMenuDragVisiable=!contextMenuDragVisiable" /> <img v-show="collapseChange" v-if="isEnableAppSwitch" src="${view.getAppIconPath()}" height="16" @click="contextMenuDragVisiable=!contextMenuDragVisiable" />
<#else> <#else>
<span class="menuicon" v-if="isEnableAppSwitch" @click="contextMenuDragVisiable=!contextMenuDragVisiable"><Icon type="md-menu" /></span> <span class="menuicon" v-if="isEnableAppSwitch" @click="contextMenuDragVisiable=!contextMenuDragVisiable"><Icon type="md-menu" /></span>
</#if> </#if>
<span v-show="!collapseChange" style="overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;text-align: center;font-weight: 300;font-size: 20px;">{{$t(model.srfCaption)}}</span> <span v-show="!collapseChange" style="overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;text-align: center;font-weight: 300;font-size: 20px;">{{$t(model.srfCaption)}}</span>
</div> </div>
</template> </template>
<template #siderContent> <template #siderContent>
${P.getCtrlCode('appmenu', 'CONTROL.html').code} ${P.getCtrlCode('appmenu', 'CONTROL.html').code}
<context-menu-drag v-if="isEnableAppSwitch" :contextMenuDragVisiable="contextMenuDragVisiable"></context-menu-drag> <context-menu-drag v-if="isEnableAppSwitch" :contextMenuDragVisiable="contextMenuDragVisiable"></context-menu-drag>
</template> </template>
<template #headerLeft> <template #headerLeft>
<div class="page-logo"> <div class="page-logo">
<i v-show="!collapseChange" class="ivu-icon el-icon-s-fold" @click="handleClick"></i> <i v-show="!collapseChange" class="ivu-icon el-icon-s-fold" @click="handleClick"></i>
<i v-show="collapseChange" class="ivu-icon el-icon-s-unfold" @click="handleClick"></i> <i v-show="collapseChange" class="ivu-icon el-icon-s-unfold" @click="handleClick"></i>
<app-breadcrumb :navModel="navModel" indexViewTag="${srffilepath2(view.getCodeName())}"></app-breadcrumb> <app-breadcrumb :navModel="navModel" indexViewTag="${srffilepath2(view.getCodeName())}"></app-breadcrumb>
</div> </div>
</template> </template>
<template #headerRight> <template #headerRight>
<app-lang style='font-size: 15px;padding: 0 10px;'></app-lang> <app-lang style='font-size: 15px;padding: 0 10px;'></app-lang>
<app-orgsector></app-orgsector> <app-orgsector></app-orgsector>
<app-user></app-user> <app-user></app-user>
<app-message-popover></app-message-popover> <app-message-popover></app-message-popover>
<app-lock-scren /> <app-lock-scren />
<app-full-scren /> <app-full-scren />
<app-theme style="width:45px;display: flex;justify-content: center;"></app-theme> <app-theme style="width:45px;display: flex;justify-content: center;"></app-theme>
</template> </template>
<template #tabPageExp> <template #tabPageExp>
<tab-page-exp v-if="Object.is(navModel,'tab')"></tab-page-exp> <tab-page-exp v-if="Object.is(navModel,'tab')"></tab-page-exp>
</template> </template>
<template #navPos> <template #navPos>
<app-keep-alive :routerList="getRouterList"> <app-keep-alive :routerList="getRouterList">
<router-view :key="getRouterViewKey"></router-view> <router-view :key="getRouterViewKey"></router-view>
</app-keep-alive> </app-keep-alive>
</template> </template>
</app-index-view-layout-left> </app-index-view-layout-left>
<#else> <#else>
<div class="index_view <#if view.getPSSysCss?? && view.getPSSysCss()??> ${view.getPSSysCss().getCssName()}</#if>"> <app-index-view-layout-top :class="{ [themeClasses]: true, '${srffilepath2(view.getCodeName())}': true<#if view.getPSSysCss?? && view.getPSSysCss()??>, '${view.getPSSysCss().getCssName()}': true</#if> }" :style="themeStyle">
<layout :class="themeClasses" :style="themeStyle"> <template #headerLeft>
<header class="index_header" > <div class="page-logo">
<div class="header-left"> <img src="../../../assets/img/logo.png" height="32" />
<div class="page-logo"> <span style="display: inline-block;margin-left: 10px;font-size: 22px;">{{$t(model.srfCaption)}}</span>
<img src="../../../assets/img/logo.png" height="32" />
<span style="display: inline-block;margin-left: 10px;font-size: 22px;">{{$t(model.srfCaption)}}</span>
</div>
<div <#if view.getMainMenuAlign()?? && view.getMainMenuAlign()!="TOP">style="margin-left: 50px;"</#if>>
${P.getCtrlCode('appmenu', 'CONTROL.html').code}
</div>
</div> </div>
<div class="header-right" style="display: flex;align-items: center;justify-content: space-between;"> <div <#if view.getMainMenuAlign()?? && view.getMainMenuAlign()!="TOP">style="margin-left: 50px;"</#if>>
<app-lang style='font-size: 15px;padding: 0 10px;'></app-lang> ${P.getCtrlCode('appmenu', 'CONTROL.html').code}
<app-orgsector></app-orgsector>
<app-user></app-user>
<app-message-popover></app-message-popover>
<app-lock-scren />
<app-full-scren />
<app-theme style="width:45px;display: flex;justify-content: center;"></app-theme>
</div> </div>
</header> </template>
<content <#if view.getMainMenuAlign()?? && view.getMainMenuAlign()=="TOP">class="app-horizontal-layout"</#if> style="height:calc(100vh - 50px);" @click="contextMenuDragVisiable=false"> <template #headerRight>
<app-lang style='font-size: 15px;padding: 0 10px;'></app-lang>
<app-orgsector></app-orgsector>
<app-user></app-user>
<app-message-popover></app-message-popover>
<app-lock-scren />
<app-full-scren />
<app-theme style="width:45px;display: flex;justify-content: center;"></app-theme>
</template>
<template #navPos>
<router-view></router-view> <router-view></router-view>
</content> </template>
</layout> </app-index-view-layout-top>
</div>
</#if> </#if>
<#-- </#if> --> <#-- </#if> -->
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册