refactor: refine layout directory structure

src/views/layout/Layout.vue

@@ -3,20 +3,22 @@
 		<sidebar class="sidebar-container"></sidebar>
 		<div class="main-container">
 			<navbar></navbar>
+			<tabs-view></tabs-view>
 			<app-main></app-main>
 		</div>
 	</div>
 </template>
 
 <script>
-import { Navbar, Sidebar, AppMain } from 'views/layout'
+import { Navbar, Sidebar, AppMain, TabsView } from 'views/layout/components'
 
 export default {
   name: 'layout',
   components: {
     Navbar,
     Sidebar,
-    AppMain
+    AppMain,
+    TabsView
   },
   computed: {
     sidebar() {

src/views/layout/Navbar.vue → src/views/layout/components/Navbar.vue

@@ -2,7 +2,6 @@
 	<el-menu class="navbar" mode="horizontal">
 		<hamburger class="hamburger-container" :toggleClick="toggleSideBar" :isActive="sidebar.opened"></hamburger>
 		<levelbar></levelbar>
-		<tabs-view></tabs-view>
 		<error-log v-if="log.length>0" class="errLog-container" :logsList="log"></error-log>
 		<screenfull class='screenfull'></screenfull>
 		<el-dropdown class="avatar-container" trigger="click">
@@ -30,7 +29,6 @@
 <script>
 import { mapGetters } from 'vuex'
 import Levelbar from './Levelbar'
-import TabsView from './TabsView'
 import Hamburger from 'components/Hamburger'
 import Screenfull from 'components/Screenfull'
 import ErrorLog from 'components/ErrLog'
@@ -39,7 +37,6 @@ import errLogStore from 'store/errLog'
 export default {
   components: {
     Levelbar,
-    TabsView,
     Hamburger,
     ErrorLog,
     Screenfull

src/views/layout/index.js → src/views/layout/components/index.js

 export { default as Navbar } from './Navbar'
-
 export { default as Sidebar } from './Sidebar'
-
-export { default as Levelbar } from './Levelbar'
-
+export { default as TabsView } from './TabsView'
 export { default as AppMain } from './AppMain'