commit

 import LayoutSearch from './layout-search';
 import LayoutSearch from './layout-search';
 import LayoutHeader from './layout-header';
 import LayoutHeader from './layout-header';
 import LayoutList from './layout-list';
 import LayoutList from './layout-list';
+import LayoutMenu from './layout-menu';
 
 
 export default {
 export default {
     LayoutSearch,
     LayoutSearch,
     LayoutHeader,
     LayoutHeader,
-    LayoutList
+    LayoutList,
+    LayoutMenu
 };
 };

@@ -4,6 +4,14 @@
             <div class="logo">
             <div class="logo">
                 <h1>YOHO日志查询</h1>
                 <h1>YOHO日志查询</h1>
             </div>
             </div>
+            <div class="menus">
+                <i-menu mode="horizontal" active-name="1">
+                    <i-menu-item name="1">
+                        <i-icon type="android-time"></i-icon>
+                        日志查询
+                    </i-menu-item>
+                </i-menu>
+            </div>
         </div>
         </div>
     </div>
     </div>
 </template>
 </template>
@@ -25,10 +33,15 @@ export default {
     .header-nav {
     .header-nav {
         width: 90%;
         width: 90%;
         margin: 0 auto;
         margin: 0 auto;
+        display: flex;
     }
     }
 
 
     .logo {
     .logo {
         line-height: 60px;
         line-height: 60px;
+        width: 250px;
+    }
+    .menus {
+        flex: 1;
     }
     }
 }
 }
 </style>
 </style>

+<template>
+    <i-menu width="auto" class="layout-menu" :active-name="1" @on-select="selectMenu">
+        <i-menu-item :name="1">
+            日志查询
+        </i-menu-item>
+    </i-menu>
+</template>
+
+<script>
+export default {
+    name: 'LayoutMenu'
+};
+</script>
+
+<style lang="scss">
+.layout-menu {
+    .ivu-menu-item {
+        word-wrap: break-word;
+    }
+}
+</style>

@@ -6,7 +6,10 @@
                 <layout-search></layout-search>
                 <layout-search></layout-search>
             </div>
             </div>
             <div class="layout-right">
             <div class="layout-right">
+                <article>
+                    
                     <layout-list></layout-list>
                     <layout-list></layout-list>
+                </article>
             </div>
             </div>
         </div>
         </div>
         <BackTop></BackTop>
         <BackTop></BackTop>
@@ -39,7 +42,6 @@ export default {
     width: 380px;
     width: 380px;
     padding: 20px;
     padding: 20px;
     padding-top: 10px;
     padding-top: 10px;
-    border-right: solid 1px #dddee1;
 }
 }
 .layout-right {
 .layout-right {
     flex: 1;
     flex: 1;

@@ -14,12 +14,12 @@ module.exports = {
         env: {
         env: {
             NODE_ENV: '"dev"'
             NODE_ENV: '"dev"'
         },
         },
-        port: 7002,
+        port: 9123,
         autoOpenBrowser: true,
         autoOpenBrowser: true,
         assetsSubDirectory: 'static',
         assetsSubDirectory: 'static',
         assetsPublicPath: '/',
         assetsPublicPath: '/',
         proxyTable: {
         proxyTable: {
-            '/api': 'http://localhost:7001'
+            '/api': 'http://localhost:9122'
         },
         },
         cssSourceMap: false,
         cssSourceMap: false,
     }
     }

@@ -4,7 +4,7 @@
   "description": "",
   "description": "",
   "main": "app.js",
   "main": "app.js",
   "scripts": {
   "scripts": {
-    "dev": "nodemon --watch server server.js",
+    "dev": "nodemon --watch server app.js",
     "static": "node ./build/dev-server.js",
     "static": "node ./build/dev-server.js",
     "build": "node ./build/build.js"
     "build": "node ./build/build.js"
   },
   },