Merge branch 'product' of git.mes123.com:zhouyx/mes-ui into product

layouts/basic-layout/product.vue

+
 <template>
   <Layout class="product-layout">
     <Header>
@@ -14,7 +15,7 @@
                 <td>
                   <ul class="table_row_ul">
                     <li v-for="(li,j) in item.children">
-                      <a @click="goPage(li)">{{li.title}}</a>
+                      <a @click="goPage(li,j)" :class="{'active': li.id === isActive}">{{li.title}}</a>
                     </li>
                   </ul>
                 </td>
@@ -92,6 +93,7 @@ export default {
   },
   data() {
     return {
+      isActive:0,
       showDrawer: false,
       ticking: false,
       headerVisible: true,
@@ -273,6 +275,7 @@ export default {
     },
     goPage(u) {
       this.$router.push(u.path)
+      this.isActive = u.id
     },
   },
   mounted() {
@@ -286,6 +289,7 @@ export default {
   }
 };
 </script>
+
 <style lang="less">
 .product-layout {
   .ivu-layout-header {
@@ -342,10 +346,9 @@ export default {
             }
           }
           tr{
-            height: 40px;
-            line-height: 40px;
+            // line-height: 35px;
             td{
-              padding: 5px 10px;
+              padding: 9px 10px 0px;
               .table_row_ul{
                 list-style: none;
                 border-bottom: 1px solid #E0E0E0;
@@ -356,12 +359,21 @@ export default {
                   a {
                     float: left;
                     padding: 0px 10px;
-                    margin: 0 6px;
+                    line-height: 30px;
+                    margin: 0px 6px;
+                    border-radius: 4px;
                   }
-                  a:hover {
+                  a:hover{
+                    background: #2680eb;
+                    color: white;
+                  }
+                  a:visited{
+                    background: #2680eb;
+                    color: white;
+                  }
+                  a.active{
                     background: #2680eb;
                     color: white;
-                    border-radius: 4px;
                   }
                 }
               }
@@ -372,7 +384,6 @@ export default {
             background: #515a6e;
             .title{
               padding: 5px 10px;
-              font-size: 16px;
             }
           }
         }