haoshengxin/company/modules/wechat/views/building/index.php

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2017/3/17 0017
 * Time: 上午 10:52
 */
use yii\helpers\Url;
use yii\widgets\LinkPager;
$this->title = '我的样板房';
?>

<div class="my-project">
    <ul>
        <?php if(!empty($models)):?>
            <?php foreach($models as $mo):?>
        <li>
            <div class="left">
                <a href="<?=Url::toRoute(['building/templatelist','id'=>$mo->id])?>"><img src="<?=empty($mo->all->pic)?"":Yii::getAlias('@imgdomain').'/'.$mo->all->pic?>" alt=""></a>
            </div>
            <div class="center">
                <h2><a href="<?=Url::toRoute(['building/templatelist','id'=>$mo->id])?>"><?=isset($mo->name)?$mo->name:""?></a></h2>
                <p>
                    <a href="#"><?=$mo->layout?></a>
                    <a href="#"><?=isset($mo->acreage)?$mo->acreage:""?>㎡</a>
                    <a href="#"><?=$mo->style?></a>
                </p>
                <p><?=isset($mo->designer->realname)?$mo->designer->realname:""?>&nbsp;设计师</p>
            </div>
            <div class="right">
                <div class="weui-cell weui-cell_switch">
                    <div class="weui-cell__ft">
                        <label for="<?='switchCP'.$mo->id?>" class="weui-switch-cp">
                            <input id="<?='switchCP'.$mo->id?>" class="weui-switch-cp__input" buildingid="<?=$mo->id?>" buildingposted="<?=$mo->posted?>" type="checkbox" <?=$mo->posted==\common\models\Building::POSTED_YES?"checked='checked'":"" ?>>
                            <div class="weui-switch-cp__box"></div>
                        </label>
                    </div>
                </div>
            </div>
        </li>
                <input type="hidden" value="1" class="input-page">
                <?php endforeach?>
        <?php endif?>
    </ul>
    <?php if($pages>1):?>
    <div class="weui-loadmore">
        <i class="weui-loading"></i>
        <span class="weui-loadmore__tips">正在加载</span>
    </div>
    <?php endif?>
</div>
<script>
    $(document).on('click','.weui-switch-cp__input',function(){
        var chat = $(this);
        var id = $(this).attr('buildingid');
        var posted = $(this).attr('buildingposted');
        $.ajax({
            url:'<?=Url::toRoute(['building/handle']);?>',
            type:'GET',
            dataType:'json',
            data:{id:id,posted:posted},
            success:function(data){
                if(data.sign==1){
                    $.alert(data.msg);
                    chat.attr('buildingposted',data.posted);
                }else{
                    $.alert(data.msg);
                }
            }
        });
    });

    var loading = false;  //状态标记
    $(document.body).infinite().on("infinite", function() {
        if(loading) return;
        loading = true;
        setTimeout(function() {

            var page = $('.input-page').val();
            if(page < <?=$pages?>){
                $.ajax({
                    url: '<?=Url::toRoute(['building/indexpage'])?>',
                    type: 'POST',
                    data: {page:page, '_csrf-company': '<?=Yii::$app->request->getCsrfToken();?>'},
                    success: function (data) {
//                        alert(data.msg)
//                        $(".my-project ul").append("<li> 我是新加载的内容 </li>");
                        $('.my-project ul').find('li').eq(-1).after(data);
                        page++;
                        $('.input-page').val(page);
                        loading = false;
                    }
                })
            }else{
                $('.weui-loadmore').remove();
                loading = true;
            }
        }, 800);   //模拟延迟
    });

</script>