添加关键字搜索

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>

css/style.css

@@ -2839,21 +2839,23 @@ td a:hover.pirceEdit .colOrange {
 	text-align: center;
 	top:-5000px;
 	z-index: 999;
-	background:#000;
-	color:#fff;
-	opacity:0.6;
 }
 .bbView span{
 	position:absolute;
 	top:50%;
-	left:45%;
+	left:50%;
+	background:#1e7145;
+	color:#fff;
+	padding:5px 10px;
+	border:1px solid #fff;
 }
 .bbViewB{
-	margin-top:-345px:;
+	margin-top:-10px;
+	margin-left: -50px;
 }
 .bbViewX{
-	margin-top: -5px;
-	margin-left: -25px;
+	margin-top: -10px;
+	margin-left: -45px;
 }
 .bbImg a:hover .bbView{
 	top:0;
@@ -2879,8 +2881,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,8 +129,12 @@ $(".exTab li").hover(function(){
     $(this).addClass("now").siblings().removeClass("now");
     $(".exContent > .exEntry ").hide().eq($(".exTab li").index(this)).show();});
 
-$(".bbImg").hover(function(){
-    $(".bbImgBg").show();
-})
+$(".senior-search").toggle(function(){
+    $(".search-bar dl").show();
+    $(this).text('收缩高级搜索');
+    },function(){
+        $(".search-bar dl").hide();
+        $(this).text('展开高级搜索');
+    })
 
 });