{php $this->template('header')}
	<link rel="stylesheet" href="{$public}css/record/index/index.css?{php echo time()}">
	<style>
      .top .num .item h3 {
   color: #888
}.top .num .item span { color: #f9342a;font-size: 0.32rem }
.uface{ border-radius: 50%; }
.ubox{ border:none;padding-bottom: 0.1rem; }
.uname{ padding-left: 0.1rem!important;font-size: 0.26rem; color: #777 }
.fkbox{ border-bottom: 1px solid #f2f2f2 }
.zuopin{ padding: 0.1rem 0.3rem }
.rbtn{ width: 1.4rem; margin-left: 0.1rem;}
.rbtn .mini{ border-radius: 0.06rem; }
.bui-list .icon img {
   
    height: 100%;
}
	</style>
	<div class="bui-page">
		<main id="main">
			
          <ul class="bui-listview">
            <li>
                <div class="bui-btn bui-box-align-top">
                    <div class="bui-icon primary">
                        <img src="{$video['img']}" alt="">
                    </div>
                    <div class="span1">
                      
                        <p class="item-text">{$video['title']}</p>
                    </div>
                   
                </div>
           </li>
           

		</ul>
         <div class="title"></div>
		 <div class="top">

		            <div class="num" id="con_1">
		                
		                
		                <div class="item getlst" data-type="1">
		                     <span>{$video['eye']}</span>
		                     <h3>浏览量</h3>
		                </div>
		                <div class="item getlst" data-type="2">

		                    <span>{$video['zan']}</span>
		                    <h3>点赞量</h3>

		                </div>
		                <div class="item getlst" data-type="3">

		                    <span>{$s}</span>
		                    <h3>分享量</h3>
		                 </div>
		              
		            </div>

		            
		    </div>


			<div id="scrollList" class="bui-scroll">
				<div class="bui-scroll-head"></div>
				<div class="bui-scroll-main">
					<ul class="bui-list">
						
					</ul>
				</div>
				<div class="bui-scroll-foot"></div>
			</div>


	        
		</main>
	  </div>
		<div id="infos" class="dsnone">	
				<div id="box">
				       <div id="user">
				            
				            <div class="face">
				              <img src="" id="face">
				            
				            </div>
				            <div class="name" id="name"></div>
				            <div class="tips">
				              您可以通过以下方式联系TA哦~
				             </div>

				             <div class="lianxi aui-row">
				                 
				                 <div class="aui-col-xs-6 item">
									<img src="{$public}/img/wx.png" style="width: 40px" >
				                    <div class="hao" id="weixin"></div>
				                    <div id="tihuan">
				                    <div class="layui-btn layui-btn-xs ewm"  tapmode onclick="chakan()" data-ewm="">查看二维码</div>
				                    </div>
				                 </div>
				                 <div class="aui-col-xs-6 item">
				                 	<img src="{$public}/img/phone.png" style="width: 40px" >
				                     <div class="hao" id="phone"></div>
				                     <a class="layui-btn layui-btn-xs" tapmode id="tell" >拨打电话</a>
				                 </div>
				             </div>

				             <div class="tips" style="margin-top:10px;">*温馨提示:请谨慎甄别。</div>

				        </div>

				          <div class="close" tapmode onClick="gb()">
				        
				          </div>

				   </div>


			</div>
			<div class="dsnone" id="mengban2"></div>


              <div class="boxes dsnone">
             	<div class="img_box text-c">
	                <div class="img">
	                  <img src="" id="wxcode" />
	                </div>
	                <span>长按上面二维码识别</span>
                </div>
                 <div class="close " tapmode onClick="gb()"> </div>
              </div>

<script>
    var cate=0;

	function type(t){
	 
	 if(t==0||t==1){
	 	return '浏览';
	 }
	 if(t==2){
	 	return '赞';
	 }
	 if(t==3){
	 	return '分享';
	 }

	}
	bui.ready(function(){
		var vip="{php echo $this->vip}";
		if(vip!=1){

			$('#vip_box').show();

		}
	
               $('.getlst').click(function(){

                    cate=$(this).data('type');

                    uiList.empty();
	                uiList.init({
	                    page: 1,
	                    data:{cate:cate}
	                   
	                });
               })

			   	$('.tabbtn').on('click',function(){

			   		if($(this).hasClass('active')){
				        return false;
				     }
				    var type=$(this).data('type');
				    $(this).addClass('active').siblings().removeClass('active');
				    $('#con_'+type).show().siblings('.num').hide();
				    if( uiList ){
			            uiList.empty();
			            uiList.init({
			                page: 1,
			                data: {
			                	type:type
			                }
			            });
			        }

			   	});

	   	    	var uiList = bui.list({
		        id: "#scrollList",
		        url: "{php echo iurl('item',['id'=>$get['id']])}",
		        pageSize: 10, 
		        data: {cate:cate},
		        field: {
		            page: "page",
		            size: "pageSize",
		            data: "data"
		        },
              template: function(data) {
            	var html = "";
            	data.forEach(function(el, index) {
                 	
                 	html += `<li class="fkbox">
							<div class="bui-btn bui-box ubox">
				                <div class="icon"><img src="${el.headimgurl}" class="uface"></div>
				                <div class="span1 uname">${el.nickname}</div>
				                <div class="item-text">${el.times} `+type(el.type)+`了该作品</div>
				                <div class="rbtn"><div class="bui-btn mini danger" onclick="lianxi('${el.user.headimgurl}','${el.user.weixin}','${el.user.wxcode}','${el.user.phone}','${el.user.nickname}')">联系TA</div></div>
				             </div>
	                        
			                
			            </li>`
                    
                  	});
            		if (html=='') {

            			html=	`<div class="img" id="kongkong">
									<img src="{$public}img/empty.png">
									<p>空空如也...</p>
								</div>`;
            			
            		}
            		 
                  	return html;
              	}
          	});

    		window.lianxi=function(img,weixin,wxcode,phone,name){
    		  if (wxcode=='') {

    				wxcode="{php echo config('kefuewm')}";

    			}
    			var str=`<div class="layui-btn layui-btn-xs ewm"  tapmode onclick="chakan('`+wxcode+`')">查看二维码</div>`;
        		$('#infos').removeClass('dsnone');
				$('#mengban2').removeClass('dsnone')
				$('#name').text(name);
				$('#phone').text(phone);
				$('#weixin').text(weixin);
				$('#face').attr('src',img);
				$('#tell').attr('href','tel:'+phone);
 				$('#tihuan').html(str)
    		}

    		window.gb=function(){

    			$('#infos').addClass('dsnone');
				$('#mengban2').addClass('dsnone');
				$('.boxes').addClass('dsnone')

    		}

    		window.chakan=function(wxcode){
    			$('#infos').addClass('dsnone');
    			$('#mengban2').removeClass('dsnone')
    			$('#wxcode').attr('src',wxcode);
    			$('.boxes').removeClass('dsnone')
    		}

	   
	   

	})

</script>


{php $this->template('footer')}