Merge branch 'master' of http://192.168.1.12:3000/s.h.i.e.l.d./wenku

baobiao - page.html

@@ -220,6 +220,14 @@
 						<p><b class="colOrange">行值</b>：序号、规格名称、单位、原价（元）、运杂费、原价运费合计（合计）场外运输损耗、采购及保管费、预算单价（元）</p>
 						<p><b class="colOrange">列值：</b></p>
 						<p>全国报表模板 / 标表4 / 6单价分析表</p>
+						<div class="bbImg">
+							<a href="img/3_20110322170347_r3cvk.jpg" target="_blank">
+								<img src="img/3_20110322170347_r3cvk.jpg" width="690">
+								<p class="bbView"><span class="bbViewB">点击预览大图</span></p>
+								<div class="bbImgBg"></div>
+							</a>
+						</div>
+						<p>为节约您宝贵的编标时间，纵横软件公司已根据业主要求，完成了单价分析表模版为节约您宝贵的编标时间，纵横软件公司已根据业主要求，完成了单价分析表模版为节约您宝贵的编标时间，纵横软件公司已根据业主要求，完成了单价分析表模版为节约您宝贵的编标时间，纵横软件公司已根据业主要求，完成了单价分析表模版</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>

baobiao - search.html

@@ -169,10 +169,15 @@
 </div>
 <div class="warpBaobiao baobiao-search">
 <div class=" width960 clearfix">
-	<h1>报表高级搜索</h1>
+	<h1>报表搜索</h1>
+	<!-- <h1>报表高级搜索</h1> -->
 	<!--搜索工具-->
 	<div class="bb-search">
 		<div class="search-bar">
+			<div class="search-btn">
+				<input type="text" class="search-input" title="搜索报表关键词" placeholder="输入报表关键字，查找报表"><span class="senior-search">展开高级搜索</span>
+				<p class="search-tips">匹配值：报表名称、报表详情、行列值</p>
+			</div>
 			<dl>
 				<dt>选择报表行值（报表行包含哪些数据？）</dt>
 				<dd><label><input type="checkbox">清单编号</label></dd>
@@ -208,7 +213,12 @@
 				<div class="bbresult-list">
 					<ul>
 						<li>
-							<a href="img/3_20110322170347_r3cvk.jpg" target="_blank" class="images" title="查看大图"><img src="img/3_20110322170347_r3cvk.jpg" width="175" height="120"></a>
+							<div class="bbImg">
+								<a href="img/3_20110322170347_r3cvk.jpg" target="_blank" class="images" title="查看大图"><img src="img/3_20110322170347_r3cvk.jpg" width="175" height="120">
+									<p class="bbView"><span class="bbViewX">点击预览大图</span></p>
+									<div class="bbImgBg"></div>
+								</a>
+							</div>
 							<div class="title">
 								<a href="baobiao - page.html" target="_blank">大广高速绿化表</a>
 								<p><b class="colOrange">行值</b>：序号、规格名称、单位、原价（元）、运杂费、原价运费合计（合计）场外运输损耗、采购及保管费、预算单价（元）</p>
@@ -217,7 +227,12 @@
 							</div>
 						</li>
 						<li>
-							<a href="img/3_20110322170347_r3cvk.jpg" target="_blank" class="images" title="查看大图"><img src="img/3_20110322170347_r3cvk.jpg" width="175" height="120"></a>
+							<div class="bbImg">
+								<a href="img/3_20110322170347_r3cvk.jpg" target="_blank" class="images" title="查看大图"><img src="img/3_20110322170347_r3cvk.jpg" width="175" height="120">
+									<p class="bbView"><span class="bbViewX">点击预览大图</span></p>
+									<div class="bbImgBg"></div>
+								</a>
+							</div>
 							<div class="title">
 								<a href="baobiao - page.html" target="_blank">大广高速绿化表</a>
 								<p><b class="colOrange">行值</b>：序号、规格名称、单位、原价（元）、运杂费、原价运费合计（合计）场外运输损耗、采购及保管费、预算单价（元）</p>
@@ -226,7 +241,12 @@
 							</div>
 						</li>
 						<li>
-							<a href="img/3_20110322170347_r3cvk.jpg" target="_blank" class="images" title="查看大图"><img src="img/3_20110322170347_r3cvk.jpg" width="175" height="120"></a>
+							<div class="bbImg">
+								<a href="img/3_20110322170347_r3cvk.jpg" target="_blank" class="images" title="查看大图"><img src="img/3_20110322170347_r3cvk.jpg" width="175" height="120">
+									<p class="bbView"><span class="bbViewX">点击预览大图</span></p>
+									<div class="bbImgBg"></div>
+								</a>
+							</div>
 							<div class="title">
 								<a href="baobiao - page.html" target="_blank">大广高速绿化表</a>
 								<p><b class="colOrange">行值</b>：序号、规格名称、单位、原价（元）、运杂费、原价运费合计（合计）场外运输损耗、采购及保管费、预算单价（元）</p>

css/style.css

@@ -2830,6 +2830,42 @@ td a:hover.pirceEdit .colOrange {
 	line-height:28px;
 	font-size:14px
 }
+.bbImg{
+	position:relative;
+}
+.bbView{
+	position:absolute;
+	width:100%;
+	height:100%;
+	text-align: center;
+	top:-5000px;
+	z-index: 999;
+}
+.bbView span{
+	position:absolute;
+	top:50%;
+	left:50%;
+	background:#1e7145;
+	color:#fff;
+	padding:5px 10px;
+	border:1px solid #fff;
+}
+.bbViewB{
+	margin-top:-10px;
+	margin-left: -50px;
+}
+.bbViewX{
+	margin-top: -10px;
+	margin-left: -45px;
+}
+.bbImg a:hover .bbView{
+	top:0;
+}
+.bbImgBg{
+	width:100%;
+	background:#000;
+	display:block;
+}
 .table .subHead{
 	background:#ddd
 }
@@ -2846,8 +2882,30 @@ td a:hover.pirceEdit .colOrange {
 	padding:5px 10px;
 	font-size:16px;
 }
+.search-btn{
+	margin:20px 0;
+}
+.search-input{
+	padding:0 5px 0;
+	width:500px;
+	height:32px;
+	font-size: 14px;
+	line-height: 32px;
+	border:1px solid #c2c2c2;
+	border-bottom: 2px solid #c2c2c1;
+}
+.senior-search{
+	margin:0 10px 0;
+	color:#006AAD;
+	cursor:pointer;
+}
+.search-tips{
+	margin:5px 0 0;
+	color:#666;
+}
 .search-bar dl{
-	margin-bottom: 20px
+	margin-bottom: 20px;
+	display:none;
 }
 .search-bar dt{
 	border-left:3px solid #1E7145 ;

js/global.js

@@ -129,4 +129,12 @@ $(".exTab li").hover(function(){
     $(this).addClass("now").siblings().removeClass("now");
     $(".exContent > .exEntry ").hide().eq($(".exTab li").index(this)).show();});
 
+$(".senior-search").toggle(function(){
+    $(".search-bar dl").show();
+    $(this).text('收缩高级搜索');
+    },function(){
+        $(".search-bar dl").hide();
+        $(this).text('展开高级搜索');
+    })
+
 });