haoshengxin/company/modules/wechat/views/user/subscribe.php

<?php

/* @var $this yii\web\View */

use yii\helpers\Url;
use yii\widgets\ActiveForm;
use common\models\UploadForm;
$this->title = '预约列表';
?>
<style>
    .order-list ul li{
        display: flex;
    }
    .order-list ul li a{
        flex: 5;
    }
    .order-list ul li .right{
        flex: 1;
        border-bottom: 1px solid #e6e6e6;
        text-align: center;
        line-height: 5rem;
    }
    .order-list ul li .right i{
        font-size: 2.5rem;
        color: #e2e2e2;
    }
    .order-list ul li .right.col i{
        color: #fc9c23;
    }
</style>
<div class="order-list">
    <ul>
        <?php if(!empty($models)):?>
            <?php foreach($models as $mo):?>
        <li>
            <?php if(isset($mo->building->type)&&$mo->building->type==1):?>
               <a href="<?=Url::toRoute(['building/worklist','id'=>$mo->building->id])?>">
                <?php elseif(isset($mo->building->type)&&$mo->building->type==2):?>
                   <a href="<?=Url::toRoute(['building/templatelist','id'=>$mo->building->id])?>">
            <?php endif?>

                <div class="img">
                    <img src="<?=empty($mo->user->userinfo->portrait)?\common\models\User::DEFAULT_FACE:\common\models\UserInfo::imagesUrl($mo->user->userinfo->portrait)?>" alt="">
                    <?php if($mo->state==\common\models\Appointment::STATE_YES):?>
                    <i class="iconfont icon-yanjing "></i>
                    <?php endif?>
                </div>
                <div class="list-main">
                    <h2><?=isset($mo->user->userinfo->nickname)?$mo->user->userinfo->nickname:""?> <span><?=isset($mo->user->userinfo->tel)?$mo->user->userinfo->tel:""?></span></h2>
                    <p>预约时间：<?=isset($mo->booking_time)?date('Y-m-d H:i',$mo->booking_time):""?></p>
<!--                    <p>预约信息：<span>--><?//=isset($mo->remark)?$mo->remark:""?><!--</span></p>-->
                </div>
                   </a>


                    <!--样式-->
                       <?php $member = company\modules\wechat\controllers\UserController::userlevel()?>
                       <?php if($member == common\models\UserCompany::NOMEMBER):?>
                         <div class="right">
                               <i class="iconfont icon-dianhua altWarning"></i>
                         </div>
                       <?php else:?>
                           <div class="right  col">
                               <a href="tel:<?=$mo->applicant_tel?>"><i class="iconfont icon-dianhua "></i></a>
                          </div>
                       <?php endif?>
         </li>
                <input type="hidden" value="1" class="input-page">
                <?php endforeach?>
        <?php endif?>
    </ul>
</div>
<?php if($pages>1):?>
    <div class="weui-loadmore">
        <i class="weui-loading"></i>
        <span class="weui-loadmore__tips">正在加载</span>
    </div>
<?php endif?>

<script>
    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(['user/subscribepage'])?>',
                    type: 'POST',
                    data: {page:page, '_csrf-company': '<?=Yii::$app->request->getCsrfToken();?>'},
                    success: function (data) {
                        //alert(data.msg)
//                        $(".order-list").append("<li> 我是新加载的内容 </li>");
                        $('.order-list ul').find('li').eq(-1).after(data);
                        page++;
                        $('.input-page').val(page);
                        loading = false;
                    }
                })
            }else{
                $('.weui-loadmore').remove();
                loading = true;
            }
        }, 800);   //模拟延迟
    });
    $('.altWarning').click(function(){
        $.alert("<?=\common\models\Appointment::WARNING_TEXT ?>");
    })
</script>