航空物流公共信息服务平台界面优化

@@ -24,18 +24,17 @@ module.exports = {
   },
   dev: {
     env: require('./dev.env'),
-    port: 12022,
+    port: 12024,
     autoOpenBrowser: true,
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
     proxyTable: {
       '/api':{
-         target: 'http://192.168.1.53:12343',//设置你调用的接口域名和端口号 别忘了加http
-         // target: 'http://192.168.1.189:12343',//设置你调用的接口域名和端口号 别忘了加http
-           // target: 'http://localhost:12343',//设置你调用的接口域名和端口号 别忘了加http
+          target: 'http://192.168.1.53:12343',//设置你调用的接口域名和端口号 别忘了加http
+          // target: 'http://localhost:12343',//设置你调用的接口域名和端口号 别忘了加http
           changeOrigin: true,
           pathRewrite: {
-              '^/api/': '/', //这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可
+              '^/api/': '/'//这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可
           }
       }
     },

@@ -143,7 +143,7 @@ let routes = [
         name: '订舱系统',
         iconCls: 'el-icon-delete-location',
         children: [
-            { path: '/booking', component: booking, name: '在线订舱' },
+            // { path: '/booking', component: booking, name: '在线订舱' },
             { path: '/order', component: order, name: '订舱信息' },
             { path: '/airlift', component: airlift, name: '空运专线' },
         ]

@@ -5,13 +5,14 @@
                 {{collapsed?'':sysName}}
             </el-col>
             <el-col :span="10">
-                <div class="tools" @click.prevent="collapse">
-                    <i class="fa fa-align-justify"></i>
+                <div class="tools" @click.prevent="collapse" style="width: 380px">
+                    <i class="fa "></i>
                 </div>
+<!--                标签i的图标 fa-align-justify-->
             </el-col>
             <el-col :span="4" class="userinfo">
-                <el-dropdown trigger="hover">
-                    <span class="el-dropdown-link userinfo-inner"><img :src="this.sysUserAvatar" /> {{sysUserName}}</span>
+                <el-dropdown trigger="hover" >
+                    <span class="el-dropdown-link userinfo-inner">{{sysUserName}}<img :src="this.sysUserAvatar"/></span>
                     <el-dropdown-menu slot="dropdown">
                         <el-dropdown-item>我的消息</el-dropdown-item>
                         <el-dropdown-item @click.native="editPass">修改密码</el-dropdown-item>
@@ -43,7 +44,14 @@
         <el-col :span="24" class="main">
             <aside :class="collapsed?'menu-collapsed':'menu-expanded'">
                 <!--导航菜单-->
-                <el-menu :default-active="$route.path" class="el-menu-vertical-demo" @open="handleopen" @close="handleclose" @select="handleselect" unique-opened router v-show="!collapsed" style="min-width: 230px">
+                <el-menu :default-active="$route.path" class="el-menu-vertical-demo" @open="handleopen"
+                         @close="handleclose" @select="handleselect" unique-opened router v-show="!collapsed"
+                         style="width: 380px;height: 100%">
+<!--                    ;overflow: scroll-->
+                    <div align="center" style="background-color: #2b2f3a">
+                        <img src="./logo1.png">
+                        <h1 style="color:white;display: inline-block">航空物流公共信息服务平台</h1>
+                    </div>
                     <template v-for="(item,index) in $router.options.routes" v-if="!item.hidden">
                         <el-submenu :index="index+''" v-if="!item.leaf">
                             <template slot="title"><i :class="item.iconCls"></i>{{item.name}}</template>
@@ -134,7 +142,7 @@
                 }
             };
             return {
-                sysName:'代理人申报平台',
+                sysName:'',
                 collapsed:false,
                 sysUserName: '',
                 sysUserId:'',
@@ -303,11 +311,12 @@
             color:#fff;
             .userinfo {
                 text-align: right;
-                padding-right: 35px;
+                padding-right: 125px;
+                padding-top: 71px;
                 float: right;
                 .userinfo-inner {
                     cursor: pointer;
-                    color:#fff;
+                    color:rgb(180,150,121);
                     img {
                         width: 40px;
                         height: 40px;
@@ -347,6 +356,11 @@
                 height: 60px;
                 line-height: 60px;
                 cursor: pointer;
+
+                /*padding-left: 180px;*/
+                /*padding-top: 60px;*/
+                /*color: rgb(111,130,148);*/
+
             }
         }
         .main {
@@ -360,7 +374,7 @@
                 flex:0 0 230px;
                 width: 230px;
                 overflow-y: scroll;
-                background: #606060;
+                background: rgb(38,56,76);
                 // position: absolute;
                 // top: 0px;
                 // bottom: 0px;
@@ -385,7 +399,8 @@
                 width: 60px;
             }
             .menu-expanded{
-                flex:0 0 230px;
+                /*底层滚动框宽度*/
+                flex:0 0 380px;
                 width: 230px;
             }
             .menu-expanded ul{

 <template>
     <el-row id="me">
-        <el-col :span="24" id="menu" >
+        <el-col :span="20" id="menu" >
             <ul>
-                <li><a href="" class="drop">政府监管服务</a>
-                    <div class="dropdown_1column">
-                        <ul class="simple">
-                            <li><a href="http://8.131.245.248:9004/">货物监管辅助管理</a></li>
-                            <li><a href="http://8.131.245.248:9005/">卡口辅助管理</a></li>
-                            <li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">安检信息服务</a></li>
-                            <li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">特种货物监管</a></li>
-                            <li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">企业信用管理</a></li>
-                        </ul>
-                    </div></li>
-                <li><a href="" class="drop">综合查询</a>
-                    <div class="dropdown_1column">
-                        <ul class="simple">
-                            <li><a href="http://8.131.245.248:8083/zz-sso">企业实时查询服务</a></li>
-                            <li><a href="http://8.131.245.248:8083/zz-sso">企业综合查询服务</a></li>
-                            <li style="width: 160px"><a href="http://8.131.245.248:8083/zz-sso">监管部门与机场实时查询</a></li>
-                            <li style="width: 160px"><a href="http://8.131.245.248:8083/zz-sso">监管部门与机场综合查询</a></li>
-                        </ul>
-                    </div></li>
                 <li> <a href="" class="drop">企业公共服务</a>
                     <div class="dropdown_1column">
                         <ul class="simple">
@@ -47,7 +28,25 @@
                         </ul>
                     </div>
                 </li>
-
+                <li><a href="" class="drop">综合查询</a>
+                    <div class="dropdown_1column">
+                        <ul class="simple">
+                            <li><a href="http://8.131.245.248:8083/zz-sso">企业实时查询服务</a></li>
+                            <li><a href="http://8.131.245.248:8083/zz-sso">企业综合查询服务</a></li>
+                            <li style="width: 160px"><a href="http://8.131.245.248:8083/zz-sso">监管部门与机场实时查询</a></li>
+                            <li style="width: 160px"><a href="http://8.131.245.248:8083/zz-sso">监管部门与机场综合查询</a></li>
+                        </ul>
+                    </div></li>
+                <li><a href="" class="drop">政府监管服务</a>
+                    <div class="dropdown_1column">
+                        <ul class="simple">
+                            <li><a href="http://8.131.245.248:9004/">货物监管辅助管理</a></li>
+                            <li><a href="http://8.131.245.248:9005/">卡口辅助管理</a></li>
+                            <li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">安检信息服务</a></li>
+                            <li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">特种货物监管</a></li>
+                            <li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">企业信用管理</a></li>
+                        </ul>
+                    </div></li>
             </ul>
         </el-col>
     </el-row>
@@ -65,12 +64,12 @@
     li{
         list-style-type: none;
     }
-    a{font-size: 13px;}
+    a{font-size: 14px;}
 
     /*菜单栏底层div*/
     #menu,#menu2 {
         height: 50px;
-        border-bottom: 3px solid rgb(111,130,148);
+        /*border-bottom: 3px solid rgb(111,130,148);*/
         position:relative;
         z-index: 999;
     }