<?php include_once(mvc::$cfg['PATH_TPL'].'public/headMenu.php');?>
<link rel="stylesheet" type="text/css" href="<?php echo mvc::$cfg['SYS_URL'];?>static/css/user.css?ver=<?php echo mvc::$cfg['VER']['css'];?>">
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">评价</h1>
</header>
<div class="mui-content evaluate">
    <div class="body">
        <div id="pullrefresh" class="mui-content mui-scroll-wrapper">
            <div id="J_CommentsWrapper" class="review-content">
                <ul class="filter">
                    <li class="comment-filter-none current label">全部</li>
                    <li class="comment-filter-img label" data-order="hasImg">有图</li>
                    <?php if(!empty($labelArr)){?>
                    <?php foreach($labelArr as $v){?>
                    <li class="tag-product label" data-order="<?php echo $v['evl_id'];?>"><?php echo $v['evl_name'];?></li>
                    <?php }?>
                    <?php }?>
                </ul>
                <ul class="list">
                </ul>
            </div>
        </div>
    </div>
</div>
<script src="<?php echo mvc::$cfg['SYS_URL'];?>static/mui/dist/js/mui.zoom.js"></script>
<script src="<?php echo mvc::$cfg['SYS_URL'];?>static/mui/dist/js/mui.previewimage.js"></script>
<script src="<?php echo mvc::$cfg['SYS_URL'];?>static/js/user.js"></script>
<script type="text/javascript">
    var page=1;
    var proId=<?php echo (int)$_GET['proId'];?>;
    $.ajaxSettings.async = false;
    mui.init({
        pullRefresh: {
            container: '#pullrefresh',
            up: {
                height:200,//可选.默认50.触发上拉加载拖动距离
                auto:true,
                contentrefresh: '正在加载...',
                callback: function(){
                    var _this=this;
                    $.get(SELF_URI+'item/getEvaluate?isAjax=1',{'pageNum':page,'proId':proId,'order':'all'},function(res){
                        if(AJAX.checkData(res)){
                            if($.trim(res.data['tpl'])!=''){
                                $('#J_CommentsWrapper .list').append(res.data['tpl']);
                                page++;
                                _this.endPullupToRefresh(false);
                            }else{
                                _this.endPullupToRefresh(true);
                            }
                            if(res.data['code']==0){
                                _this.endPullupToRefresh(true);
                            }
                        }
                    },'json');
                }
            }
        }
    });
    mui.previewImage();
    $(document).ready(function(){
        $('.filter .label').on('tap',function(){
            page=1;
            $('#J_CommentsWrapper .list').html('');
            $('.label').toggleClass('current',false);
            $(this).toggleClass('current',true);
            mui('#pullrefresh').scroll().scrollTo(0,0,100);
            mui('#pullrefresh').pullRefresh().enablePullupToRefresh();
            var order=$(this).data('order');
            $.get(SELF_URI+'item/getEvaluate?isAjax=1',{'pageNum':page,'proId':proId,'order':order},function(res){
                if(AJAX.checkData(res)){
                    if($.trim(res.data['tpl'])!=''){
                        $('#J_CommentsWrapper .list').append(res.data['tpl']);
                        page++;
                        mui('#pullrefresh').pullRefresh().endPullupToRefresh(false);
                    }else{
                        mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
                    }
                    if(res.data['code']==0){
                        mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
                    }
                }
            },'json');
        })

    })
</script>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>