Browse Source

首页、服务改版

git-svn-id: svn+ssh://10.10.101.21/source/platform/platform-b2b@9058 f3bf4e98-0cf0-11e4-a00c-a99a8b9d557d
ouxianqin 8 years ago
parent
commit
ef98ec73e8

+ 108 - 6
src/main/webapp/WEB-INF/views/normal/index.html

@@ -44,7 +44,7 @@
 				<ul class="nav navbar-nav">
 					<li ng-class="{'active': routeState == 'home'}"><a
 						ui-sref="home">首页</a></li>
-					<li class="dropdown" id="home-dropdown"><a href="#" role="button" class="dropdown-toggle"> 服务 <i class="fa fa-angle-down"></i></a>
+					<li class="dropdown" id="home-dropdown"><a href="javascript:void(0)" role="button" class="dropdown-toggle"> 服务 <i class="fa fa-angle-down"></i></a>
 
 					</li>
 				</ul>
@@ -69,7 +69,101 @@
 		</div>
 		<div class="dropdown-tab">
 			<div class="dropdown-tab01">
-				<div class="dropdown-menu01">
+				<div class="content">
+					<div class="heed-tab">
+						<ul>
+							<li class="active">
+								<a><em class="list01"></em>销售</a>
+							</li>
+							<li>
+								<a><em class="list02"></em>采购</a>
+							</li>
+							<li>
+								<a href="#/fa/apBill" class="href"><em class="list03"></em>财务</a>
+							</li>
+							<li>
+								<a><em class="list04"></em>企业圈</a>
+							</li>
+						</ul>
+					</div>
+					<div class="tab-list">
+						<div class="tab tab01" style="display: inline-block;">
+							<div class="line01">
+								<a href="#/sale/customer" class="a01">客户<br/>资料</a>
+								<a href="#/sale/sample" class="a02">客户打样<br>申请单</a>
+							</div>
+							<div class="line02">
+								<a href="#/sale/quotation/list" class="a03">主动报价</a>
+								<a href="#/sale/inquiry" class="a04">客户询价</a>
+								<a href="#/sale/tender" class="a05">客户招标</a>
+								<a href="#/sale/sample" class="a06">送样单</a>
+							</div>
+							<div class="line03">
+								<a href="#/sale/mould" class="a07">客户模具报价</a>
+								<a href="#/sale/inquiry" class="a08">客户询价单<br/>报价</a>
+								<a href="#/sale/tender" class="a09">投标</a>
+								<a href="#/sale/approval" class="a10">客户认定</a>
+							</div>
+							<div class="line04">
+								<a href="#/sale/maketodo/makeorder" class="a11">客户委外订单</a>
+								<a href="#/sale/order" class="a12">客户采购订单</a>
+								<a href="#/sale/tender" class="a13">中标</a>
+							</div>
+							<div class="line05">
+								<a ui-sref="sale.makechange" class="a14">客户委外<br/>变更单</a>
+								<a href="#/sale/notice" class="a15">客户发货提醒</a>
+								<a href="#/sale/change" class="a16">客户采购变更</a>
+							</div>
+							<div class="line06">
+								<a href="#/sale/send" class="a17">发货单</a>
+							</div>
+							<div class="line07">
+								<a href="#/sale/returns" class="a18">客户采购验退</a>
+								<a href="#/sale/makereturns" class="a19">客户委外验退</a>
+								<a href="#/sale/badOut" class="a20">不良品出库</a>
+							</div>
+						</div>
+						<div class="tab tab02">
+							<div class="line01">
+								<a href="#/purc/vendor" class="a01">供应商<br/>资料</a>
+							</div>
+							<div class="line02">
+								<a href="#/purc/tender" class="a02">招标</a>
+								<a ui-sref="purc.inquiry" class="a03">询价</a>
+							</div>
+							<div class="line03">
+								<a href="#/purc/tender" class="a04">供应商投标</a>
+								<a ui-sref="purc.inquiry" class="a05">供应商报价</a>
+							</div>
+							<div class="line04">
+								<a href="#/purc/tender" class="a06">评标</a>
+								<a href="#/purc/order" class="a07">采购订单</a>
+								<a href="#/purc/deputy" class="a08">委外订单</a>
+							</div>
+							<div class="line05">
+								<a href="" class="a09">收货单</a>
+							</div>
+							<div class="line06">
+								<a href="" class="a10">委外验退</a>
+								<a href="" class="a11">采购验退</a>
+							</div>
+						</div>
+						<div class="tab tab04"></div>
+						<div class="tab tab03">
+							<div class="line01">
+								<a href="" class="a01">企业<br/>注册</a>
+							</div>
+							<div class="line02">
+								<a href="#/baseInfo/search" class="a02">添加合作伙伴</a>
+							</div>
+							<div class="line03">
+								<a href="#/baseInfo/enume/customerInfo" class="a03">添加客户</a>
+								<a href="#/baseInfo/enume/vendorInfo" class="a04">添加供应商</a>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!--<div class="dropdown-menu01">
 					<div class="row pills text-center" id="dropdown-menu-sale">
 						<div class="col-xs-2" >
 							<a href="#/sale/order"><img src="static/img/home/sale-sm.png"><br>
@@ -83,8 +177,8 @@
 								<li><a href="#/sale/mould" title="客户模具询价单">客户模具询价单</a></li>
 								<li><a href="#/sale/quotation/list" title="主动报价单">主动报价单</a></li>
 								<li><a href="#/sale/tender" title="客户招标">客户招标</a></li>
-								<!-- 暂时隐藏 -->
-								<!--<li><a href="#/sale/opentender" title="平台公共招标">平台公共招标</a></li>-->
+								&lt;!&ndash; 暂时隐藏 &ndash;&gt;
+								&lt;!&ndash;<li><a href="#/sale/opentender" title="平台公共招标">平台公共招标</a></li>&ndash;&gt;
 								<li><a href="#/sale/order" title="客户采购订单">客户采购订单</a></li>
 								<li><a href="#/sale/change" title="客户采购变更">客户采购变更单</a></li>
 								<li><a href="#/sale/maketodo/makeorder" title="客户委外单">客户委外单</a></li>
@@ -143,7 +237,7 @@
 							</ul>
 						</div>
 					</div>
-				</div>
+				</div>-->
 			</div>
 		</div>
 	</div>
@@ -240,6 +334,11 @@
 	<script src="static/lib/bootstrap/js/bootstrap.js"></script>
 <script type="text/javascript">
 	$(function(){
+		/*切换*/
+		$('.heed-tab ul li').click(function(){
+			$(this).addClass('active').siblings().removeClass('active');
+			$('.tab-list>.tab:eq('+$(this).index()+')').show().siblings().hide();
+		});
 		$('#home-dropdown').click(function (){
 			$(".dropdown-tab").toggle();
 			$('.dropdown-tab01').mouseenter(function(){
@@ -252,7 +351,10 @@
 		$('#home-dropdown').hover(function (){
 			$(".dropdown-tab").hide();
 		});
-		$('.dropdown-tab a').click(function(){
+		$('.dropdown-tab .tab-list a').click(function(){
+			$(".dropdown-tab").hide();
+		});
+		$('.dropdown-tab a.href').click(function(){
 			$(".dropdown-tab").hide();
 		});
 		$('#home-headerBtns .moblie-btn ').hover(function(){

+ 401 - 0
src/main/webapp/resources/css/index.css

@@ -3457,4 +3457,405 @@ input[required]:invalid, input:focus:invalid, textarea[required]:invalid, textar
 	color: #333;
 	background-color: #fff;
 	border: 1px solid #ddd;
+}
+
+
+/*
+服务修改*/
+/*.dropdown-tab{
+	display: inline-block !important;
+}*/
+.dropdown-tab .content{
+	width: 1170px;
+	margin: 0 auto;
+}
+.dropdown-tab .heed-tab{
+	width: 100%;
+	height: 45px;
+	line-height: 45px;
+	border-bottom: #cfcfcf 1px solid;
+}
+.dropdown-tab .heed-tab ul{
+	width: 100%;
+	height: 100%;
+	-webkit-padding-start: 0;
+}
+.dropdown-tab .heed-tab ul li{
+	width: 116px;
+	float: left;
+	height: 45px;
+	text-align: center;
+}
+.dropdown-tab .heed-tab ul li a{
+	display: inline-block;
+	width: 100%;
+	height: 100%;
+	font-size: 16px;
+	position: relative;
+}
+.dropdown-tab .heed-tab ul li a:after{
+	content: '';
+	position: absolute;
+	width: 1px;
+	height: 17px;
+	top: 16px;
+	right: 0;
+	display: inline-block;
+	background: #999999;
+}
+.dropdown-tab .heed-tab ul li:last-child a:after{
+	background: none;
+}
+.dropdown-tab .heed-tab ul li a em{
+	display: inline-block;
+	width: 20px;
+	height: 20px;
+	margin-right: 8px;
+	position: relative;
+	top: 4px;
+}
+.dropdown-tab .heed-tab ul li a:hover{
+	text-decoration: none;
+	color: #d8271c;
+}
+.dropdown-tab .heed-tab ul li a:hover{
+	cursor: pointer;
+}
+.dropdown-tab .heed-tab ul li a em.list01{
+	background: url("../img/icon/list01.png") no-repeat center;
+}
+.dropdown-tab .heed-tab ul li a em.list02{
+	background: url("../img/icon/list02.png") no-repeat center;
+}
+.dropdown-tab .heed-tab ul li a em.list03{
+	background: url("../img/icon/list04.png") no-repeat center;
+}
+.dropdown-tab .heed-tab ul li a em.list04{
+	background: url("../img/icon/list04.png") no-repeat center;
+}
+.dropdown-tab .heed-tab ul li.active a{
+	color: #d8271c;
+}
+.dropdown-tab .heed-tab ul li.active a em.list01,.dropdown-tab .heed-tab ul li:hover a em.list01{
+	background: url("../img/icon/list01-act.png") no-repeat center;
+}
+.dropdown-tab .heed-tab ul li.active a em.list02,.dropdown-tab .heed-tab ul li:hover a em.list02{
+	background: url("../img/icon/list02-act.png") no-repeat center;
+}
+.dropdown-tab .heed-tab ul li.active a em.list03,.dropdown-tab .heed-tab ul li:hover a em.list03{
+	background: url("../img/icon/list03-act.png") no-repeat center;
+}
+.dropdown-tab .heed-tab ul li.active a em.list04,.dropdown-tab .heed-tab ul li:hover a em.list04{
+	background: url("../img/icon/list04-act.png") no-repeat center;
+}
+.tab-list{
+	width: 100%;
+	margin: 0 auto;
+	padding: 30px 0;
+}
+.tab-list .tab{
+	display: none;
+}
+.tab-list .tab01{
+	width: 1170px;
+	height: 426px;
+	background: url("../img/icon/list-bg01.png") no-repeat center;
+}
+.tab-list .tab a[href='']{
+	cursor: default !important;
+	background: inherit !important;
+}
+.tab-list .tab01 div{
+	float: left;
+}
+.tab-list .tab01 .line01{
+	width: 70px;
+	height: 426px;
+	margin-left: 35px;
+}
+.tab-list .tab01 .line01 a{
+	width: 70px;
+	height: 70px;
+	padding: 16px 0;
+	border-radius: 100%;
+}
+.tab-list .tab01 a{
+	font-size: 14px;
+	color: #fff;
+	text-align: center;
+	display: inline-block;
+	border-radius: 5px;
+	/*background: #f47a86;*/
+}
+.tab-list .tab01 a:hover{
+	text-decoration: none;
+	background: #f47a86;
+}
+.tab-list .tab01 a.a01{
+	margin-top: 57px;
+}
+.tab-list .tab01 a.a02{
+	margin-top: 228px;
+}
+.tab-list .tab01 .line02{
+	width: 98px;
+	height: 426px;
+	margin-left: 75px;
+}
+.tab-list .tab01 .line02 a,.tab-list .tab01 .line03 a,.tab-list .tab01 .line04 a,.tab-list .tab01 .line05 a,.tab-list .tab01 .line06 a,.tab-list .tab01 .line07 a{
+	width: 98px;
+	height: 26px;
+	line-height: 26px;
+}
+.tab-list .tab01 a.a03{
+	margin-top: 0;
+}
+.tab-list .tab01 a.a04{
+	margin-top: 54px;
+}
+.tab-list .tab01 a.a05{
+	margin-top: 142px;
+}
+.tab-list .tab01 a.a06{
+	margin-top: 100px;
+	margin-left: 2px;
+}
+
+.tab-list .tab01 .line03{
+	width: 98px;
+	height: 426px;
+	margin-left: 73px;
+}
+.tab-list .tab01 a.a07{
+	margin-top: 44px;
+}
+.tab-list .tab01 a.a08{
+	margin-top: 43px;
+	height: 42px;
+	line-height: inherit;
+}
+.tab-list .tab01 a.a09{
+	margin-top: 92px;
+}
+.tab-list .tab01 a.a10{
+	margin-top: 99px;
+	position: relative;
+	left: -2px;
+}
+
+.tab-list .tab01 .line04{
+	width: 98px;
+	height: 426px;
+	margin-left: 68px;
+}
+.tab-list .tab01 a.a11{
+	margin-top: 81px;
+}
+.tab-list .tab01 a.a12{
+	margin-top: 58px;
+}
+.tab-list .tab01 a.a13{
+	margin-top: 58px;
+}
+
+.tab-list .tab01 .line05{
+	width: 98px;
+	height: 426px;
+	margin-left: 74px;
+}
+.tab-list .tab01 a.a14{
+	margin-top: 36px;
+	height: 42px;
+	line-height: inherit;
+}
+.tab-list .tab01 a.a15{
+	margin-top: 43px;
+}
+.tab-list .tab01 a.a16{
+	margin-top: 52px;
+}
+.tab-list .tab01 .line06{
+	width: 98px;
+	height: 426px;
+	margin-left: 69px;
+}
+.tab-list .tab01 a.a17{
+	margin-top: 122px;
+}
+.tab-list .tab01 .line07{
+	width: 98px;
+	height: 426px;
+	margin-left: 74px;
+}
+.tab-list .tab01 a.a18{
+	margin-top: 44px;
+}
+.tab-list .tab01 a.a19{
+	margin-top: 53px;
+}
+.tab-list .tab01 a.a20{
+	margin-top: 52px;
+}
+
+
+/*tab*/
+.tab-list .tab02{
+	width: 928px;
+	height: 196px;
+	background: url("../img/icon/list-bg02.png") no-repeat left;
+	margin-left: 20px;
+	margin-top: 50px;
+	margin-bottom: 40px;
+}
+.tab-list .tab02 div{
+	float: left;
+}
+.tab-list .tab02 .line01{
+	width: 70px;
+	height: 196px;
+	margin-left: 1px;
+}
+.tab-list .tab02 .line01 a{
+	width: 70px;
+	height: 70px;
+	padding: 16px 0;
+	border-radius: 100%;
+}
+.tab-list .tab02 a{
+	font-size: 14px;
+	color: #fff;
+	text-align: center;
+	display: inline-block;
+	border-radius: 5px;
+	/*background: #f47a86;*/
+}
+.tab-list .tab02 a:hover{
+	text-decoration: none;
+	background: #f47a86;
+}
+.tab-list .tab02 a.a01{
+ 	margin-top: 14px;
+}
+.tab-list .tab02 .line02 a,.tab-list .tab02 .line03 a,.tab-list .tab02 .line04 a,.tab-list .tab02 .line05 a,.tab-list .tab02 .line06 a{
+	width: 98px;
+	height: 26px;
+	line-height: 26px;
+}
+.tab-list .tab02 .line02{
+	width: 98px;
+	height: 196px;
+	margin-left: 75px;
+}
+.tab-list .tab02 a.a02{
+	margin-top: 0;
+}
+.tab-list .tab02 a.a03{
+	margin-top: 56px;
+}
+.tab-list .tab02 .line03{
+	width: 98px;
+	height: 196px;
+	margin-left: 72px;
+}
+.tab-list .tab02 a.a04{
+	margin-top: 0;
+}
+.tab-list .tab02 a.a05{
+	margin-top: 55px;
+}
+
+.tab-list .tab02 .line04{
+	width: 98px;
+	height: 196px;
+	margin-left: 70px;
+}
+.tab-list .tab02 a.a06{
+	margin-top: 0;
+}
+.tab-list .tab02 a.a07{
+	margin-top: 56px;
+}
+.tab-list .tab02 a.a08{
+	margin-top: 62px;
+}
+.tab-list .tab02 .line05{
+	width: 98px;
+	height: 196px;
+	margin-left: 74px;
+}
+.tab-list .tab02 a.a09{
+	margin-top: 82px;
+}
+.tab-list .tab02 .line06{
+	width: 98px;
+	height: 196px;
+	margin-left: 76px;
+}
+.tab-list .tab02 a.a10{
+	margin-top: 43px;
+}
+.tab-list .tab02 a.a11{
+	margin-top: 54px;
+}
+/*tab*/
+.tab-list .tab03{
+	width: 928px;
+	height: 109px;
+	background: url("../img/icon/list-bg03.png") no-repeat left;
+	margin-left: 20px;
+	margin-top: 50px;
+	margin-bottom: 40px;
+}
+.tab-list .tab03 div{
+	float: left;
+}
+.tab-list .tab03 .line01{
+	width: 70px;
+	height: 109px;
+	margin-left: 1px;
+}
+.tab-list .tab03 .line01 a{
+	width: 70px;
+	height: 70px;
+	padding: 15px 0;
+	border-radius: 100%;
+}
+.tab-list .tab03 a{
+	font-size: 14px;
+	color: #fff;
+	text-align: center;
+	display: inline-block;
+	border-radius: 5px;
+	/*background: #f47a86;*/
+}
+.tab-list .tab03 a:hover{
+	text-decoration: none;
+	background: #f47a86;
+}
+.tab-list .tab03 a.a01{
+	margin-top: 17px;
+}
+.tab-list .tab03 .line02 a,.tab-list .tab03 .line03 a,.tab-list .tab03 .line04 a{
+	width: 98px;
+	height: 26px;
+	line-height: 26px;
+}
+.tab-list .tab03 .line02{
+	width: 98px;
+	height: 109px;
+	margin-left: 63px;
+}
+.tab-list .tab03 a.a02{
+	margin-top: 39px;
+}
+.tab-list .tab03 .line03{
+	width: 98px;
+	height: 109px;
+	margin-left: 81px;
+}
+.tab-list .tab03 a.a03{
+	margin-top: 0;
+}
+.tab-list .tab03 a.a04{
+	margin-top: 55px;
 }

+ 258 - 1
src/main/webapp/resources/tpl/index/home/right.html

@@ -8,12 +8,268 @@
 		overflow: hidden;
 		min-height: 735px;
 	}
+	.toto-menu{
+		width: 100%;
+		margin: 0 auto;
+	}
+	.toto-menu .row{
+		margin: 0;
+		height: 270px;
+		border-bottom: #cfcfcf 1px solid;
+	}
+	.toto-menu .row:last-child{
+		border-bottom: none;
+	}
+	.toto-menu .row  .col-md-3{
+		width: 80px;
+		border-right: #b3b3b3 1px dashed;
+		height: 100%;
+		padding-top: 11%;
+	}
+	.toto-menu .row  .col-md-9{
+		width: 575px;
+	}
+	.toto-menu .row  .col-md-3 p{
+		font-size: 22px;
+		text-align: center;
+		padding: 0;
+		position: relative;
+		line-height: 30px;
+	}
+	.toto-menu .row  .col-md-3 span{
+		display: inline-block;
+		padding: 2px 5px;
+		background: #ee5762;
+		line-height: 16px;
+		text-align: center;
+		color: #fff;
+		font-size: 12px;
+		border-radius: 20px;
+		margin-left: 10px;
+		min-width: 40px;
+	}
+	.toto-menu .col-md-4{
+		text-align: center;
+		position: relative;
+	}
+	.toto-menu .new-dot{
+		right: 67px;
+		top: 15px;
+	}
+	.toto-menu .col-md-4 div{
+		width: 42px;
+		height: 42px;
+		border-radius: 5px;
+		text-align: center;
+		margin-left: 53px;
+		margin-bottom: 3px;
+		margin-top: 18px
+	}
+	.toto-menu .menu01 .col-md-4 div:hover{
+		background-color: #5078cb !important;
+	}
+	.toto-menu .menu02 .col-md-4 div:hover{
+		background-color: #27ae99 !important;
+	}
+	.toto-menu .menu03 .col-md-4 div:hover{
+		background-color: #dda333 !important;
+	}
+	.toto-menu .menu01 .col-md-4 div{
+		background: url("static/img/icon/menu-list01.png") no-repeat center;
+	}
+	.toto-menu .menu02 .col-md-4 div{
+		background: url("static/img/icon/menu-list02.png") no-repeat center;
+	}
+	.toto-menu .menu03 .col-md-4 div{
+		background: url("static/img/icon/menu-list03.png") no-repeat center;
+	}
+	.toto-menu .col-md-4 p{
+		font-size: 14px;
+		margin: 0;
+	}
+	.toto-menu .menu01 .col-md-4 div{
+		background-color: #52a9fa;
+	}
+	.toto-menu .menu02 .col-md-4 div{
+		background-color: #47c8b4;
+	}
+	.toto-menu .menu03 .col-md-4 div{
+		background-color: #ebb959;
+	}
+	.toto-menu .menu01 .col-md-4 div.menu01-1,.toto-menu .menu02 .col-md-4 div.menu02-1,.toto-menu .menu03 .col-md-4 div.menu03-1{
+		background-position: 0 0;
+	}
+	.toto-menu .menu01 .col-md-4 div.menu01-2,.toto-menu .menu02 .col-md-4 div.menu02-2,.toto-menu .menu03 .col-md-4 div.menu03-2{
+		background-position: -42px 0;
+	}
+	.toto-menu .menu01 .col-md-4 div.menu01-3,.toto-menu .menu02 .col-md-4 div.menu02-3,.toto-menu .menu03 .col-md-4 div.menu03-3{
+		background-position: -84px 0;
+	}
+	.toto-menu .menu01 .col-md-4 div.menu01-4,.toto-menu .menu02 .col-md-4 div.menu02-4,.toto-menu .menu03 .col-md-4 div.menu03-4{
+		background-position: -126px 0;
+	}
+	.toto-menu .menu01 .col-md-4 div.menu01-5,.toto-menu .menu02 .col-md-4 div.menu02-5,.toto-menu .menu03 .col-md-4 div.menu03-5{
+		background-position: -168px 0;
+	}
+	.toto-menu .menu01 .col-md-4 div.menu01-6,.toto-menu .menu02 .col-md-4 div.menu02-6,.toto-menu .menu03 .col-md-4 div.menu03-6{
+		background-position: -210px 0;
+	}
+	.toto-menu .menu01 .col-md-4 div.menu01-7,.toto-menu .menu02 .col-md-4 div.menu02-7{
+		background-position: -252px 0;
+	}
 </style>
 <!-- 交易信息 Start -->
 <div class="data-wrap" id="home-data-wrap">
 
 	<!-- 待处理统计 Start -->
 	<div class="todo">
+		<div class="todo-label list-unstyled">
+			<em></em><label>工作台</label>
+		</div>
+		<div class="border01 todo-content" ng-controller="TodoCtrl">
+			<!--工作台导航-->
+			<div class="toto-menu">
+				<div class="menu01 row">
+					<div class="col-md-3">
+						<a href="#/sale/order">
+							<p>销<br/>售</p>
+							<span>123</span>
+						</a>
+					</div>
+					<div class="col-md-9">
+						<div class="col-md-4">
+							<a href="#/sale/order">
+								<div class="menu01-1"></div>
+								<p>销售订单</p>
+								<b class="new-dot"></b>
+							</a>
+						</div>
+						<div class="col-md-4">
+							<a href="#/sale/inquiry">
+								<div class="menu01-2"></div>
+								<p>报价</p>
+							</a>
+						</div>
+						<div class="col-md-4">
+							<a href="#/sale/tender">
+								<div class="menu01-3"></div>
+								<p>投标</p>
+							</a>
+						</div>
+						<div class="col-md-4">
+							<a href="#/sale/notice">
+								<div class="menu01-4"></div>
+								<p>发货</p>
+							</a>
+						</div>
+						<div class="col-md-4">
+							<a href="#/sale/prodList">
+								<div class="menu01-5"></div>
+								<p>产品库</p>
+							</a>
+						</div>
+						<div class="col-md-4">
+							<a href="#/sale/customer">
+								<div class="menu01-6"></div>
+								<p>客户资料</p>
+							</a>
+						</div>
+						<div class="col-md-4">
+							<a href="">
+								<div class="menu01-7"></div>
+								<p>销售报表</p>
+							</a>
+						</div>
+					</div>
+				</div>
+				<div class="menu02 row">
+					<div class="col-md-3">
+						<a href="#/purc/order">
+							<p>采<br/>购</p>
+							<span>56</span>
+						</a>
+					</div>
+					<div class="col-md-9">
+						<div class="col-md-4">
+							<a href="#/purc/order">
+								<div class="menu02-1"></div>
+								<p>采购订单</p>
+							</a>
+						</div>
+						<div class="col-md-4">
+							<a href="#/purc/purchaseinquiry">
+								<div class="menu02-2"></div>
+								<p>询价(求购)</p>
+							</a>
+						</div>
+						<div class="col-md-4">
+							<a href="#/purc/tender">
+								<div class="menu02-3"></div>
+								<p>招标</p>
+							</a>
+						</div>
+						<div class="col-md-4">
+							<div class="menu02-4"></div>
+							<p>收货</p>
+						</div>
+						<div class="col-md-4">
+							<a href="#/purc/product">
+								<div class="menu02-5"></div>
+								<p>物料库</p>
+							</a>
+						</div>
+						<div class="col-md-4">
+							<a href="#/purc/vendor">
+								<div class="menu02-6"></div>
+								<p>供应商资料</p>
+							</a>
+						</div>
+						<div class="col-md-4">
+							<div class="menu02-7"></div>
+							<p>采购报表</p>
+						</div>
+					</div>
+				</div>
+				<div class="menu03 row" style="height: 190px;">
+					<div class="col-md-3" style="padding-top: 7%;">
+						<a href="#/fa/apBill">
+							<p>财<br/>务</p>
+							<span>23</span>
+						</a>
+					</div>
+					<div class="col-md-9">
+						<div class="col-md-4">
+							<div class="menu03-1"></div>
+							<p>应收发票</p>
+						</div>
+						<div class="col-md-4">
+							<div class="menu03-2"></div>
+							<p>应收对账</p>
+						</div>
+						<div class="col-md-4">
+							<div class="menu03-3"></div>
+							<p>应收报表</p>
+						</div>
+						<div class="col-md-4">
+							<div class="menu03-4"></div>
+							<p>应付发票</p>
+						</div>
+						<div class="col-md-4">
+							<div class="menu03-5"></div>
+							<p>应付对账</p>
+						</div>
+						<div class="col-md-4">
+							<div class="menu03-6"></div>
+							<p>应付报表</p>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- 待处理统计 End -->
+
+	<!--<div class="todo">
 		<div class="todo-label list-unstyled">
 			<em></em><label>工作台</label>
 		</div>
@@ -126,9 +382,10 @@
 				</div>
 			</div>
 		</div>
-	</div>
+	</div>-->
 	<!-- 待处理统计 End -->
 </div>
+</div>
 <!-- 第三列图片 Start -->
 <div class="feed-wrap">
 	<div class="side-image">