软件报表前端页面:列表,详情,搜索

baobiao - page.html

@@ -171,13 +171,8 @@
 <div class=" width960 clearfix">
 	<div class="sideBar fL">
 		<h1 class="bbLogo"></h1>
-		<div class="search"><input><a href="#">搜索</a></div>
-		<div class="nav">
-			<a class="now" href="#">热门报表</a>
-			<a href="#">最新上传</a>
-		</div>
+		<div class="search"><a href="#">使用高级搜索</a></div>
 		<div class="categroy">
-			<b class="title">类别</b>
 			<div class="catTree">
 				<ul class="treeLeve1">
 					<li>
@@ -210,7 +205,6 @@
 	<div class="bbContent">
 		<div class="bbConItem">
 			<div class="fR">
-				<a href="#" class="button btn-green">定制报表</a>
 				<a href="#" class="button btn-orange">下载报表</a>
 			</div>
 			<h1>31省道北延绍兴至萧山段工程</h1>
@@ -223,6 +217,10 @@
 				</div>
 				<div class="bbItem">
 					<div class="bbEntry">
+						<p><b class="colOrange">行值</b>：序号、规格名称、单位、原价（元）、运杂费、原价运费合计（合计）场外运输损耗、采购及保管费、预算单价（元）</p>
+						<p><b class="colOrange">列值：</b></p>
+						<p>全国报表模板 / 标表4 / 6单价分析表</p>
+						<p><a href="img/3_20110322170347_r3cvk.jpg" target="_blank"><img src="img/3_20110322170347_r3cvk.jpg" width="690"></a></p>
 						<p>凡参与31省道北延绍兴至萧山段工程投标的用户，请注意：</p>
 						<p>为节约您宝贵的编标时间，纵横软件公司已根据业主要求，完成了单价分析表模版，请直接下载，并安</p>
 						<p>装到软件中即可打印输出，不用导出EXCEL手工修改。</p>
@@ -232,7 +230,6 @@
 						<p>适用版本：新定额9.X</p>
 						<p>所需费用：免费</p>
 						<p>使用说明：直接打印</p>
-						<p><a href="img/3_20110322170347_r3cvk.jpg"><img src="img/3_20110322170347_r3cvk.jpg" width="690"></a></p>
 					</div>
 					<div class="bbEntry hide">
 						<p>如何安装报表模板：</p>

baobiao.html

@@ -172,12 +172,7 @@
 	<div class="sideBar fL">
 		<h1 class="bbLogo"></h1>
 		<div class="search"><a href="#">使用高级搜索</a></div>
-		<div class="nav">
-			<a class="now" href="#">热门报表</a>
-			<a href="#">最新上传</a>
-		</div>
 		<div class="categroy">
-			<b class="title">类别</b>
 			<div class="catTree">
 				<ul class="treeLeve1">
 					<li>

css/style.css

@@ -2659,20 +2659,20 @@ td a:hover.pirceEdit .colOrange {
 	display:inline-block;
 	*display:inline;
 	zoom:1;
-	width:40px;
 	height:32px;
 	line-height:32px;
-	background:#156039;
+	background:#EC971F;
 	color:#fff;
-	text-align:center
+	text-align:center;
+	width:100%;
 }
 .warpBaobiao .search a:hover{
 	font-weight:600;
-	background:#0a4f2b
+	background:#F0AD4E
 }
 .warpBaobiao .search a:active{
 	font-weight:600;
-	background:#333
+	background:#EC971F
 }
 .warpBaobiao .nav,.warpBaobiao .categroy{
 	padding:15px 0 0 0;
@@ -2705,8 +2705,7 @@ td a:hover.pirceEdit .colOrange {
 	width: 100%;
 }
 .warpBaobiao .categroy{
-	color:#fff;
-	padding:10px
+	color:#fff
 }
 .warpBaobiao .catTree a{
 	color: #fff;
@@ -2726,7 +2725,8 @@ td a:hover.pirceEdit .colOrange {
 	padding: 3px 5px
 }
 .warpBaobiao ul.treeLeve2 span{
-	background-color: #1d6540
+	background-color: #1d6540;
+	margin:5px 0;
 }
 .warpBaobiao .catTree a:hover{
 	background:#1E824C
@@ -2827,4 +2827,61 @@ td a:hover.pirceEdit .colOrange {
 }
 .table .taC{
 	text-align: center
+}
+.baobiao-search .width960{
+	background:#fff;
+	border:none;
+}
+.baobiao-search h1{
+	background:#1E7145;
+	color:#fff;
+	padding:5px 10px;
+	font-size:16px;
+}
+.search-bar dl{
+	margin-bottom: 20px
+}
+.search-bar dt{
+	border-left:3px solid #1E7145 ;
+	color:#1E7145;
+	font-weight: 600;
+	font-size:14px;
+	padding:3px 5px;
+	margin:5px 0;
+}
+.search-bar dd{
+	display:inline-block;
+	margin-right:10px;
+}
+.search-bar dd input{
+	vertical-align: middle
+}
+.search-bar dd label{
+	cursor:pointer;
+}
+.baobiao-search h2{
+	font-size:16px;
+	border-bottom: 1px solid #1E7145;
+	padding:20px 0
+}
+.bbresult-list li{
+	position:relative;
+	height:120px;
+	overflow:hidden;
+	margin: 15px 0;
+	padding-bottom: 15px;
+	border-bottom: 1px solid #f2f2f2
+}
+.bbresult-list li a.images{
+	position:absolute;
+	left:0;
+	top:0;
+}
+.bbresult-list li .title{
+	margin-left:200px;
+}
+.bbresult-list li .title a{
+	font-size: 16px;
+	margin-bottom:10px;
+	display:inline-block;
 }