左侧菜单栏动态

public/css/common.scss

@@ -705,9 +705,13 @@ i{
 
 
 //左侧菜单栏
-.nav-workplace{
+.nav-business{
   .el-submenu__title{
     font-size:12px;
+    height: 40px;
+    line-height: 40px;
+    padding: 0 !important;
+    transition:unset;
   }
   .el-menu-item-group{
     list-style: disc !important;
@@ -726,6 +730,9 @@ i{
   & .el-submenu__title:focus, .el-submenu__title:hover,& .el-menu-item:focus, .el-menu-item:hover{
     background: #242438 !important;
   }
+  .el-submenu__icon-arrow{
+    right:0;
+  }
 }
 
 .circle26px{

src/components/index/PageLeft.vue

@@ -12,53 +12,39 @@
         </div>
 
         <div class="nav-business">
-            <div v-for="item in businessList">
+            <div v-for="item in businessList" v-if="!item.children">
                 <p :class="item.name">
                     <router-link :to="{path:item.url}">
                         <i class="iconfont" :class="'icon-'+item.className"></i>
                         <span>{{$t("topNav."+item.name)}}</span>
-                        <span class="nav-count">2342</span>
+                        <span class="nav-count">{{item.count}}</span>
                     </router-link>
                 </p>
             </div>
+            <div v-for="item in businessList" v-if="item.children">
+                <el-menu
+                         default-active="1"
+                         class="el-menu-vertical-demo"
+                         background-color="#1E1E2D"
+                         text-color="#A2A3B7"
+                         active-text-color="#fff"
+                         :router="true"
+                >
+                    <el-submenu index="1">
+                        <template slot="title">
+                            <i class="iconfont" :class="'icon-'+item.className"></i>
+                            <span>{{item.name}}</span>
+                        </template>
+                        <el-menu-item :index="son.url" v-for="(son,index) in item.children"><span class="circle5px"></span>{{son.name}}</el-menu-item>
 
-        </div>
+                    </el-submenu>
+                </el-menu>
 
-        <div class="nav-business">
-            <div v-for="item in instudyList">
-                <p :class="item.name">
-                    <router-link :to="{path:item.url}">
-                        <i class="iconfont" :class="'icon-'+item.className"></i>
-                        <span>{{$t("topNav."+item.name)}}</span>
-                        <span class="nav-count">2342</span>
-                    </router-link>
-                </p>
             </div>
-
         </div>
 
         <div class="nav-workplace">
-            <el-menu
-                    default-active="1"
-                    class="el-menu-vertical-demo"
-                    background-color="#1E1E2D"
-                    text-color="#A2A3B7"
-                    active-text-color="#fff"
-                    :router="true"
-                    >
-                <el-submenu index="1">
-                    <template slot="title">
-                        <i class="iconfont icon-ic_web"></i>
-                        <span>{{$t("topNav.workPlace")}}</span>
-                    </template>
-                    <el-menu-item index="1-1"><span class="circle5px"></span>发布需求</el-menu-item>
-                    <el-menu-item index="1-2"><span class="circle5px"></span>我发布的需求</el-menu-item>
-                    <el-menu-item index="1-3"><span class="circle5px"></span>我收到的自推荐</el-menu-item>
-                    <el-menu-item index="1-4"><span class="circle5px"></span>我的意向</el-menu-item>
-                    <el-menu-item index="1-5"><span class="circle5px"></span>我的收藏</el-menu-item>
-
-                </el-submenu>
-            </el-menu>
+
         </div>
 
         <div class="company-info">
@@ -86,30 +72,64 @@
                         id        : 1,
                         name : 'findProject',
                         className : 'iconnews',
-                        url       : '/find/project'
+                        url       : '/find/project',
+                        count:"2312"
                     },
                     {
                         id        : 2,
                         name : 'findCustomer',
                         className : 'gongsi',
-                        url       : '/find/customer'
+                        url       : '/find/customer',
+                        count:"2211"
+
                     },
-                ],
-                instudyList : [
                     {
                         id        : 4,
                         name : 'professionfocusing',
                         className : 'jujiao',
-                        url       : '/find/customer'
+                        url       : '/find/customer',
+                        count:"2211"
+
                     },
                     {
                         id        : 5,
                         name : 'cooperationcase',
                         className : 'kehu',
-                        url       : '/find/customer'
-                    }
+                        url       : '/find/customer',
+                        count:"2211"
+                    },
+                    {
+                        id        : 6,
+                        name : '我的工作台',
+                        className : 'ic_web',
+                        url       : '/find/customer',
+                        children:[{
+                            id:1,
+                            name:"发布需求",
+                            url:"/"
+                        },{
+                            id:2,
+                            name:"我发布的需求",
+                            url:"/"
 
-                ]
+                        },{
+                            id:3,
+                            name:"我收到的自推荐",
+                            url:"/"
+
+                        },{
+                            id:4,
+                            name:"我的意向",
+                            url:"/"
+
+                        },{
+                            id:5,
+                            name:"我的收藏",
+                            url:"/"
+
+                        }]
+                    }
+                ],
             });
         }
     };
@@ -173,8 +193,9 @@
         }
 
         &>.nav-business{
-            height: 80px;
+            /*height: 80px;*/
             margin-top: 20px;
+            text-align: left;
             padding-bottom: 10px;
             p{
                 width: 100%;
@@ -204,12 +225,6 @@
                     padding-bottom: 10px;
                 }
             }
-        }
-
-        &>.nav-workplace{
-            margin-top:10px;
-            border-top: 1px solid #2B2B42;
-            text-align: left;
             i.icon-ic_web:before{
                 color: #9197B4;
             }
@@ -217,6 +232,10 @@
                 border-right: none;
             }
         }
+
+        &>.nav-workplace{
+            margin-top:10px;
+        }
         &>.company-info{
             width: 100%;
             position: absolute;