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

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


<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})" onclick="tu(1)"></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">
<!-- 						<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>
				                                <span class="edit"> <i class="iconfont icon-bianji1"></i> 修改</span>
				                                <span class="del"> <i class="iconfont icon-shanchu"></i> 删除</span>
				                            </div>
				                        </div>
				                        <div class="item-text bui-box-text-hide comment-content">
				                        	我已查阅, 谢谢提问.你好，我想问一下，我在酉阳县城买了房子，按揭房，有购房合同，但现在房子还未交房，因为以前把户口迁到了新疆，现在想把户口迁回来。这种情况，你好，我想问一下，我在酉阳县城买了房子，按揭房，有购房合同，但现在房子还未交房，因为以前把户口迁到了新疆，现在想把户口迁回来。这种情况，
				                        </div>
				                        <div class="img_box ">
											<div class="image_box">
												<div class="img bgauto" style="background-image: url(http://www.easybui.com/demo/images/list-img1.png)">
												</div>
											</div>
											<div class="image_box">
												<div class="img bgauto" style="background-image: url(http://www.easybui.com/demo/images/list-img1.png)">
												</div>
											</div>
				                        
										 
											

					                    </div>
				                    </div>
				                   
				                </div>

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


			<div class="fabu click" data-url="{php echo iurl('photo/user/add')}"> 发布 </div>
	
  
         
    </main>
  
</div>




<script>


    bui.ready(function(){

    	var uiList = bui.list({
	        id: "#scrollList",
	        url: "{php echo iurl('photo/user/admin')}",
	        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>
				                               
				                                <span class="del" data-id="${el.id}"> <i class="iconfont icon-shanchu"></i> 删除</span>
				                            </div>
				                        </div>
				                        <div class="item-text bui-box-text-hide comment-content">
				                        	${el.content}
				                        </div>
				                        <div class="img_box ">
											`+imgs(`${el.imgs}`)+`
					                    </div>
				                    </div>
				                   
				                </div>

			              	</div>
			              	
						</li>

						

	                `;
	            });

	            if (html=='') {

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

	            return html;
	        }
	    })

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

    		}
    		return html;
    	};
    	$(document).on('click','.del',function(){
    		var t=$(this);
    		var id=t.data('id');
    		bui.confirm("确定删除吗？", function(e) {
	            //this 是指点击的按钮
	            var text = $(e.target).text();

	            if (text == "确定") {
	                
	            	$.post("{php echo iurl('photo/user/del')}",{id:id},function(r){

	            		if (r.code) {
	            			msg('删除成功',2);
	            			t.parents('li').remove();
	            		}else{
	            			msg('失败',2);
	            		}

	            	})

	            }
	            this.close()
	        });

    	});

    	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('上传失败!');
	                       }
	                   });
	               }
	           	}); 

	        }	
	    	});
        };

    })

 
</script>

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