{template "head.html"}
<link href="{HOME_THEME_PATH}web/css/style.css" rel="stylesheet" type="text/css" />
    <script src="{LANG_PATH}lang.js" type="text/javascript"></script>
    <script src="{ROOT_THEME_PATH}assets/js/cms.js" type="text/javascript"></script>
{template "left.html"}
<link rel="stylesheet" type="text/css" href="/static/z/css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="/static/z/css/wap_style.css"/>
<link rel="stylesheet" type="text/css" href="/static/z/css/wap_mian.css"/>
<script src="/templets/default/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="/templets/default/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/templets/default/js/jdate.min.js"></script>
<script src="/templets/default/js/function.js" type="text/javascript" charset="utf-8"></script>
<script src="/templets/default/js/rem.js" language="javascript"></script>

<!--产品列表开始-->
<section class="content " style="background: none;">
  <div class="mainbody">
			<div class="choice-tab">
				<ul>
					<li><span>价格</span></li>
					<li><span>年龄</span></li>
					<li><span>区域</span></li>
					<li><span>级别</span></li>
				</ul>
			</div>
			<div class="choice-con" style="display: none;">
				<ul>
					<li class="{if !$params.jq}hover{else}{/if}"onclick="window.location.href='{Router::search_url($params, 'jq', NULL)}'">不限</li>
					{php $field = dr_field_options($ci->module['field']['jq']['id']);}
                    {loop $field $value $name}
                    <li class="{if $value==$params.jq}hover{else}{/if}"onclick="window.location.href='{Router::search_url($params, 'jq', $value)}'">{$name}</li>
                    {/loop}
				</ul>
			</div>
			<div class="choice-con" style="display: none;">
				<ul>
					<li class="{if !$params.nianling}hover{else}{/if}"onclick="window.location.href='{Router::search_url($params, 'nianling', NULL)}'">不限</li>
					{php $field = dr_field_options($ci->module['field']['nianling']['id']);}
                    {loop $field $value $name}
                    <li class="{if $value==$params.nianling}hover{else}{/if}"onclick="window.location.href='{Router::search_url($params, 'nianling', $value)}'">{$name}</li>
                    {/loop}
				</ul>
			</div>
			<div class="choice-con" style="display: none;">
				<ul>
					<li class="{if !$params.quyu}hover{else}{/if}"onclick="window.location.href='{Router::search_url($params, 'quyu', NULL)}'">不限</li>
					{php $field = dr_field_options($ci->module['field']['quyu']['id']);}
                    {loop $field $value $name}
                    <li class="{if $value==$params.quyu}hover{else}{/if}"onclick="window.location.href='{Router::search_url($params, 'quyu', $value)}'">{$name}</li>
                    {/loop}
				</ul>
			</div>
			<div class="choice-con" style="display: none;">
				<ul>
					<li class="{if !$params.jibie}hover{else}{/if}"onclick="window.location.href='{Router::search_url($params, 'jibie', NULL)}'">不限</li>
					{php $field = dr_field_options($ci->module['field']['jibie']['id']);}
                    {loop $field $value $name}
                    <li class="{if $value==$params.jibie}hover{else}{/if}"onclick="window.location.href='{Router::search_url($params, 'jibie', $value)}'">{$name}</li>
                    {/loop}
				</ul>
			</div>
			
			<!--<div class="choice-button" style="display: none;">-->
			<!--	<div class="button1 reset">重置</div>-->
			<!--	<div class="button2 confirm">确认</div>-->
			<!--</div>-->
			<div class="yuesao">
				<div class="yuesao-select">
					<p><input type="text"  placeholder="请输入月嫂姓名或关键词" class="input1"  onkeypress="if(event.keyCode==13) {dr_module_search('search_keyword');return false;}" name='keyword' value='{$keyword}' id='search_keyword'><button type="submit" class="button1"onclick="dr_module_search('search_keyword')"></button></p>
					 <script>
                    // 这段js是用来执行搜索的
                    function dr_module_search(name) {
                        var url="{Router::search_url($params, 'keyword', 'xunruicms')}";
                        var value = $("#"+name).val();
                        if (value) {
                            location.href=url.replace('xunruicms', value);
                        } else {
                            $("#"+name).focus()
                            dr_tips(0, "输入关键字");
                        }
                        return false;
                    }
                </script>
				</div>
				<div class="yuesao-list yuesao-con aunt-list clearfix">
				        <ul class="auntListUl" id="content_list">    
    				     {template "list_data.html"}
				        </ul>
				<!--<div class="yuesao-batch yuesao-more" page="2">点击加载更多</div>-->
				<div class="margin-top-20" id="is_ajax_btn">
                    <a href="javascript:dr_ajax_load_more();" class="btn default btn-block"> 加载更多 </a>
                </div>
			</div>
			
		</div>

</section>
<!--产品列表结束--> 
<script>
    var Mpage=1;
    //滚动显示更多
    var scroll_get = true;  //做个标志,不要反反复复的加载
    $(document).ready(function () {
        $(window).scroll(function () {
            if (scroll_get==true &&  (400 + $(window).scrollTop())>($(document).height() - $(window).height())) {
                scroll_get = false;
                layer.msg('内容加截中,请稍候',{time:1000});
                dr_ajax_load_more();
            }
        });
    });

    function dr_ajax_load_more(){
        Mpage++;
        $.get('/index.php?s=api&c=api&m=template&name=list_data.html&module={MOD_DIR}&catid={$catid}&format=json&page='+Mpage+'&'+Math.random(),function(res){
            $('.footer-cont').hide();
            if(res.code==1){
                if(res.msg==''){
                    $('#is_ajax_btn').hide();
                    layer.msg("已经显示完了",{time:500});
                }else{
                    $('#content_list').append(res.msg);
                    scroll_get = true;
                }
            }else{
                layer.msg(res.msg,{time:2500});
            }
        }, 'json');
    }
</script>
<script>
			$(function(){
				//所有条件对象
				var list_arr1 = [
					{1:'&price_start=&price_end=',2:'&price_start=&price_end=10000',3:'&price_start=10000&price_end=13000',4:'&price_start=13000&price_end=16000',5:'&price_start=16000&price_end='},
					{1:'&year_start=&year_end=',2:'&year_start=&year_end=39',3:'&year_start=40&year_end=45',4:'&year_start=45&year_end='},
					{1:'&area=',2:'&area=南方',3:'&area=北方'},
					{1:'&level=',2:'&level=精英',3:'&level=高级',4:'&level=中级'},
				];
				var page = 1;
				var pagesize = 8;
				var keyword = $("#search").val();
				//全局数组
				var arr_url = Array(list_arr1[0][1],list_arr1[1][1],list_arr1[2][1],list_arr1[3][1]);
				//默认url
				var list_url="?typeid=7&keyword="+keyword+arr_url[0]+arr_url[1]+arr_url[2]+arr_url[3];
				//操作
				var index1 = 0;
				var index2 = 0;
				$(".choice-tab ul li").click(function(){
					index1 = $(this).index();
					$(".choice-tab ul li").removeClass("hover").eq(index1).addClass("hover");
					$(".choice-con").hide().eq(index1).show();
					$(".choice-button").show();
				})
				$(".choice-con ul li").click(function(){
					index2 = $(this).index();
					$(".choice-con").eq(index1).find("ul").find("li").removeClass("hover").eq(index2).addClass("hover");
					index2 = index2+1;
					arr_url[index1] = list_arr1[index1][index2];
					list_url="?typeid=7&keyword="+keyword+arr_url[0]+arr_url[1]+arr_url[2]+arr_url[3];
					//console.log(list_url);
				})
				//重置
				// $(".reset").click(function(){
				// 	$(".choice-tab").find("ul").find("li").removeClass("hover");
				// 	$(".choice-con").find("ul").find("li").removeClass("hover");
				// 	$(".choice-con").hide();
				// 	$(".choice-button").hide();
				// 	arr_url = Array(list_arr1[0][1],list_arr1[1][1],list_arr1[2][1],list_arr1[3][1]);
				// 	list_url="?typeid=7&keyword="+keyword+arr_url[0]+arr_url[1]+arr_url[2]+arr_url[3];
				// 	page = 1;
				// 	$(".yuesao-con").html("");
				// 	get_yuesao_list_wap("search",list_url,page,pagesize);
				// 	//console.log(list_url);
				// })
				//确认
				// $(".confirm").click(function(){
				// 	var price_start = $(".price_start").val();
				// 	var price_end = $(".price_end").val();
				// 	if(price_start !="" && price_end !=""){
				// 		arr_url[0] = "&price_start="+price_start+"&price_end="+price_end;
				// 		list_url="?typeid=7&keyword="+keyword+arr_url[0]+arr_url[1]+arr_url[2]+arr_url[3];
				// 		$(".choice-con").eq(0).find("ul").find("li").removeClass("hover")
				// 	}
				// 	$(".choice-tab").find("ul").find("li").removeClass("hover");
				// 	$(".choice-con").hide();
				// 	$(".choice-button").hide();
				// 	page = 1;
				// 	$(".yuesao-con").html("");
				// 	get_yuesao_list_wap("search",list_url,page,pagesize);
				// 	$(".price_start,.price_end").val("");
				// 	//console.log(list_url);
				// })
				//搜索
				// $("#search").change(function(){
				// 	keyword = $(this).val();
				// 	list_url="?typeid=7&keyword="+keyword+arr_url[0]+arr_url[1]+arr_url[2]+arr_url[3];
				// 	page = 1;
				// 	$(".yuesao-con").html("");
				// 	get_yuesao_list_wap("search",list_url,page,pagesize);
				// 	//console.log(list_url);
				// })
				//点击加载更多
				// $(".yuesao-more").click(function(){
				// 	page++;
				// 	get_yuesao_list_wap("search",list_url,page,pagesize);
				// })
				//默认
				// get_yuesao_list_wap("search",list_url,page,pagesize);
			})
		</script>

{template "foot.html"}
</body>
</html>

{template "list_data.html"}

{module catid=$catid order=updatetime page=1}
    <li id="1121051889658300" class="clearfix aunt-li">      
    <a href="{$t.url}" title="{$t.title}" >        
    <div class="pic"><img src="{dr_get_file($t['thumb'])}"></div>        
    <div class="info xi14">             
        <div class="name">
            <div class="name-left">{$t.title}</div>
            <div class="name-middle">{$t.ss}</div>
            <div class="name-right">{php $field = dr_field_options(40);}{$field[$t.jq]}</div></div>             
            <div class="desc">{$t.jg}<span class="vertical"></span><span class="m-l">{$t.gzsc}</span><span class="vertical"></span><span class="m-l">{php $field = dr_field_options(30);}{$field[$t.jibie]}</span></div>  
            <div class="desc">
                {php $field = dr_field_options(65);}
               {loop $field $name $v}
               {if in_array($name, $t.gongzhong)}
                   
                          
                        <span class="ll">{$v} </span>
                    {/if}
               {/loop}    
            </div> 
        </div>      
    </a>    
    </li> 
{/module}

{template "foot.html"}