add：新增首页视图左侧菜单布局组件

2177a34d · Shine-zwj · 235d1c94 · 2177a34d
--- a/@CONTROL/视图布局面板/应用首页视图/VIEW.vue.ftl
+++ b/@CONTROL/视图布局面板/应用首页视图/VIEW.vue.ftl
@@ -6,53 +6,46 @@
 </div>
 <#else>  -->
 <#if view.getMainMenuAlign()=="LEFT" || view.getMainMenuAlign()=="">
-<div class="index_view ${srffilepath2(view.getCodeName())}<#if view.getPSSysCss?? && view.getPSSysCss()??> ${view.getPSSysCss().getCssName()}</#if>">
+<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">
-    <layout :class="themeClasses" :style="themeStyle">
+    <template #siderTop>
-        <layout id="movebox">
+        <div class="page-logo">
-            <sider class="index_sider" :width="collapseChange ? 64 : 200" hide-trigger v-model="collapseChange" id= "left_move">
+        <#if view.getAppIconPath() != "">
-                <div class="sider-top">
+            <img v-show="collapseChange" v-if="isEnableAppSwitch" src="${view.getAppIconPath()}" height="16" @click="contextMenuDragVisiable=!contextMenuDragVisiable" />
-                    <div class="page-logo">
+            <#else>
-                    <#if view.getAppIconPath() != "">
+            <span class="menuicon" v-if="isEnableAppSwitch" @click="contextMenuDragVisiable=!contextMenuDragVisiable"><Icon type="md-menu" /></span>
-                        <img v-show="collapseChange" v-if="isEnableAppSwitch" src="${view.getAppIconPath()}" height="16" @click="contextMenuDragVisiable=!contextMenuDragVisiable" />
+        </#if>
-                        <#else>
+            <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 class="menuicon" v-if="isEnableAppSwitch" @click="contextMenuDragVisiable=!contextMenuDragVisiable"><Icon type="md-menu" /></span>
+        </div>
-                    </#if>
+    </template>
-                        <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>
+    <template #siderContent>
-                    </div>
+        ${P.getCtrlCode('appmenu', 'CONTROL.html').code}
-                </div>
+        <context-menu-drag v-if="isEnableAppSwitch" :contextMenuDragVisiable="contextMenuDragVisiable"></context-menu-drag>
-                ${P.getCtrlCode('appmenu', 'CONTROL.html').code}
+    </template>
-                <context-menu-drag v-if="isEnableAppSwitch" :contextMenuDragVisiable="contextMenuDragVisiable"></context-menu-drag>
+    <template #headerLeft>
-            </sider>
+        <div class="page-logo">
-            <div v-show="!collapseChange"  id="move_axis"></div>
+            <i v-show="!collapseChange" class="ivu-icon el-icon-s-fold" @click="handleClick"></i>
-            <layout id="right_move">
+            <i v-show="collapseChange" class="ivu-icon el-icon-s-unfold" @click="handleClick"></i>
-                <header class="index_header">
+            <app-breadcrumb  :navModel="navModel" indexViewTag="${srffilepath2(view.getCodeName())}"></app-breadcrumb>
-                    <div class="header-left" >
+        </div>
-                        <div class="page-logo">
+    </template>
-                            <i v-show="!collapseChange" class="ivu-icon el-icon-s-fold" @click="handleClick"></i>
+    <template #headerRight>
-                            <i v-show="collapseChange" class="ivu-icon el-icon-s-unfold" @click="handleClick"></i>
+        <app-lang style='font-size: 15px;padding: 0 10px;'></app-lang>
-                            <app-breadcrumb  :navModel="navModel" indexViewTag="${srffilepath2(view.getCodeName())}"></app-breadcrumb>
+        <app-orgsector></app-orgsector>
-                        </div>
+        <app-user></app-user>
-                    </div>
+        <app-message-popover></app-message-popover>
-                    <div class="header-right" style="display: flex;align-items: center;justify-content: space-between;">
+        <app-lock-scren />
-                        <app-lang style='font-size: 15px;padding: 0 10px;'></app-lang>
+        <app-full-scren />
-                        <app-orgsector></app-orgsector>
+        <app-theme style="width:45px;display: flex;justify-content: center;"></app-theme>
-                        <app-user></app-user>
+    </template>
-                        <app-message-popover></app-message-popover>
+    <template #tabPageExp>
-                        <app-lock-scren />
+        <tab-page-exp v-if="Object.is(navModel,'tab')"></tab-page-exp>
-                        <app-full-scren />
+    </template>
-                        <app-theme style="width:45px;display: flex;justify-content: center;"></app-theme>
+    <template #navPos>
-                    </div>
+        <app-keep-alive :routerList="getRouterList">
-                </header>
+            <router-view :key="getRouterViewKey"></router-view>
-                <content :class="{'index_content':true,'index_tab_content':Object.is(navModel,'tab')?true:false,'index_route_content':Object.is(navModel,'route')?true:false}"   @click="contextMenuDragVisiable=false">
+        </app-keep-alive>
-                    <tab-page-exp v-if="Object.is(navModel,'tab')"></tab-page-exp>
+    </template>
-                    <app-keep-alive :routerList="getRouterList">
+</app-index-view-layout-left>
-                        <router-view :key="getRouterViewKey"></router-view>
-                    </app-keep-alive>
-                </content>
-            </layout>
-        </layout>
-    </layout>
-</div>
 <#else>
 <div class="index_view <#if view.getPSSysCss?? && view.getPSSysCss()??> ${view.getPSSysCss().getCssName()}</#if>">
    <layout :class="themeClasses" :style="themeStyle">