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

  <link rel="stylesheet" href="{$public}css/photo/user/index.css?{php echo time()}">
<style>
    
</style>

  	{php echo share($user['nickname'].的相册,$user['headimgurl'],快来看下我的个人风采吧！！)}
<div class="bui-page  page-comment">
	
    <main>


            <div class="user-wrap">
				<div class="cover-img bgauto" style="background-image: url({if $user['backimage']==''}{php echo db('indexad')->where(['sid'=>sid(),'type'=>1])->value('image')}{else}{$user['backimage']}{/if})" {if $uid==$this->user['id']} onclick="tu(1)" {/if}></div>
				<div class="userinfo bui-box">
					<div class="nickname">{$user['nickname']}</div>
					<div class="userface"><img src="{$user['headimgurl']}" alt=""></div>
				</div>
			</div> 

	        <div id="scrollList" class="bui-scroll">
	        	<div class="img" id="kongkong" style="display: none;">
					<img src="{$public}img/empty.png">
					<p>这家伙很懒竟然什么也没留下...</p>
				</div>
				<div class="bui-scroll-head"></div>
				<div class="bui-scroll-main">
					<ul class="bui-list bui-list-thumbnail">
						
							<!-- <div class="comment-line">
				                <div class="bui-box">
				                    <div class="thumbnail"><img src="{$user['headimgurl']}" alt=""></div>
				                    <div class="span1">
				                        <div class="bui-box">
				                            <div class="span1">
				                                <h3 class="item-title">{$user['nickname']}</h3>
				                            </div>
				                        </div>
				                        <div class="item-text bui-box-text-hide comment-content">
				                        	我已查阅, 谢谢提问.你好，我想问一下，我在酉阳县城买了房子，按揭房，有购房合同，但现在房子还未交房，因为以前把户口迁到了新疆，现在想把户口迁回来。这种情况，你好，我想问一下，我在酉阳县城买了房子，按揭房，有购房合同，但现在房子还未交房，因为以前把户口迁到了新疆，现在想把户口迁回来。这种情况，
				                        </div>
										<div class="bui-box-space container-full">
											<div class="span1">
												<img src="http://www.easybui.com/demo/images/list-img1.png" alt="" data-group="a" re>
											</div>
											<div class="span1">
												<img src="http://www.easybui.com/demo/images/list-img2.png" alt="" data-group="a">
											</div>
											<div class="span1">
												<img src="http://www.easybui.com/demo/images/list-img1.png" alt="" data-group="a">
											</div>
										</div>
				                        <div class="bui-box">
				                            <div class="span1 text-r">
				                                <span class="time">11-01 11:00</span>
				                            </div>
				                        </div>
				                    </div>
				                </div>
			              	</div> -->

					</ul>
				</div>
				<div class="bui-scroll-foot"></div>
			</div>
				



	
  
         
    </main>
  
</div>


<!-- 焦点图弹窗 -->


<script>


    bui.ready(function(){

	    var uiList = bui.list({
	        id: "#scrollList",
	        url: "{php echo iurl('photo/user/index')}&uid={$uid}",
	        pageSize: 10,
	        data: {},
	        field: {
	            page: "page",
	            size: "pageSize",
	            data: "data"
	        },
	        template: function(data) {
	            var html = "";
	            data.forEach(function(el, index) {
	            	
	                html += `<li>
							<div class="comment-line">
				                <div class="bui-box">
				                    <div class="thumbnail"><img src="{$user['headimgurl']}" alt=""></div>
				                    <div class="span1">
				                        <div class="bui-box">
				                            <div class="span1">
				                                <h3 class="item-title">{$user['nickname']}</h3>
				                            </div>
				                           
				                        </div>
				                        <div class="item-text bui-box-text-hide comment-content">
				                        	${el.content}
				                        </div>
				                        <div class="img_box ">
											`+imgs(`${el.imgs}`,`${el.id}`)+`
					                    </div>
				                    </div>
				                   
				                </div>

			              	</div>
			              	
						</li>

						

	                `;
	            });

	            if (html=='') {

	            	return $('#kongkong').show().siblings().hide();
	            }

	            return html;
	        }
	    });
	    window.imgs=function (str,id){


    		var img=str.split(',');
    		
    		var html='';
    		for (var i = 0; i <img.length; i++) {
    			
    			html+=`<div class="image_box" onclick="chakan(`+id+`)">
						<div class="img bgauto" style="background-image: url(`+img[i]+`)" >
						</div>
					</div>`;

    		}
    		return html;
    	};

    	window.tu=function(i){
	     	wx.chooseImage({ 
	        count: 1, 
	        sizeType: ['compressed'],
	        success: function (_selected) {

	           	if( _selected.localIds.length == 0 ){
	               	return;
	           	}

	           	wx.uploadImage({ 
	               localId: _selected.localIds[0],
	               success: function (_resp) {
	                   $.ajax({
	                       url: "{php echo iurl('common/upload/img');}", 
	                       type: 'POST',
	                       data: {media_id: _resp.serverId}, 
	                       cache: false,
	                       success: function(_resu){
	                           	if( _resu.status == 0 ){
	                           	    return _reject(_resu.msg);
	                           	}
	                           	var imgurl=_resu.data.url;
	                           	
	                          	$.post("{php echo iurl('user/index/userphoto')}",{image:imgurl},function(r){

	                          		if (r.code) {
	                          			$('.cover-img').css('background-image',"url("+imgurl+")");
	                          			return msg('修改成功',2);
	                          		}

	                          		return msg('修改失败',2);

	                          	})

	                       },
	                       error: function(){
	                           _reject('上传失败!');
	                       }
	                   });
	               }
	           	}); 

	        }	
	    	});
        };

       

        window.chakan=function(id){

        	var url="{php echo iurl('photo/index/chakan')}&id="+id;

        	$.get(url,function(r){

        		wx.previewImage({
						current: 'www',
						urls: r.data
					});
        			


        	})

        	

        	
        };

    })

 
</script>

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