专家需求搜索

js/needList.js

$(document).ready(function() {
	var oDemandAim = "",
		oSortType = "";
	/*需求列表*/
	function demandList(isbind, pageSize, pageNo,oDemand,oSort) {
		$.ajax({
			url: "/ajax/demand/pq",
			type: "GET",
			timeout: 10000,
			dataType: "json",
			data: {
				"pageNo": pageNo,
				"demandAim": oDemand,
				"sortType": oSort
			},
			beforeSend: function() {
			},
			success: function(data, textState) {
				if(data.success) {
					$("#demandList").html(" ");
					var $info = data.data.data;
					demandHtml($info);
					if(isbind == true) {
						$(".tcdPageCode").createPage({
							pageCount: Math.ceil(data.data.total / pageSize),
							current: data.data.data.pageNo,
							backFn: function(p) {
								demandList(false, 5, p,oDemandAim,oSortType);
							}
						});
					}
				}
			},
			error: function(XMLHttpRequest, textStats, errorThrown) {
			}
		})
	}
	function demandHtml($data) {
		for(var i = 0; i < $data.length; i++) {
			var $obje = $data[i].professor;
			var personStr = personalInformation($obje);
			var demandAim = "技术咨询",
				demandType = "企业需求";
			var oImg = "",
				oTime = "";
			if($data[i].demandAim == 2) {
				demandAim = "寻找资源"
			} else if($data[i].demandAim == 3) {
				demandAim = "其他需求"
			}
			if($data[i].demandType == 1) {
				demandType = "个人需求"
			}
			if($obje.hasHeadImage) {
				oImg = "/images/head/" + $obje.id + "_l.jpg";
			} else {
				oImg = "images/default-photo.jpg"
			}
			if($obje.authType) {
				var typeTname = " authicon authicon-cu"
			} else {
				if($obje.authStatus == 3) {
					if($obje.authentication == 1) {
						var typeTname = " authicon2 authicon-mana";
					} else if($obje.authentication == 2) {
						var typeTname = " authicon2 authicon-staff";
					} else {
						var typeTname = " authicon2 authicon-stu"
					}
				}
			}
			oTime = $data[i]["createTime"].substr(0, 4) + "年" + $data[i].createTime.substr(4, 2) + "月" + $data[i].createTime.substr(6, 2) + "日" +
				$data[i].createTime.substr(8, 2) + ":" + $data[i].createTime.substr(10, 2);
			var dataString = "<table width='100%'>"
			dataString += "<tbody><tr><td width='14%' class='messagebox'>"
			dataString += "<a class='workhead workitimg headRadius'>"
			dataString += "<img class='headPhoto' src='" + oImg + "'  width='100%' height='100%'></a></td>"
			dataString += "<td style='position:relative;top:20px;' width='86%'>"
			dataString += "<div class='workinfor worksitcon'><h4><a class='named'>" + $obje.name + "</a>"
			dataString += "<a class='modifyicon" + typeTname + "'></a><input type='text' class='assessStar' style='display: none;'></h4><h6 class='h3Font'>"
			dataString += "<span>" + personStr + "</span>"
			dataString += "<h6 style='position:relative;'>"
			dataString += "<div class='titList'>需求主题：<em class='h4Font'>" + $data[i].demandTitle + "</em></div>"
			dataString += "<span class='lasttime rightTime'>" + oTime + "</span>"
			dataString += "<p class='rebackcon' >" + $data[i].demandContent + "</p></div>"
			dataString += "<div class='workhandle'><div class='rightopert floatR'>"
			dataString += "<span class='replybtn'>查看</span></div>"
			dataString += "<div class='leftstate floatR'>"
			dataString += "<span class='coultstate status-4'><i>" + demandAim + "</i></span></div>"
			dataString += "<div class='leftstate floatR'>"
			dataString += "<span class='coultstate coulstAim status-4'><i>" + demandType + "</i></span>"
			dataString += "</div></div></td></tr></tbody></table>"
			$("#demandList").append(dataString);
		}
	}
	/*职位职称所在机构，部门，地址等等*/
	function personalInformation($person) {
		var arr1 = [$person.title, $person.office, $person.department, $person.orgName, $person.address];
		var arr = new Array();
		var arr2 = new Array();
		var n = 0;
		for(var i = 0; i < arr1.length; i++) {
			if(arr1[i]) {
				arr.push(arr1[i]);
				if(arr1[i] == arr1[arr1.length - 1]) {
					n = 1;
				}
			}
		}
		if(n == 1) {
			for(var i = 0; i < arr.length - 1; i++) {
				arr2.push(arr1[i]);
			}
			return arr2.join() + "|" + arr[arr.length - 1];
		} else {
			return arr.join();
		}
	}
	demandList(true, 5, 1,oDemandAim,oSortType);
	/*检索排序*/
	function selcet(i) {
		$(".selcet" + i).on('click', function(e) {
			var option = $(this).find(".option" + i);
			option.css("display", "block")
			var o_this = $(this);
			o_this.find("li").click(function() {
				o_this.find("li").removeClass("workcurrent");
				$(this).addClass("workcurrent");
				o_this.find("span").text($(this).text());
				option.css("display", "none");
				if($(this).text() == "技术咨询") {
					oDemandAim = 1;
					$(".tcdPageCode").remove();
					$("#shoudao").append('<div class="tcdPageCode"></div>');
					demandList(true, 5, 1,oDemandAim,oSortType);
				} else if($(this).text() == "资源合作") {
					oDemandAim = 2;
					$(".tcdPageCode").remove();
					$("#shoudao").append('<div class="tcdPageCode"></div>');
					demandList(true, 5, 1,oDemandAim,oSortType);
				} else if($(this).text() == "其他需求") {
					oDemandAim = 3;
					$(".tcdPageCode").remove();
					$("#shoudao").append('<div class="tcdPageCode"></div>');
					demandList(true, 5, 1,oDemandAim,oSortType);
				}else if($(this).text() == "不限") {
					oDemandAim = "";
					$(".tcdPageCode").remove();
					$("#shoudao").append('<div class="tcdPageCode"></div>');
					demandList(true, 5, 1,oDemandAim,oSortType);
				}
				else if($(this).text() == "按最早发布时间排序") {
					oSortType = 1;
					$(".tcdPageCode").remove();
					$("#shoudao").append('<div class="tcdPageCode"></div>');
					demandList(true, 5, 1,oDemandAim,oSortType);
				} else if($(this).text() == "按最新发布时间排序") {
					oSortType = 0;
					$(".tcdPageCode").remove();
					$("#shoudao").append('<div class="tcdPageCode"></div>');
					demandList(true, 5, 1,oDemandAim,oSortType);
				}
				return false;
			});
			$("body").click(function(e) {
				if($(".option4")[0].style.display == "block" || $(".option3")[0].style.display == "block") {
					$(".option4")[0].style.display = "none";
					$(".option3")[0].style.display = "none";
				}
			});
			return false;
		})
	}
	selcet(3);
	selcet(4);
})

needList.html

<!--中间-->
<div id="container">
	<div class="con-center">
        <div class="workmenu" style="height: 600px;">
        <div class="workmenu">
            <a href="workspaces.html" class="workmenutit">我的工作台</a>
            <a href="consult.html"  class="worksubmenu">咨询</a>
            <a href="newsciresource.html"  class="worksubmenu" >资源</a>
            <a href="news-list.html"  class="worksubmenu" >文章</a>
            <a href="needList.html"  class="worksubmenu subcolor" >需求</a>
            <a class="worksubmenu" id="gozixu">咨询</a>
            <a href="newsciresource.html"  class="worksubmenu nohide" style="display:none;">资源</a>
            <a href="news-list.html"  class="worksubmenu nohide" style="display:none;">文章</a>
            <a href="needList.html"  class="worksubmenu subcolor">需求</a>
        </div>
        <div class="workcon">
			<div class="workconitem consublock">
            <div class="workselectcon" id="shoudao">
                <div id="workContainer">
                	<div id="workContainer2">
	                	<div class='workselectitem'>
						  <table width='100%'><tbody><tr><td width='14%' class='messagebox'>
									<a class='workhead workitimg headRadius'>
										<img class='headPhoto' src='images/default-photo.jpg'  width='100%' height='100%'>
									</a>
								</td>
								<td style='position:relative;top:20px;' width='86%'>
								<div class='workinfor worksitcon'><h4><a class='named' id='nameS'>["name"] </a>
								 <a class='modifyicon authicon authicon-cu'></a><input type='text' class='assessStar' style='display: none;'></h4><h6 class='h3Font'>
									<span>["title"]</span>, <span>["office"]</span>,<span>["orgName"]</span>,<span>["department"]</span> | <span>["address"]</span>
									</h6><h6 style='position:relative;'>
										<div class='titList'>需求主题：<em class='h4Font'> data[i]["consultTitle"] </em></div>
											<span class='lasttime rightTime'>2017年3月9日 14:20</span>
											
											<p class='rebackcon lastReplyCon' >lastReplyFn(userid,data[i]["consultId"])["lastReplyCon"]</p>
											</div>
											<div class='workhandle'>
												<div class='rightopert floatR'>
													<span class='replybtn'>查看
													</span>
												</div>
												<div class='leftstate floatR'>
													<span class='coultstate status-4'><i>寻找资源</i></span>
												</div>
												<div class='leftstate floatR'>
													<span class='coultstate coulstAim status-4'><i>个人需求</i></span>
												</div>
											</div>
										</td>
									</tr></tbody></table>
								</div>
	                	<div class='workselectitem' id="demandList">
						
	                	</div>
                	</div>
                
                </div>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript"src="js/jquery.cookie.js"></script>
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript" src="js/jquery.page.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/popup.js"></script>
<script type="text/javascript">
	//下拉菜单，点击选项和body，下拉onsole.log($(".selcet"+i)); */
	function selcet(i){
		$(".selcet"+i).on('click',function(e){
			
			var attrPa;
			var option = $(this).find(".option"+i);
			/* console.log(option); */
			option
			.css("display","block")
			.slideDown();
			
			if($(this).find(".workselectmenu").attr('tip')){
				attrPa = 'tip';
			}
			if($(this).find(".workselectmenu").attr('tim')){
				attrPa = 'tim';
			};
			var o_this = $(this);
			o_this.find("li").click(function(){
		    	option.slideUp();
		    		/* console.log($(this)); */
		    		o_this.find("li").removeClass("workcurrent");
		    		$(this).addClass("workcurrent");
			      o_this.find("span").text($(this).text());
			      o_this.find("span").attr(attrPa,$(this).attr(attrPa));
			     /*  $(this).find("span").attr(attrPa,$(this).attr(attrPa));
			      $(this).find("input").val($(this).attr(attrPa)); */
			      
			      	consultStatus = $("#consultSelectId").val();//需求状态值
					timeType = $("#timeTypeId").val();//时间类型值
					sortType = $("#timeSortId").val();//排序值;
					
					replyStatus = $("#replySelectId").val();//回复状态值
					timeType2 = $("#timeTypeId2").val();//回复时间类型值
					sortType2 = $("#timeSortId2").val();//回复中 排序值;
		    });
			
			$("body").click(function(e){
				if($(e.target)["0"] == $("#showStatus2")["0"]){
					 $(".select1").slideDown();
				}else if($(e.target)["0"] == $("#showTimeSort2")["0"]){
					$(".select2").slideDown();
				}else if($(e.target)["0"] == $("#showStatus")["0"]){
					$(".select3").slideDown();
				}else if($(e.target)["0"] == $("#showTimeSort")["0"]){
					$(".select4").slideDown();
				}
				else {
					option.slideUp();
				}
				
			});
			 
		})
	}
	selcet(1);
	selcet(2);
	selcet(3);
	selcet(4);
	
	/*...点击之后的下拉*/
	$(".moreopert").click(function(){
		$(".moreopertbtn").eq($(".moreopert").index(this)).toggle();	
	
	})
$("#needIssueBtn").click(function(){
		$("body").css("position","fixed");
		$("#needIssue").fadeIn();
	})
</script>
<script type="text/javascript" src="js/needList.js"></script>
</body>
</html>