Просмотр исходного кода

将消息圆点缩小,列表(客户采购订单、客户委外单、客户打样申请)加上没有回复状态的消息提醒。

git-svn-id: svn+ssh://10.10.101.21/source/platform/platform-b2b@8187 f3bf4e98-0cf0-11e4-a00c-a99a8b9d557d
ouxianqin 8 лет назад
Родитель
Сommit
987068e96f
2 измененных файлов с 77 добавлено и 66 удалено
  1. 13 4
      src/main/webapp/resources/css/index.css
  2. 64 62
      src/main/webapp/resources/tpl/index/sale/left.html

+ 13 - 4
src/main/webapp/resources/css/index.css

@@ -2948,8 +2948,8 @@ input::-webkit-clear{display:none;}
 	position: relative;
 	position: relative;
 }
 }
 .enterprise-btn div a em{
 .enterprise-btn div a em{
-	width: 14px;
-	height: 14px;
+	width: 10px;
+	height: 10px;
 	display: inline-block;
 	display: inline-block;
 	background: #ea5a60;
 	background: #ea5a60;
 	position: absolute;
 	position: absolute;
@@ -3173,13 +3173,22 @@ input::-webkit-clear{display:none;}
 	right: 0;
 	right: 0;
 }
 }
 .new-dot{
 .new-dot{
-	width: 14px;
-	height: 14px;
+	width: 10px;
+	height: 10px;
 	display: inline-block;
 	display: inline-block;
 	background: #ea5a60;
 	background: #ea5a60;
 	position: absolute;
 	position: absolute;
 	border-radius: 100%;
 	border-radius: 100%;
 }
 }
+.left-nav>ul>li.active .new-dot,.left-nav>ul>li:hover .new-dot{
+	background: #ea5a60 !important;
+}
+.left-nav>ul>li a{
+	position: relative;
+}
+.left-nav>ul>li .new-dot{
+	left: 22px;
+}
 .view-slide-in .tab-active{
 .view-slide-in .tab-active{
 	/*border-bottom: 1px solid #d32526 !important;*/
 	/*border-bottom: 1px solid #d32526 !important;*/
 	height: 45px;
 	height: 45px;

+ 64 - 62
src/main/webapp/resources/tpl/index/sale/left.html

@@ -1,68 +1,70 @@
-<div class="left-nav">
-	<div class="nav-label">
-		<i></i>基础资料
+<div ng-controller="TodoCtrl">
+	<div class="left-nav">
+		<div class="nav-label">
+			<i></i>基础资料
+		</div>
+		<ul class="list-unstyled">
+			<li ui-sref-active="active"><a ui-sref="sale.customer">客户资料</a></li>
+		</ul>
+		<ul class="list-unstyled">
+			<li ui-sref-active="active"><a ui-sref="sale.prodList">产品导入</a></li>
+		</ul>
 	</div>
 	</div>
-	<ul class="list-unstyled">
-		<li ui-sref-active="active"><a ui-sref="sale.customer">客户资料</a></li>
-	</ul>
-	<ul class="list-unstyled">
-		<li ui-sref-active="active"><a ui-sref="sale.prodList">产品导入</a></li>
-	</ul>
-</div>
-<!-- <div class="left-nav">
-	<div class="nav-label">
-		<i></i>产品管理
+	<!-- <div class="left-nav">
+        <div class="nav-label">
+            <i></i>产品管理
+        </div>
+        <ul class="list-unstyled">
+            <li><a href="#">发布供应产品</a></li>
+            <li><a href="#">销售中的产品</a></li>
+            <li><a href="#">客户物料对照关系</a></li>
+        </ul>
+    </div> -->
+	<div class="left-nav">
+		<div class="nav-label">
+			<i></i>商务管理
+		</div>
+		<ul class="list-unstyled">
+			<li ui-sref-active="active"><a ui-sref="sale.inquiry">客户采购询价</a></li>
+			<li ui-sref-active="active"><a ui-sref="sale.inquirymould">客户模具询价</a></li>
+			<li ui-sref-active="active"><a ui-sref="sale.quotation.list">主动报价</a></li>
+			<li ui-sref-active="active"><a ui-sref="sale.tenderlist">客户招标</a></li>
+		</ul>
 	</div>
 	</div>
-	<ul class="list-unstyled">
-		<li><a href="#">发布供应产品</a></li>
-		<li><a href="#">销售中的产品</a></li>
-		<li><a href="#">客户物料对照关系</a></li>
-	</ul>
-</div> -->
-<div class="left-nav">
-	<div class="nav-label">
-		<i></i>商务管理
+	<div class="left-nav">
+		<div class="nav-label">
+			<i></i>订单管理
+		</div>
+		<ul class="list-unstyled">
+			<li ui-sref-active="active"><a ui-sref="sale.order"><em class="new-dot" ng-if="todo.order > 0"></em>客户采购订单</a></li>
+			<li ui-sref-active="active"><a ui-sref="sale.change">客户采购变更单</a></li>
+			<li ui-sref-active="active"><a ui-sref="sale.maketodo.order"><em class="new-dot" ng-if="todo.makeOrder > 0"></em>客户委外单</a></li>
+			<li ui-sref-active="active"><a ui-sref="sale.makechange">委外变更单</a></li>
+			<li ui-sref-active="active"><a ui-sref="sale.notice">客户发货提醒</a></li>
+			<li ui-sref-active="active"><a ui-sref="sale.send">发货单</a></li>
+		</ul>
 	</div>
 	</div>
-	<ul class="list-unstyled">
-		<li ui-sref-active="active"><a ui-sref="sale.inquiry">客户采购询价</a></li>
-		<li ui-sref-active="active"><a ui-sref="sale.inquirymould">客户模具询价</a></li>
-		<li ui-sref-active="active"><a ui-sref="sale.quotation.list">主动报价</a></li>
-		<li ui-sref-active="active"><a ui-sref="sale.tenderlist">客户招标</a></li>
-	</ul>
-</div>
-<div class="left-nav">
-	<div class="nav-label">
-		<i></i>订单管理
+	<div class="left-nav">
+		<div class="nav-label">
+			<i></i>样品管理
+		</div>
+		<ul class="list-unstyled">
+			<li ui-sref-active="active"><a ui-sref="sale.sample"><em class="new-dot" ng-if="todo.sample > 0"></em>客户打样申请</a></li>
+			<li ui-sref-active="active"><a ui-sref="sale.approval">客户认定单</a></li>
+		</ul>
 	</div>
 	</div>
-	<ul class="list-unstyled">
-		<li ui-sref-active="active"><a ui-sref="sale.order">客户采购订单</a></li>
-		<li ui-sref-active="active"><a ui-sref="sale.change">客户采购变更单</a></li>
-		<li ui-sref-active="active"><a ui-sref="sale.maketodo.order">客户委外单</a></li>
-		<li ui-sref-active="active"><a ui-sref="sale.makechange">委外变更单</a></li>
-		<li ui-sref-active="active"><a ui-sref="sale.notice">客户发货提醒</a></li>
-		<li ui-sref-active="active"><a ui-sref="sale.send">发货单</a></li>
-	</ul>
-</div>
-<div class="left-nav">
-	<div class="nav-label">
-		<i></i>样品管理
+	<div class="left-nav">
+		<div class="nav-label">
+			<i></i>客户出入库
+		</div>
+		<ul class="list-unstyled">
+			<li ui-sref-active="active"><a ui-sref="sale.MRB">MRB单</a></li>
+			<li ui-sref-active="active"><a ui-sref="sale.badOut">不良品出库单</a></li>
+			<li ui-sref-active="active"><a ui-sref="sale.badIn">不良品入库单</a></li>
+			<li ui-sref-active="active"><a ui-sref="sale.accept">客户采购验收单</a></li>
+			<li ui-sref-active="active"><a ui-sref="sale.returns">客户采购验退单</a></li>
+			<li ui-sref-active="active"><a ui-sref="sale.makeaccept">客户委外验收单</a></li>
+			<li ui-sref-active="active"><a ui-sref="sale.makereturns">客户委外验退单</a></li>
+		</ul>
 	</div>
 	</div>
-	<ul class="list-unstyled">
-		<li ui-sref-active="active"><a ui-sref="sale.sample">客户打样申请</a></li>
-		<li ui-sref-active="active"><a ui-sref="sale.approval">客户认定单</a></li>
-	</ul>
 </div>
 </div>
-<div class="left-nav">
-	<div class="nav-label">
-		<i></i>客户出入库
-	</div>
-	<ul class="list-unstyled">
-		<li ui-sref-active="active"><a ui-sref="sale.MRB">MRB单</a></li>
-		<li ui-sref-active="active"><a ui-sref="sale.badOut">不良品出库单</a></li>
-		<li ui-sref-active="active"><a ui-sref="sale.badIn">不良品入库单</a></li>
-		<li ui-sref-active="active"><a ui-sref="sale.accept">客户采购验收单</a></li>
-		<li ui-sref-active="active"><a ui-sref="sale.returns">客户采购验退单</a></li>
-		<li ui-sref-active="active"><a ui-sref="sale.makeaccept">客户委外验收单</a></li>
-		<li ui-sref-active="active"><a ui-sref="sale.makereturns">客户委外验退单</a></li>
-	</ul>
-</div>