{php $this->template('header')}
	<link rel="stylesheet" href="{$public}css/record/index/index.css?{php echo time()}">
	<div class="bui-page">
		<main id="main">
			


		 <div class="top">

		 			<div class="num" id="con_1">
		                
		                 <div class="item">
		                    <span id="videocount">0</span>
		                    <h3>视频量</h3>
		                 </div>

		                <div class="item">
		                     <span id="videoliu">0</span>
		                    <h3>浏览量</h3>
		                </div>

		                <div class="item">

		                    <span id="videofang">0</span>
		                    <h3>访客量</h3>

		                </div>

		                <div class="item click" data-url="{php echo iurl('shareuser',['type'=>3])}">

		                    <span id="videoshare">0</span>
		                    <h3>分享量</h3>
 
		                </div>
		              
		            </div>

		            <div class="num" id="con_2" style="display: none">
		                
		                 <div class="item">
		                    <span id="actcount">0</span>
		                    <h3>文章量</h3>

		                 </div>
		                <div class="item">
		                     <span id="actliu">0</span>
		                    <h3>浏览量</h3>
		                </div>
		                <div class="item">

		                    <span id="actfang">0</span>
		                    <h3>访客量</h3>

		                </div>
		                <div class="item click" data-url="{php echo iurl('shareuser',['type'=>1])}">

		                    <span id="actshare">0</span>
		                    <h3>分享量</h3>
		                </div>
		              
		            </div>

		            <div class="num" id="con_3" style="display: none">
		                
		                 <div class="item">
		                    <span id="procount">0</span>
		                    <h3>项目量</h3>

		                 </div>
		                <div class="item">
		                     <span id="proliu">0</span>
		                    <h3>浏览量</h3>
		                </div>
		                <div class="item">

		                    <span id="profang">0</span>
		                    <h3>访客量</h3>

		                </div>
		                <div class="item click" data-url="{php echo iurl('shareuser',['type'=>2])}">

		                    <span id="proshare">0</span>
		                    <h3>分享量</h3>
		                </div>
		              
		            </div>
					
					

		        <div class="tab">
		          	 <div class="tabbtn active" data-type="1"> 
			         	视频访客数据 
			        </div>

			        <div class="tabbtn br" data-type="2">
			           	文章访客数据
			        </div>
			        <div class="tabbtn" data-type="3"> 
			          	项目访客数据 
			        </div>
			       

		        </div>
		    

		 </div>


			<div id="scrollList" class="bui-scroll">
				<div class="bui-scroll-head"></div>
				<div class="bui-scroll-main">
					<ul class="bui-list bui-list-thumbnail">
						<!-- <li class="bui-btn bui-box">
			                <div class="yuan" style="background-image: url({php echo user(1,'headimgurl')})"></div>
			                <div class="span1">
								<div class="nickname">
									{php echo user(1,'nickname')} 
									
								</div>
								<div class="address bui-ellipsis-1"> addressaddressaddressaddressaddressaddressaddressaddressaddressaddressaddress </div>
			                </div>
			                <div class="right">
								<div class="ren">355人关注</div>
								<div class="bui-btn mini guanzhu" onclick="lianxi('${el.user.headimgurl}','${el.user.weixin}','${el.user.wxcode}','${el.user.phone}','${el.user.nickname}')"> 联 系 他 </div>
			                </div>
			            </li> -->
					</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>

		 // <div class="tip">
		 //  说明:编辑使用文章后,查看客户浏览记录。
		 // </div>
	bui.ready(function(){

		var uiLoading = bui.loading({
            appendTo:"#main",
            width: 40,
            height: 40
        });
		uiLoading.show();
		uiLoading.text('加载中...');

		$.get("{php echo iurl('fangke')}",function(r){

			var data=r.data;

			$('#actcount').text(data.actcount);
			$('#actfang').text(data.actfang);
			$('#actliu').text(data.actfang);
			$('#actshare').text(data.actshare);
			$('#procount').text(data.procount);
			$('#profang').text(data.profang);
			$('#proliu').text(data.profang);
			$('#proshare').text(data.proshare);
			$('#videocount').text(data.videocount);
			$('#videofang').text(data.videofang);
			$('#videoliu').text(data.videofang);
			$('#videoshare').text(data.videoshare);
			uiLoading.hide();

		})

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

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

		}
        bui.hint({ appendTo:"main", content:"<i class='icon-infofill'></i>编辑使用文章后,查看客户浏览记录！", position:"top" , skin:'warning',  autoClose: true});

	   	$('.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('record/index/index')}",
		        pageSize: 10, 
		        data: {},
		        field: {
		            page: "page",
		            size: "pageSize",
		            data: "data"
		        },
              template: function(data) {
            	var html = "";
            	data.forEach(function(el, index) {
                 	
                 	html += `<li class="bui-btn bui-box">
			                <div class="yuan" style="background-image: url(${el.user.headimgurl})"></div>
			                <div class="span1">
								<div class="nickname">
									${el.user.nickname}
								</div>
								<div class="address bui-ellipsis-1"> ${el.atitle} </div>
			                </div>
			                <div class="right">
								<div class="ren">${el.times}</div>
								<div class="bui-btn mini guanzhu" onclick="lianxi('${el.user.headimgurl}','${el.user.weixin}','${el.user.wxcode}','${el.user.phone}','${el.user.nickname}')"> 联 系 他 </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('bottom')}
{php $this->template('footer')}