<!DOCTYPE HTML>
<html>
<head>
<{include file="block/sheader.html"}>
</head>
<body>
<header>
	<i class="left"><a href="<{link ctl='index/index'}>" class="ico headerIco headerIco_3"></a></i>
    <div class="title">
    	我的预约
    </div>
    <i class="right"><a href="#" class=""></a></i>
</header>
<section class="page_center_box">
    <div class="appointLsit" id="wrapper" style="height:600px; position: relative;">
    	<ul class="pub_list_box">
    	    
	</ul>
    </div>
</section>
 <script id="data_list" type="text/x-jquery-tmpl">
            <li class="pub_list pad10 mb10 border_t border_b">
            	<div class="pub_img fl">
                    <div><a href="<{link ctl='order/detail' args='${order_id}'}>"><img src="<{$pager.img}>/${photo}" width="100" height="100"></a></div>
                </div>
                <div class="pub_wz">
                    <div class="bt_box">
                    	<div class="fl bt"><a href="<{link ctl='order/detail' args='${order_id}'}>">${title}<small class="fontcl1">（${order_status_label}）</small></a></div>
                        <a {{if disable==1}}href="${action_url}"{{else}}href="<{link ctl='${action_url}'}>"{{/if}} >
                        <span {{if disable==1}}style="background:#ccc;"{{/if}} class="fr state">${order_action}</span>
                        </a>
                    </div>
                    <div class="nr border_t mt10">
                    	<p class="black9"><em class="ico ico_1"></em>${addr}${house}</p>
                        <p class="black9"><em class="ico ico_2"></em>师傅：{{if staff_name}}${staff_name}{{else}}暂无师傅接单{{/if}}</p>
                        {{if staff_name}}<p class="black9"><em class="ico ico_3"></em>${staff_mobile}<a href="tel:${staff_mobile}" class="tel fr"></a></p>{{/if}}
                    </div>
                </div>
                <div class="clear"></div>
            </li>
        </script>   
    <script>
            var page = 1;
            var wapper = document.querySelector("#wrapper ul");
            var url = "<{link ctl='order/items'}>";
            build_refresher_items(url, {page: 1}, "#data_list", wapper);
            refresher.init({
                id: "wrapper",
                pullDownAction: function () {
                    post_json = {page: 1};
                    $("#wrapper ul").html("");
                    $("#pullUp").hide();
                    build_refresher_items(url, post_json, '#data_list', wapper);
                    page = 1;
                    myScroll.refresh();
                },
                pullUpAction: function () {
                    page++;
                    post_json = {page: page};
                    build_refresher_items(url, post_json, '#data_list', wapper);
                    myScroll.refresh();
                },
            });

        </script>  

</body>
</html>
