{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="tip">
		  说明:编辑使用文章后,查看客户浏览记录。
		 </div>

		 <div class="top">

		            <div class="num" id="con_1">
		                
		                 <div class="item">
		                    <span>{$actcount}</span>
		                    <h3>文章量</h3>

		                 </div>
		                <div class="item">
		                     <span>{$actfang}</span>
		                    <h3>浏览量</h3>
		                </div>
		                <div class="item">

		                    <span>{$actfang}</span>
		                    <h3>访客量</h3>

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

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

		            <div class="num" id="con_2" style="display: none">
		                
		                 <div class="item">
		                    <span>{$procount}</span>
		                    <h3>项目量</h3>

		                 </div>
		                <div class="item">
		                     <span>{$profang}</span>
		                    <h3>浏览量</h3>
		                </div>
		                <div class="item">

		                    <span>{$profang}</span>
		                    <h3>访客量</h3>

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

		                    <span>{$proshare}</span>
		                    <h3>分享量</h3>
		                </div>
		              
		            </div>
		        <div class="tab">
		          
		          <div class="tabbtn br active" data-type="1">
		             文章访客数据
		          </div>
		          <div class="tabbtn" data-type="2">
		            项目访客数据
		          </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>
	bui.ready(function(){

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

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

		}


	   	$('.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')}