<div style='max-height:500px;overflow:auto;min-width:850px;'>
    <div class="input-group layui-row" style="margin:10px;">
        <input type="text" placeholder="请输入昵称进行搜索" id="select-url-kw" value="" class="form-control">
        <span class="input-group-addon btn btn-default select-btn" data-type="url">搜索</span>
    </div>
    <table class="table supplyquery table-hover supplyquery" style="min-width:850px;">
        <tbody>   
            <?php foreach( $ds as  $row  ){ ?>
            <tr>
                <td><img src='{$row['avatar']}' style='width:30px;height:30px;padding1px;border:1px solid #ccc' /> {$row['nickname']}</td>
                <td>{$row['mobile']}</td>
                <td style="width:80px;"><a href="javascript:;" class="choose_dan_link" data-json='{:json_encode($row);}'>选择</a></td>
            </tr>
            <?php } ?>
            <?php if( count($ds)<=0){ ?>
            <tr> 
                <td colspan='4' align='center'>未找到可分配的司机</td>
            </tr>
            <?php } ?>
        </tbody>
    </table>
</div>
<script>
var query_kwd = '{$kwd}';
var query_url = "{:U('delivery/queryclerk', array('is_not_hexiao' => $is_not_hexiao))}";
var can_next = true;

$(document).delegate(".choose_dan_link","click",function(){
    var json_obj = JSON.parse($(this).attr('data-json'));
    var p_html = '';
    p_html+= '<div class="input-group " style="margin: 0;">';
    p_html+= '  <div class="layadmin-text-center choose_user">';
    p_html+= '      <img style="" src="'+json_obj.avatar+'">';
    p_html+= '      <div class="layadmin-maillist-img" style="">'+json_obj.name+'</div>';
    p_html+= '      <button type="button" class="layui-btn layui-btn-sm" onclick="cancle_bind(this)"><i class="layui-icon">&#xe640;</i></button>';
    p_html+= '  </div>';
    p_html+= '</div>';
    
    $(cur_open_div).parent().siblings().remove();
    $(cur_open_div).parent().after(p_html);
    
    $(cur_open_div).val( json_obj.id );
    layer.close(layer.index); 
});
                
$(".select-btn").click(function(){
    query_kwd = $.trim($("#select-url-kw").val());
    if(!can_next)
    {
        return false;
    }
    can_next = false;
    $.ajax({
        url:query_url,
        type:'post',
        dataType:'json',
        data:{keyword:query_kwd,page:1,is_ajax:1},
        success:function(ret){
            console.log(ret);
            if(ret.code == 0)
            {
                $('.supplyquery tbody').html(ret.html);
            }
            can_next = true;
        }
    })
});

$("body").delegate(".pagination a","click",function(){
    var s_page = $(this).attr('page');
    if(!can_next)
    {
        return false;
    }
    can_next = false;
    $.ajax({
        url:query_url,
        type:'post',
        dataType:'json',
        data:{keyword:query_kwd, page:s_page, is_ajax:1},
        success:function(ret){
            if(ret.code == 0)
            {
                $('.supplyquery tbody').html(ret.html);
            }
            can_next = true;
        }
    })
})
</script>