book_admin/application/admin/view/referral/many/push.html

<div class="alert alert-info" role="alert">
    由于推送到代理商处理时间较长，所以每次推送改为最多推送10个代理商，推送过程较慢，请耐心等待推送完成。
</div>
<form id="add-form" class="form-horizontal form-ajax" role="form" data-toggle="validator" method="POST" action="" >
    <input type="hidden" name="row[referral_ids]" value="{$row.referral_ids}"/>
    <div class="form-group">
        <label class="control-table col-xs-12 col-sm-2">选择代理:</label>
        <div class="col-xs-12 col-sm-8">
            {notempty name="agents"}
            <a href="javascript:selall();" class="btn btn-xs">选择前10个</a>&nbsp;
            <a href="javascript:unselall();" class="btn btn-xs">全不选</a>&nbsp;
            {else/}
            全部代理都已经被推送过
            {/notempty}
            <br>
            {foreach name="agents" item="a"}
            <label class="ids_checkbox"><input type="checkbox" name="ids[]" value="{$a.id}">{$a.nickname}</label>
            {/foreach}
           
        </div>
    </div>
    <input type="hidden" id="rmid" value="{$row.id}">
    <div class="form-group hidden layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">开始推送 (ps:推送时间较长，请耐心等待)</button>
            <!-- <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button> -->
        </div>
    </div>
</form>

<style type="text/css">
    .img_txt_box{
        padding: 20px;
        width: 380px;
        background-color: #f1f1f1;
        box-sizing: border-box;
    }
    .img_txt_list{
        padding: 10px 0;
        background-color: #fff;
    }
    .img_txt_list > div:last-child{
        border-bottom: 0;
    }
    .img_txt_one{
        position: relative;
        left: 0;
        top: 0;
        padding: 10px 20px;
        border-bottom: 1px solid #e9e9e9;
    }
    .img_txt_one_tit{
        margin-right: 30px;
        overflow: hidden;
        cursor: pointer;
    }
    .img_txt_one i{
        position: absolute;
        right: 20px;
        top: 50%;
        margin: -21px 0 0;
        height: 42px;
        width: 22px;
        background: none;
        text-align: center;
        font-size: 18px;
        color: #18bc9c;
        line-height: 42px;
        cursor: pointer;
    }
    .img_txt_one_h3,
    .img_txt_li_h3{
        overflow: hidden;
        margin: 0;
        padding: 0;
        font-size: 14px;
        color: rgba(0,0,0,0.6);
        line-height: 22px;
    }
    .img_txt_li_h3{
        margin:0 0 5px;
        height: 44px;
    }
    .img_txt_one_h3 p,
    .img_txt_li_h3 p{
        display: block;
        margin: 0;
        padding: 0;
        border: 0;
        width: 100%;
        font-size: 14px;
        color: rgba(0,0,0,0.6);
        outline: none;
        line-height: 18px;
    }
    .img_txt_one_img{
        overflow: hidden;
        cursor: pointer;
    }
    .img_txt_one_img img{
        display: block;
        margin: 0;
        padding: 0;
        border: 0;
        width:100%;
    }
    
    .img_txt_li{
        position: relative;
        left: 0;
        top: 0;
        overflow: hidden;
        padding: 10px 20px;
        border-bottom: 1px solid #e9e9e9;
    }
    .img_txt_li_img{
        overflow: hidden;
        float: right;
        height: 78px;
        width: 78px;
    }
    .img_txt_li_img img{
        display: block;
        width: 78px;
        height: 78px;
    }
    .img_txt_li_txt{
        position: relative;
        left: 0;
        top: 0;
        margin: 0 88px 0 0;
        overflow: hidden;
    }
    .img_txt_li_txt a,
    .img_txt_one_tit a{
        display: block;
        margin: 0;
        overflow: hidden;
        padding: 3px 0;
        font-size: 14px;
        color: #1581ff;
        line-height: 18px;
        white-space: normal;
        word-break: break-all;
        word-wrap: break-word;
        box-sizing: border-box;
    }
    
    .img_txt_add_but{
        display: block;
        margin-top: 20px;
        height: 40px;
        font-size: 16px;
        color: #1581ff;
        text-align: center;
        line-height: 40px;
    }
    .img_txt_add_but i{
        font-size: 16px;
        vertical-align: middle;
    }
    .img_txt_remvoe{
        display: none;
        position: absolute;
        right: 0;
        bottom: 0;
        height: 36px;
        width: 36px;
        cursor: pointer;
    }
    .img_txt_li:hover .img_txt_remvoe{
        display: block;
    } 
    .img_txt_remvoe:before {
        content: "";
        width: 0;
        height: 0;
        overflow: hidden;
        border: 18px solid transparent;
        border-bottom-color: #d0021b;
        border-right-color: #d0021b;
        _border-bottom-style: solid;
        _border-right-style: solid;
        position: absolute;
        left: 0;
        top: 0;
    }
    .img_txt_remvoe:after {
        content: "\f1f8";
        position: absolute;
        right: 2px;
        bottom: 2px;
        color: #fff;
        font-size: 16px;
    }
</style>

<script>
//全选
function selall(){
	if($(".ids_checkbox").length > 10){
		for(var i=0; i<10; i++){
			$('.ids_checkbox:eq('+ i +') input[name="ids[]"]').prop("checked", true);
		}
	}else{
		$("input[name='ids[]']").prop("checked", true);
	}
    
}
//取消全选
function unselall(){
    $("input[name='ids[]']").prop("checked", false);
}
//反选
function selreverse(){
    $("input[name='ids[]']").each(function(){ 
        $(this).prop("checked", !$(this).prop("checked")); 
    }) 
}
</script>