暂存

public/resource/css/public.css

@@ -54,9 +54,6 @@ a:hover{
 .nav .open > a {
     background-color: transparent;
 }
-.nav .open > a:hover {
-    background-color: transparent;
-}
 .nav .open > a:focus {
     background-color: transparent;
 }
@@ -118,38 +115,21 @@ a:hover{
     position: relative;
     width: 100%;
 }
-.sidebar-nav li:before {
-    background-color: #ff9419;
-    content: '';
-    height: 100%;
-    left: 0;
-    position: absolute;
-    top: 0;
-    -webkit-transition: width 0.2s ease-in;
-    transition: width 0.2s ease-in;
-    width: 0px;
-    z-index: -1;
-}
-.sidebar-nav .dropdown-menu li:before {
-    background:rgba(255,148,25,0.1) !important;
+.menu-main-li.active-main-li>a{
+	background-color: yellow;
 }
 
-.sidebar-nav li:hover:before {
-    -webkit-transition: width 0.2s ease-in;
-    transition: width 0.2s ease-in;
-    width: 100%;
+.menu-main-li:hover>a{
+	background-color: #ff9419!important;
 }
+
 .sidebar-nav li a {
     color: #dddddd;
     display: block;
     padding: 13px 15px 13px 30px;
     text-decoration: none;
 }
-.sidebar-nav li.open:hover before {
-    -webkit-transition: width 0.2s ease-in;
-    transition: width 0.2s ease-in;
-    width: 100%;
-}
+
 .sidebar-nav .dropdown-menu {
      background-color: #222222;
      border-radius: 0;
@@ -160,16 +140,7 @@ a:hover{
      position: relative;
      width: 100%;
  }
-.sidebar-nav li a:hover,
-.sidebar-nav li a:active,
-.sidebar-nav li a:focus,
-.sidebar-nav li.open a:hover,
-.sidebar-nav li.open a:active,
-.sidebar-nav li.open a:focus {
-    background-color: transparent;
-    color: #ffffff;
-    text-decoration: none;
-}
+
 .sidebar-nav > .sidebar-brand {
     font-size: 20px;
     height: 65px;
@@ -181,8 +152,8 @@ a:hover{
 .span-list{
     margin-left: 6px;
 }
-.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
-    background:rgba(255,148,25,0.1) !important;
+.dropdown-menu>li>a.active-sub-li{
+	background:rgba(255,148,25,0.1) !important;
 }
 .successModel{
     display: none;

public/resource/js/public.js

@@ -47,6 +47,8 @@ define(['doT', 'jquery', 'text!temp/menu_template_tpl.html'], function (doT, $,t
                 data: "",
                 dataType: 'json',
                 success: function (data) {
+                	var _indexMain = sessionStorage.getItem('menuMainIndex');
+                	var _indexSub = sessionStorage.getItem('menuSubIndex');
                     var temp = document.getElementById ('menu_tpl').innerHTML;
                     var doTtmpl = doT.template (temp);
                     $ ("#menu_bar").html (doTtmpl (data.data.menu));
@@ -59,6 +61,24 @@ define(['doT', 'jquery', 'text!temp/menu_template_tpl.html'], function (doT, $,t
     $("#logout").click(function () {
         sessionStorage.removeItem('pcUserInfo');
     });
+    
+    var _doc = $(document);
+    _doc.on('click', '.menu-sub-alink', function(e){
+    	e.preventDefault();
+    	e.stopPropagation();
+    	var _this = $(this);
+    	sessionStorage.setItem('menuMainIndex',_this.parent().index());
+    	sessionStorage.setItem('menuSubIndex',_this.closest('.menu-main-li').index());
+    	location.href = _this.data('href');
+    });
+    
+    _doc.on('click', '.menu-main-li', function(e){
+    	e.preventDefault();
+    	e.stopPropagation();
+    	var _this = $(this);
+    	_this.addClass('active-main-li').siblings().removeClass('active-main-li');
+    });
+    
 });
 function getUrlParam(name) {
     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");

public/resource/template/menu_template_tpl.html

 <script id="menu_tpl" type="text/template">
     [% if(it) { %]
     [% for(var item in it){ %]
-        <li class="dropdown">
+        <li class="dropdown menu-main-li">
             [% if(it[item]["_child"] == undefined || it[item]["_child"].length == 0) { %]
                 <a href="javascript:;" ><span class="glyphicon glyphicon-credit-card" aria-hidden="true"></span> <span class="span-list">[%= it[item]["title"] %]</span></a>
             [% } else { %]
-                <a href="" class="dropdown-toggle" data-toggle="dropdown"> <span class="glyphicon glyphicon-credit-card" aria-hidden="true"></span><span class="span-list">[%= it[item]["title"] %]</span>
+                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> <span class="glyphicon glyphicon-credit-card" aria-hidden="true"></span><span class="span-list">[%= it[item]["title"] %]</span>
                     <span class="glyphicon glyphicon-hand-down" aria-hidden="true"></span></a>
                 <ul class="dropdown-menu" role="menu">
                     [% for(var item_menu in it[item]["_child"]){ %]
-                        <li><a href="/[%= it[item]['_child'][item_menu]['name'] %]"><span class="glyphicon glyphicon-dashboard" aria-hidden="true"></span> <span class="span-list">[%= it[item]["_child"][item_menu]['title'] %]</span></a></li>
+                        <li><a href="javascript:;" class="menu-sub-alink" data-href="/[%= it[item]['_child'][item_menu]['name'] %]"><span class="glyphicon glyphicon-dashboard" aria-hidden="true"></span> <span class="span-list">[%= it[item]["_child"][item_menu]['title'] %]</span></a></li>
                     [% } %]
                 </ul>
             [% }%]