git-svn-id: svn+ssh://10.10.101.21/source/platform/platform-b2b@510 f3bf4e98-0cf0-11e4-a00c-a99a8b9d557d

src/main/webapp/resources/css/index.css

@@ -620,15 +620,22 @@ a {
 }
 
 .left-nav>ul>li {
-	text-indent: 35px;
-	padding: 5px 15px 5px 0;
+	text-indent: 15px;
+}
+
+.left-nav>ul>li>a {
+	display: block;
+	padding: 6px 20px;
+	clear: both;
+	line-height: 1.42857143;
+	white-space: nowrap;
 }
 
-.use>ul>li:hover,.left-nav>ul>li:hover {
+.use>ul>li:hover,.left-nav>ul>li:hover,.left-nav>ul>li.active {
 	background-color: #56a022;
 }
 
-.use>ul>li:hover>*,.left-nav>ul>li:hover>* {
+.use>ul>li:hover *,.left-nav>ul>li:hover *,.left-nav>ul>li.active * {
 	color: #fff;
 	text-decoration: none
 }

src/main/webapp/resources/js/index/app.js

@@ -35,16 +35,28 @@ define([ 'toaster', 'charts', 'ngTable', 'common/services', 'service/Purc', 'ui.
 				"right-view" : {
 					templateUrl : "static/tpl/index/sale/right.html"
 				}
+			},
+			controller: function($rootScope) {
+				$rootScope.active = null;
 			}
 		}).state('sale.index', {
 			url : "",
-			templateUrl : "static/tpl/index/sale/index.html"
+			templateUrl : "static/tpl/index/sale/index.html",
+			controller: function($rootScope) {
+				$rootScope.active = null;
+			}
 		}).state('sale.home', {
 			url : "/",
-			templateUrl : "static/tpl/index/sale/index.html"
+			templateUrl : "static/tpl/index/sale/index.html",
+			controller: function($rootScope) {
+				$rootScope.active = null;
+			}
 		}).state('sale.todo', {
 			url : "/todo",
-			templateUrl : "static/tpl/index/sale/todo.html"
+			templateUrl : "static/tpl/index/sale/todo.html",
+			controller: function($rootScope) {
+				$rootScope.active = null;
+			}
 		}).state('sale.todo.inquiry', {
 			url : "/inquiry",
 			templateUrl : "static/tpl/index/sale/inquiry.html",
@@ -71,28 +83,34 @@ define([ 'toaster', 'charts', 'ngTable', 'common/services', 'service/Purc', 'ui.
 			}
 		}).state('sale.inquiry', {
 			url : "/inquiry",
-			templateUrl : "static/tpl/index/sale/inquiry.html"
-		}).state('sale.inquiry.todo', {
-			url : "/todo",
-			templateUrl : "static/tpl/index/sale/inquiry.html"
+			templateUrl : "static/tpl/index/sale/inquiry.html",
+			controller: function($rootScope) {
+				$rootScope.active = 'inquiry';
+			}
+		}).state('sale.quotation', {
+			url : "/quotation",
+			templateUrl : "static/tpl/index/sale/quotation.html",
+			controller: function($rootScope) {
+				$rootScope.active = 'quotation';
+			}
 		}).state('sale.order', {
 			url : "/order",
-			templateUrl : "static/tpl/index/sale/order.html"
-		}).state('sale.order.todo', {
-			url : "/todo",
-			templateUrl : "static/tpl/index/sale/order.html"
+			templateUrl : "static/tpl/index/sale/order.html",
+			controller: function($rootScope) {
+				$rootScope.active = 'order';
+			}
 		}).state('sale.change', {
 			url : "/change",
-			templateUrl : "static/tpl/index/sale/change.html"
-		}).state('sale.change.todo', {
-			url : "/todo",
-			templateUrl : "static/tpl/index/sale/change.html"
+			templateUrl : "static/tpl/index/sale/change.html",
+			controller: function($rootScope) {
+				$rootScope.active = 'change';
+			}
 		}).state('sale.notice', {
 			url : "/notice",
-			templateUrl : "static/tpl/index/sale/notice.html"
-		}).state('sale.notice.todo', {
-			url : "/todo",
-			templateUrl : "static/tpl/index/sale/notice.html"
+			templateUrl : "static/tpl/index/sale/notice.html",
+			controller: function($rootScope) {
+				$rootScope.active = 'notice';
+			}
 		}).state('user', {
 			url : "/user",
 			views : {

src/main/webapp/resources/tpl/index/sale/left.html

@@ -28,8 +28,8 @@
 		<i></i>报价管理
 	</div>
 	<ul class="list-unstyled">
-		<li><a ui-sref="sale.inquiry">客户询价管理</a></li>
-		<li><a ui-sref="sale.quotation">主动报价</a></li>
+		<li ng-class="{'active': active=='inquiry'}"><a ui-sref="sale.inquiry">客户询价管理</a></li>
+		<li ng-class="{'active': active=='quotation'}"><a ui-sref="sale.quotation">主动报价</a></li>
 	</ul>
 </div>
 <div class="left-nav">
@@ -37,10 +37,10 @@
 		<i></i>销售管理
 	</div>
 	<ul class="list-unstyled">
-		<li><a ui-sref="sale.order">销售订单管理</a></li>
-		<li><a ui-sref="sale.change">变更管理</a></li>
-		<li><a ui-sref="sale.notice">发货管理</a></li>
-		<li><a href="#">退货管理</a></li>
+		<li ng-class="{'active': active=='order'}"><a ui-sref="sale.order">销售订单管理</a></li>
+		<li ng-class="{'active': active=='change'}"><a ui-sref="sale.change">变更管理</a></li>
+		<li ng-class="{'active': active=='notice'}"><a ui-sref="sale.notice">发货管理</a></li>
+		<li ng-class="{'active': active=='return'}"><a href="#">退货管理</a></li>
 	</ul>
 </div>
 <div class="left-nav">
@@ -67,12 +67,12 @@
 		<i></i>自定义菜单
 	</div>
 	<ul class="list-unstyled">
-		<li><a href="#">添加自定义菜单</a><i class="fa fa-plus icon-right"></i></li>
+		<li><a href="#">添加自定义菜单<span class="pull-right"><i class="fa fa-plus icon-right"></i></span></a></li>
 	</ul>
 </div>
 <div class="left-nav">
 	<ul class="list-unstyled">
-		<li><a href="#">问题反馈</a><i class="fa fa-bell-o icon-right"></i></li>
-		<li><a href="#">客服中心</a><i class="fa fa-headphones icon-right"></i></li>
+		<li><a href="#">问题反馈<span class="pull-right"><i class="fa fa-bell-o icon-right"></i></span></a></li>
+		<li><a href="#">客服中心<span class="pull-right"><i class="fa fa-headphones icon-right"></i></span></a></li>
 	</ul>
 </div>