From 6cbd9ad72640c7731aac43c0eb753eeb313f2c5f Mon Sep 17 00:00:00 2001
From: sakuya <81883387@qq.com>
Date: Tue, 6 Jul 2021 22:39:36 +0800
Subject: [PATCH] =?UTF-8?q?ADD=20=E5=B8=83=E5=B1=80=E5=A2=9E=E5=8A=A0Dock?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/config/index.js               |  3 ++-
 src/layout/components/setting.vue |  1 +
 src/layout/index.vue              | 30 ++++++++++++++++++++++++++++++
 src/style/app.less                |  7 +++++++
 4 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/src/config/index.js b/src/config/index.js
index 3239f242..727e23f3 100644
--- a/src/config/index.js
+++ b/src/config/index.js
@@ -11,7 +11,8 @@ const DEFAULT_CONFIG = {
 	//MOCK接口地址
 	MOCK_URL: "https://www.fastmock.site/mock/44c807475f7eeba73409792255781935/api",
 
-	//布局 默认：default | 通栏：header | 经典：menu
+	//布局 默认：default | 通栏：header | 经典：menu | 功能坞：dock
+	//dock将关闭标签和面包屑栏
 	LAYOUT: 'default',
 
 	//菜单是否折叠
diff --git a/src/layout/components/setting.vue b/src/layout/components/setting.vue
index d6599d1f..e671a763 100644
--- a/src/layout/components/setting.vue
+++ b/src/layout/components/setting.vue
@@ -7,6 +7,7 @@
 				<el-option label="默认" value="default"></el-option>
 				<el-option label="通栏" value="header"></el-option>
 				<el-option label="经典" value="menu"></el-option>
+				<el-option label="功能坞" value="dock"></el-option>
 			</el-select>
 		</el-form-item>
 		<el-form-item label="折叠菜单">
diff --git a/src/layout/index.vue b/src/layout/index.vue
index c2773535..2253c9e9 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -78,6 +78,36 @@
 		</section>
 	</template>
 
+	<!-- 经典布局 -->
+	<template v-else-if="layout=='dock'">
+		<header class="adminui-header">
+			<div class="adminui-header-left">
+				<div class="logo-bar">
+					<img class="logo" src="img/logo.png">
+					<span>{{ $CONFIG.APP_NAME }}</span>
+				</div>
+			</div>
+			<div class="adminui-header-right">
+				<userbar></userbar>
+			</div>
+		</header>
+
+		<section class="aminui-wrapper">
+			<Side-m v-if="ismobile"></Side-m>
+			<div class="aminui-body el-container">
+				<div v-if="!ismobile" class="adminui-header-menu">
+					<el-menu :default-active="$route.meta.active || $route.fullPath" router mode="horizontal">
+						<NavMenu :navMenus="menu"></NavMenu>
+					</el-menu>
+				</div>
+				<div class="adminui-main" id="adminui-main">
+					<router-view></router-view>
+					<iframe-view></iframe-view>
+				</div>
+			</div>
+		</section>
+	</template>
+
 	<!-- 默认布局 -->
 	<template v-else>
 		<section class="aminui-wrapper">
diff --git a/src/style/app.less b/src/style/app.less
index 3a479c7b..dc5d1837 100644
--- a/src/style/app.less
+++ b/src/style/app.less
@@ -37,6 +37,13 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
 .adminui-header .user-bar .panel-item:hover {background: rgba(255, 255, 255, 0.1)!important;}
 .adminui-header .user-bar .user label{color: #fff;}
 
+.adminui-header-menu {box-shadow: 0 1px 4px rgba(0,0,0,.1);z-index: 1;height:70px;}
+.adminui-header-menu .el-submenu.is-opened .el-submenu__title {background: #ecf5ff;}
+.adminui-header-menu .el-submenu__title {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 70px !important;line-height: 70px !important;padding: 0 30px;}
+.adminui-header-menu .el-submenu__title span {line-height: 21px;}
+.adminui-header-menu .el-submenu__title i {margin-right: 0px;}
+.adminui-header-menu .el-submenu__title .el-submenu__icon-arrow {margin: 0;display: none;}
+
 /* 左侧菜单 */
 .aminui-side-split {width:65px;flex-shrink:0;background: #222b45;}
 .adminui-side-split-scroll {overflow: auto;overflow-x:hidden;height: 100%;}