|
<!-- // 需求-->
<div class="workconitem consublock">
<div class="workcontit">需求<a class="worksamlltit worksamlltit3 worksamlltitnow" href="#getConsult">搜索需求</a><a class="worksamlltit worksamlltit3" href="#getReply">我的需求</a></div>
<div class="worksubcon">
<div class="workmysrc workmysrc3 displayNone" id="getConsult">
<div class="workmenubox clearfix">
<form class="workmenufrm floatR">
<div class="workselectbox floatL consultSelect selcet3">
<input type="text" id="consultSelectId" value="0" style="display:none;">
<span id="showStatus" class="workselectmenu" tip="0">不限</span>
<div class="consultOption option3" style="display:none;">
<ul id="downbox" class="workdropdown" >
<li class="workcurrent" tip="0">不限</li>
<li class="" tip="1">技术咨询</li>
<li class="" tip="2">资源合作</li>
<li class="" tip="3">其他需求</li>
</ul>
</div>
</div>
<div class="workselectbox floatL timeType selcet4">
<input type="text" id="timeTypeId" value="" style="display:none;">
<span id="showTimeSort" class="workselectmenu" tim="0">按最早发布时间排序</span>
<div class="timeOption option4" style="display:none;">
<ul id="downbox1" class="workdropdown workdropdown2" >
<li tim="0" class="cur workcurrent">按最早发布时间排序</li>
<li tim="1" class="cur">按最新发布时间排序</li>
</ul>
</div>
</div>
<input id="timeSortId" type="text" value="0" style="display:none;">
<div class="workselectbox floatL">
<div class="orderedbtn" id="consultArrow"><div></div></div>
</div>
</form>
</div>
<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>
</div>
<div class="tcdPageCode getConsultPage"></div>
</div>
</div>
<div class="workmysrc workmysrc3" id="getReply"> <!--displayNone-->
<div class="workmenubox clearfix">
<div class="workmenufrm floatL">
<span class="frmtype frmbtn" id="needIssueBtn" style="padding:4px 24px;">发布新需求</span>
</div>
<form class="workmenufrm floatR">
<div class="workselectbox floatL replySelect selcet1">
<input id="replySelectId" type="text" value="0" style ="display:none;"/>
<span id="showStatus2" class="workselectmenu" tip="0">全部</span>
<div class="replyOption option1" style="display:none;">
<ul id="downbox" class="workdropdown" >
<li class=" workcurrent" tip="0">全部</li>
<li class="" tip="1">发布中</li>
<li class="" tip="2">已关闭</li>
</ul>
</div>
</div>
<div class="workselectbox floatL timeType selcet4">
<input type="text" id="timeTypeId" value="" style="display:none;">
<span id="showTimeSort" class="workselectmenu" tim="0">按最早发布时间排序</span>
<div class="timeOption option4" style="display:none;">
<ul id="downbox1" class="workdropdown workdropdown2" >
<li tim="0" class="cur workcurrent">按最早发布时间排序</li>
<li tim="1" class="cur">按最新发布时间排序</li>
</ul>
</div>
</div>
<input id="timeSortId2" type="text" value="0" style ="display:none;">
<div class="workselectbox floatL">
<div class="orderedbtn" id="replyArrow"><div></div></div>
</div>
</form>
</div>
<div class="workselectcon" id="wode">
<div id="workContainer2">
<div class='workselectitem'>
<table width='100%'><tbody><tr>
<td style='position:relative;top:20px;'>
<div class='workinfor worksitcon'>
<h4><div class='titList h4Font' style="width:620px">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX（需求主题）data[i]["consultTitle"]</div></h4>
<h6 style='position:relative;'>
<div class="clearfix">
<div class="floatL">
发布时间：<span class='lasttime'>2017年3月3日 14:40 </span>
</div>
<!--关闭之后显示-->
<div class="floatL displayNone" style="margin-left:40px;">
关闭时间：<span class='lasttime'>2017年3月3日 18:40 </span>
</div>
</div>
<p class='rebackcon lastReplyCon' style="width: 860px;" >XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX（需求内容）lastReplyFn(userid,data[i]["consultId"])["lastReplyCon"]</p>
</h6>
</div>
<div class='workhandle'>
<div class='rightopert floatR'>
<span class='replybtn'>查看
</span>
</div>
<div class='leftstate floatR'>
<span class='coultstate status-1'><i>发布中</i></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>
<div class="tcdPageCode getReplyPage"></div>
</div>
</div>
</div>
</div>
<!-- 需求 // -->
<script type="text/javascript">
//下拉菜单，点击选项和body，下拉菜单你消失
function selcet(i){
/* console.log($(".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>
|
