<!DOCTYPE HTML>
<html>
<head>
<{include file="block/sheader.html"}>
</head>
  
<body>
<header>
	<i class="left"><a href="<{link ctl='index'}>" class="ico headerIco headerIco_3"></a></i>
    <div class="title">
    	我关注的师傅
    </div>
    <i class="right"><a href="javascript:void(0);" class="ico  "></a></i>
</header>
<section class="page_center_box">
            <div class="masterLsit" >
                <div id="wrapper" style="height:600px; position: relative;">
                   <ul>

                    </ul> 
                </div>
            </div>
</section>
<script id="data_list" type="text/x-jquery-tmpl">
        <li class="pub_list border_t border_b pad10 mb10 bgcolor_white">
                <div class="pub_img fl">
                    <div><a href="<{link ctl='staff/detail' args='${staff_id}'}>"><img src="<{$pager.img}>/${face}" width="100" height="100"></a></div>
                </div>
                <div class="pub_wz">
                    <p class="name"><a href="<{link ctl='staff/detail' args='${staff_id}'}>">${name}</a> <span class="fr range black9"><em class="ico"></em>${d}</span></p>
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                        <tr>
                            <td><p class="black9"><span class="fontcl1">${rate}%</span>好评</p></td>
                            <td><p class="black9">${year_num}年经验</p></td>
                            <td align="right"><p class="black9">服务${orders}次</p></td>
                        </tr>
                    </table>
                    <div class="repairLabel_box mt10">
                        <div class="fr"><a href="javascript:void(0);" class="more black9">更多</a></div>
                        <div class="repairLabel_nr">
                            <div class="repairLabel_one" id = "div_each">
                            {{each(i,cate) skill}}
                                {{if i<=5}}<a href="javascript:void(0);" class="repairLabel">${cate}</a>{{/if}}
                            {{/each}}
                            <span class="repairLabel_two">
                                {{each(k,val) skill}}
                                    {{if k>5}}
                                       <a href="javascript:void(0);" class="repairLabel">${val}</a>
                                    {{/if}}  
                                {{/each}}
                            </span> 
                            </div>
                        </div>
                </div>
                <div class="clear"></div>
            </li>
</script>
<script>
    var page = 1;
    var wapper = document.querySelector("#wrapper ul");
    var url = "<{link ctl='ucenter/mystaff:staff_list'}>";
    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>
 <script>
    $(document).ready(function () {
        /*师傅列表显示更多标签*/
        $(document).on('click', '.more', function () {    
            if ($(this).hasClass("on")) {
                $(this).removeClass("on");
                $(this).parents(".repairLabel_box").find(".repairLabel_two").hide();
            }
            else {
                $(this).addClass("on");
                $(this).parents(".repairLabel_box").find(".repairLabel_two").show();
            }
        });
    
    });
</script>
</body>
</html>
