portal-front/consult.html

<!-- <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>