portal html css js resource

consult.html 7.7KB

    <!-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> --> <!-- // 咨询--> <div class="workconitem consublock"> <div class="workcontit">咨询<a class="worksamlltit worksamlltit3 worksamlltitnow" href="#getConsult">收到咨询</a><a class="worksamlltit worksamlltit3" href="#getReply">我的需求</a><!-- <span class="workset floatR">设置</span> --></div> <div class="worksubcon"> <div class="workmysrc workmysrc3 displayNone" id="getConsult"> <div class="workmenubox clearfix"> <form class="workmenufrm floatR"> <!-- <div class="workselectbox floatL consultSelect" onclick="showSelect('consultSelect','consultOption','tip')"> --> <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> <!-- <li class="" tip="4">完成的</li> --> </ul> </div> </div> <!-- <div class="workselectbox floatL timeType" onclick="showSelect('timeType','timeOption','tim')"> --> <div class="workselectbox floatL timeType selcet4"> <input type="text" id="timeTypeId" value="" style="display:none;"> <span id="showTimeSort" class="workselectmenu" tim="1">按最后回复时间排序</span> <div class="timeOption option4" style="display:none;"> <ul id="downbox1" class="workdropdown workdropdown2" > <li tim="0" class="cur">按发起时间排序</li> <li tim="1" class="cur workcurrent">按最后回复时间排序</li> <li tim="2" 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 class="loding"><img src="images/loading.gif"/></div> --> <div id="workContainer"></div> <div class="tcdPageCode getConsultPage"></div> </div> </div> <div class="workmysrc workmysrc3 displayNone" id="getReply"> <div class="workmenubox clearfix"> <form class="workmenufrm floatR"> <!-- <div class="workselectbox floatL replySelect" onclick="showSelect('replySelect','replyOption','tip')" > --> <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> --> <li class="" tip="3">待评价</li> <!-- <li class="" tip="4">完成的</li> --> </ul> </div> </div> <!-- <div class="workselectbox floatL timeType2" onclick="showSelect('timeType2','timeOption2','tim')"> --> <div class="workselectbox floatL timeType2 selcet2"> <input type="text" id="timeTypeId2" value="" style ="display:none;"> <span id="showTimeSort2" class="workselectmenu" tim="1">按最后回复时间排序</span> <div class="timeOption2 option2" style="display:none;"> <ul id="downbox1" class="workdropdown workdropdown2"> <li class="" tim="0">按发起时间排序</li> <li class="workcurrent" tim="1">按最后回复时间排序</li> <li class="" tim="2">按完成时间排序</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> <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(); }) </script>