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

@CONTROL/视图布局面板/应用首页视图/VIEW.vue.ftl

@@ -6,7 +6,7 @@
 </div>
 <#else>  -->
 <#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>
             <div class="page-logo">
             <#if view.getAppIconPath() != "">
@@ -45,12 +45,10 @@
                 <router-view :key="getRouterViewKey"></router-view>
             </app-keep-alive>
         </template>
-</app-index-view-layout-left>
+    </app-index-view-layout-left>
 <#else>
-<div class="index_view <#if view.getPSSysCss?? && view.getPSSysCss()??> ${view.getPSSysCss().getCssName()}</#if>">
-    <layout :class="themeClasses" :style="themeStyle">
-        <header class="index_header" >
-            <div class="header-left">
+    <app-index-view-layout-top :class="{ [themeClasses]: true, '${srffilepath2(view.getCodeName())}': true<#if view.getPSSysCss?? && view.getPSSysCss()??>, '${view.getPSSysCss().getCssName()}': true</#if> }" :style="themeStyle">
+        <template #headerLeft>
             <div class="page-logo">
                 <img src="../../../assets/img/logo.png" height="32" />
                 <span style="display: inline-block;margin-left: 10px;font-size: 22px;">{{$t(model.srfCaption)}}</span>
@@ -58,8 +56,8 @@
             <div <#if view.getMainMenuAlign()?? && view.getMainMenuAlign()!="TOP">style="margin-left: 50px;"</#if>>
                 ${P.getCtrlCode('appmenu', 'CONTROL.html').code}
             </div>
-            </div>
-            <div class="header-right" style="display: flex;align-items: center;justify-content: space-between;">
+        </template>
+        <template #headerRight>
             <app-lang style='font-size: 15px;padding: 0 10px;'></app-lang>
             <app-orgsector></app-orgsector>
             <app-user></app-user>
@@ -67,12 +65,10 @@
             <app-lock-scren />
             <app-full-scren />
             <app-theme style="width:45px;display: flex;justify-content: center;"></app-theme> 
-            </div>
-        </header>
-        <content <#if view.getMainMenuAlign()?? && view.getMainMenuAlign()=="TOP">class="app-horizontal-layout"</#if> style="height:calc(100vh - 50px);"  @click="contextMenuDragVisiable=false">  
+        </template>
+        <template #navPos>
             <router-view></router-view>
-        </content>
-    </layout>
-</div>
+        </template>
+    </app-index-view-layout-top>
 </#if>
 <#--  </#if>  -->