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

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

@@ -1896,4 +1896,26 @@ input.ng-invalid.ng-dirty,textarea.ng-invalid.ng-dirty {
 
 .tooltip.control-tooltip .tooltip-inner {
 	padding: 5px 10px;
+}
+/*truck*/
+.truck {
+	position: fixed;
+	top: 88px;
+	right: 20px;
+	width: 100px;
+	height: 100px;
+	-webkit-transition: all 0.15s ease-in-out;
+	-moz-transition: all 0.15s ease-in-out;
+	transition: all 0.15s ease-in-out;
+}
+
+.truck .icon {
+  	width: 60px;
+  	height: 60px;
+  	line-height: 60px;
+  	text-align: center;
+  	color: #56a022;
+  	font-size: 16px;
+  	border-radius: 50%;
+  	border: 1px solid #56a022;
 }

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

@@ -1,4 +1,170 @@
 <div ui-view class="sale-view"></div>
-<!-- right static-bar Start -->
+<style>
+.rbar {
+	opacity: 1;
+	width: 34px;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	right: 0;
+	padding-top: 85px;
+	color: #555;
+	-webkit-box-shadow: 0 0 7px 0 rgba(119, 119, 119, 0.2);
+	box-shadow: 0 0 7px 0 rgba(119, 119, 119, 0.2);
+	background-color: #fafafa;
+	background: -webkit-linear-gradient(left, #e9e9e9, #fafafa);
+	background: -moz-linear-gradient(left, #e9e9e9, #fafafa);
+	background: -o-linear-gradient(left, #e9e9e9, #fafafa);
+	background: -ms-linear-gradient(left, #e9e9e9, #fafafa);
+	background: linear-gradient(left, #e9e9e9, #fafafa);
+	border-left: 1px solid #d9d9d9;
+	zoom: 1;
+	z-index: 2;
+	background: -o-linear-gradient(left, #e9e9e9, #fafafa);
+}
+
+.rbar .item-wrap {
+	position: relative;
+	cursor: pointer;
+	text-align: center;
+	font-family: "Microsoft YaHei", SimHei, "WenQuanYi Micro Hei", STHeiti;
+	border-bottom: 1px solid #f9f9f9;
+	-webkit-transition: all 0.15s ease-in-out;
+	-moz-transition: all 0.15s ease-in-out;
+	transition: all 0.15s ease-in-out;
+}
+
+.rbar .item-inner {
+	border-bottom: 1px solid #e3e3e3;
+	width: 34px;
+	
+}
+
+.rbar .item-wrap:hover {
+	background-color: #56a022;
+	color: #fff;
+}
+
+.rbar .inner-text {
+	width: 20px;
+	padding: 10px 0 5px 0;
+	margin: auto;
+	text-align: center;
+	display: block;
+}
+
+.item-inner .badge {
+	padding: 3px 5px;
+	margin-bottom: 5px;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	background-color: #56a022;
+}
 
+.item-wrap:hover .badge {
+	background-color: #fff;
+	color: #56a022;
+}
+
+.item-wrap .tip {
+	position: absolute;
+	opacity: 0;
+	zoom: 1;
+	right: 70px;
+	top: 50%;
+	margin-top: -15px;
+	width: 100px;
+	height: 30px;
+	line-height: 30px;
+	padding: 0 3px;
+	background-color: #494949;
+	border-radius: 2px 0 0 2px;
+	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
+	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
+	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
+	font-size: 12px;
+	text-align: center;
+	color: #fff;
+	-webkit-transition: all 0.15s ease-in-out;
+	-moz-transition: all 0.15s ease-in-out;
+	transition: all 0.15s ease-in-out;
+	z-index: 0;
+}
+
+.item-wrap .tip:after {
+	position: absolute;
+	content: '';
+	top: 9px;
+	right: -10px;
+	width: 0;
+	height: 0;
+	font-size: 0;
+	border: solid 5px;
+	border-color: transparent transparent transparent #494949;
+}
+
+.item-wrap:hover .tip {
+	opacity: 1;
+	right: 32px;
+}
+
+.rbar .bar-bottom {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	border-top: 1px solid #e3e3e3;
+}
+
+.bar-bottom .item-wrap:first-child .item-inner{
+  	border-top: 1px solid #f9f9f9;
+}
+</style>
+<!-- right static-bar Start -->
+<div class="rbar">
+	<div class="item-wrap">
+		<div class="item-inner">
+			<span class="inner-text"><!-- <i class="fa fa-fw fa-truck fa-2x"></i> -->我的货车</span>
+			<span class="badge">0</span>
+		</div>
+		<div class="tip">发货</div>
+	</div>
+	<div class="item-wrap">
+		<div class="item-inner">
+			<span class="inner-text">待报价</span>
+			<span class="badge">0</span>
+		</div>
+		<div class="tip">报价</div>
+	</div>
+	<div class="item-wrap">
+		<div class="item-inner">
+			<span class="inner-text">待回复</span>
+			<span class="badge">0</span>
+		</div>
+	</div>
+	<div class="item-wrap">
+		<div class="item-inner">
+			<span class="inner-text">变更中</span>
+			<span class="badge">0</span>
+		</div>
+	</div>
+	<div class="item-wrap">
+		<div class="item-inner">
+			<span class="inner-text">待发货</span>
+			<span class="badge">123</span>
+		</div>
+	</div>
+	<div class="bar-bottom">
+		<div class="item-wrap">
+			<div class="item-inner">
+				<span class="inner-text"><i class="fa fa-fw fa-headphones fa-lg"></i></span>
+			</div>
+		</div>
+		<div class="item-wrap">
+			<div class="item-inner">
+				<span class="inner-text"><i class="fa fa-fw fa-tablet fa-lg"></i></span>
+			</div>
+		</div>
+	</div>
+</div>
 <!-- right static-bar End -->