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

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

@@ -771,12 +771,12 @@ a {
 	width: 230px;
 }
 
-.feed-wrap .pane {
+.pane {
 	margin-bottom: 15px;
 	background-color: #fff;
 }
 
-.feed-wrap .pane .pane-header {
+.pane .pane-header {
 	height: 39px;
 	line-height: 39px;
 	font-size: 14px;
@@ -785,7 +785,7 @@ a {
 	color: #333
 }
 
-.feed-wrap .pane .pane-body {
+.pane .pane-body {
 	padding: 15px;
 }
 
@@ -914,6 +914,7 @@ a {
 /*sale */
 .sale .state {
 	margin-left: 0;
+	margin-bottom: 15px;
 }
 
 .sale .state .todo {
@@ -942,5 +943,18 @@ a {
 }
 
 .sale .state .level {
-	padding: 30px 0 15px 100px;
+	padding: 15px 100px;
+	color: #666;
+}
+
+.sale .sale-main .left {
+	float: left;
+	width: 50%;
+	padding-right: 8px;
+}
+
+.sale .sale-main .right {
+	float: right;
+	width: 50%;
+	padding-left: 8px;
 }

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

@@ -41,7 +41,60 @@
 				</li>
 			</ul>
 		</div>
-		<div class="col-xs-6 level">2</div>
+		<div class="col-xs-6 level">
+			<h3 class="f14">
+				销售等级： <i class="fa fa-star-o"></i>
+			</h3>
+			<div class="progress">
+				<div class="progress-bar progress-bar-success" style="width: 40%">
+					<span class="sr-only">40%</span>
+				</div>
+			</div>
+			<div>
+				<span class="text-simple">距离下一等级还差6000成长点</span><a
+					class="pull-right" href="#">查看成长介绍</a>
+			</div>
+		</div>
 	</div>
 	<!-- 顶部状态 End -->
+	<!-- Start -->
+	<div class="sale-main">
+		<div class="left">
+			<div class="pane notice">
+				<div class="pane-header">
+					采购趋势分析
+				</div>
+				<div class="pane-body">
+					
+				</div>
+			</div>
+			<div class="pane notice">
+				<div class="pane-header">
+					卖家成长
+				</div>
+				<div class="pane-body">
+					
+				</div>
+			</div>
+		</div>
+		<div class="right">
+			<div class="pane notice">
+				<div class="pane-header">
+					新手入门
+				</div>
+				<div class="pane-body">
+					
+				</div>
+			</div>
+			<div class="pane notice">
+				<div class="pane-header">
+					营销工具
+				</div>
+				<div class="pane-body">
+					
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- End -->
 </div>