{php $this->template('header')}
	<link rel="stylesheet" href="{$public}css/user/index/set.css?{php echo time()}">
	<div class="bui-page">
	  
		<main id="main">
			<div style="padding-bottom: 1.1rem;">
				<div class="headbox">
					<div class="headimg">
						<div class="fontsize"> 头像 </div>
						<div class="right">
							<img src="{if $info['headimgurl']!=''}{$info['headimgurl']}{else}{php echo $public.'img/image.png';}{/if}" onclick="tu(1)" id="headimgurl">
						</div>
					</div>
					<div class="ewm">
						<div class="fontsize"> 微信二维码 </div>
						<div class="right">
							<img src="{if $info['wxcode']!=''}{$info['wxcode']}{else}{php echo $public.'img/image.png';}{/if}" onclick="tu(2)" id="wxcode">
						</div>
					</div>
				</div>
				<div class="infobox">
					<ul class="bui-list">
			            <li class="bui-btn bui-box clearactive">
			                <label class="bui-label" >昵称:</label>
			                <div class="span1">
			                    <div class="bui-input user-input">
			                        <input  type="text" name="nickname" value="{$info['nickname']}" placeholder="请输入您的昵称">
			                    </div>
			                </div>
			            </li>
			          	<li class="bui-btn bui-box clearactive">
			                <label class="bui-label" >姓名:</label>
			                <div class="span1">
			                    <div class="bui-input user-input">
			                        <input  type="text" value="{$info['name']}" name="name" placeholder="请输入您的姓名">
			                    </div>
			                </div>
			            </li>
			            <li class="bui-btn bui-box clearactive">
			                <label class="bui-label" >公司:</label>
			                <div class="span1">
			                    <div class="bui-input user-input">
			                        <input  type="text" value="{$info['company']}" name="company" placeholder="请输入您的公司名称">
			                    </div>
			                </div>
			            </li>
			            <li class="bui-btn bui-box clearactive">
			                <label class="bui-label" >职位:</label>
			                <div class="span1">
			                    <div class="bui-input user-input">
			                        <input  type="text" value="{$info['job']}" name="job" placeholder="请输入您的职位">
			                    </div>
			                </div>
			            </li>
			            <li class="bui-btn bui-box">
							<label class="bui-label">行业</label>
			        		<div id="select" class="bui-select" value="{$info['industry']}">{if $info['industry']==0}请选择您的行业{else} {php echo db('industry')->where('id',$info['industry'])->value('name')} {/if}</div>
						</li>
						<li class="bui-btn bui-box">
			                <label class="bui-label">城市</label>
			                <div id="chooseCity">
			                    <div class="bui-box">
			                        <div class="selected-val" id="province">  </div>
			                        <div class="selected-val" id="city"> </div>
			                        <div class="selected-val" id="district"> </div>
			                    </div>
			                </div>
			            </li>
			            <li class="bui-btn bui-box clearactive">
			                <label class="bui-label" >手机号:</label>
			                <div class="span1">
			                    <div class="bui-input user-input">
			                        <input  type="text" value="{$info['phone']}" name="phone" placeholder="请输入您的手机号">
			                    </div>
			                </div>
			            </li>
			            <li class="bui-btn bui-box clearactive">
			                <label class="bui-label" >微信号:</label>
			                <div class="span1">
			                    <div class="bui-input user-input">
			                        <input  type="text" value="{$info['weixin']}" name="weixin" placeholder="请输入您的微信号">
			                    </div>
			                </div>
			            </li>
			            <li class="bui-btn bui-box clearactive">
			                <label class="bui-label" >Q Q 号:</label>
			                <div class="span1">
			                    <div class="bui-input user-input">
			                        <input  type="text" value="{$info['qq']}" name="qq" placeholder="请输入您的QQ号">
			                    </div>
			                </div>
			            </li>
			          
					</ul>
					<h3 class="section-title">个人简介</h3>
					<ul class="bui-list">
						<li class="bui-btn clearactive">
							<div id="commentContent" class="bui-input">
								<textarea class="bui-input" cols="30" rows="4" placeholder="请输入内容">{$info['motto']}</textarea>
							</div>
						</li>
					</ul>

				

				</div>
				<div class="footer">
					
					<div class="bui-btn ring sub"> 保&nbsp;&nbsp;存&nbsp;&nbsp;设&nbsp;&nbsp;置 </div>

				</div>
				
				<!-- industry -->
					<div class="mask"></div> 
				    <div id="layui-m-layer0" class="layui-m-layer layui-m-layer1" index="0" style="display: none">
				  		<div class="layui-m-layershade"></div>
				  		<div class="layui-m-layermain">
					  		<div class="layui-m-layersection">
					  			<div class="layui-m-layerchild  layui-m-anim-up" style="position:fixed; left:0; top:0; width:100%; height:100%; border: none; -webkit-animation-duration: .5s; animation-duration: .5s;background: #ffffff;z-index: 1000">
						  			<div class="layui-m-layercont" style="overflow: auto;height: 100%;">
										<div style="padding: 6px;font-size: 12px;color: #ff6600;background: #fff;position: relative;">点击下方即可选择行业 
											<div style="position: absolute;right: 6px;top: 6px;" onclick="col()">
												<i class="icon-close"></i>
											</div> 
										</div>


										<div class="bui-dialog-main" style="height: 100%">

											<div class="bui-list bui-list-select">
												{loop $industry $k $v}			
												<div class="bui-btn bui-btn-line bui-box industry" data-id="{$v['id']}">
													<div class="span1">{$v['name']}</div>
													<input type="radio" name="test" class="bui-choose {if $v['id']==$info['industry']} active{/if}" value="{$v['id']}">
												</div>
												{/loop}
 
											</div>

										</div>


									</div>
								</div>
							</div>
						</div>
					</div>
				<!-- END_industry -->



				
	        </div>
		</main>


	</div>


<script>
	bui.ready(function(){
		var comment = bui.input({
		        id: "#commentContent",
		        showLength: true,
		        showIcon: false,
		        maxLength: 500
		    })

		var citySelect = null;
		loader.import("{$public}js/city.js?time={php echo time()}", function() {

		    // 普通初始化
		    citySelect = bui.levelselect({
		        data: citys,
		        title: "所在地区",
		        log: true,
		        placeholder:'请选择您的城市',
		        value:["{$info['province']}","{$info['city']}","{$info['district']}"],
		        trigger: ".selected-val",
		        level: 3,
		        field: {
		            name: "n",
		            data: ["c", "a"],
		        }
		    })

		})

		$("#chooseCity").on("click", function() {
		    citySelect.show();
		})
		window.col=function(){

			$('#layui-m-layer0').hide();

		}
		$(document).on('click','.industry',function(){
		
			var t=$(this);
			t.find('input').addClass('active').parents('.industry').siblings('div').find('input').removeClass('active');
			var text=t.find('div').text();
			var id=t.data('id');
			$('#select').attr('value',id).text(text);
			$('#layui-m-layer0').hide();

		})

		$(document).on('click','#select',function(r){

			$('#layui-m-layer0').show();

		})


	   	if (bui.platform.isIos()) {
	        $("main").on("scroll", function() {
	            $('input').toggleClass('focus-fixed');
	        })
	    }
	   	
	    $('.sub').on('click',function(){

	    	var data={};
	    	var inp=['nickname','name','company','job','phone','weixin','qq'];
	    	for (var i = 0; i < inp.length; i++) {
	    		
	    		data[inp[i]]=$('input[name='+[inp[i]]+']').val();
	    	}
	    	data.province=$('#province').text()?$('#province').text():'';
	    	data.city=$('#city').text()?$('#city').text():''; 
	    	data.district=$('#district').text()?$('#district').text():'';
	    	data.industry=$('#select').attr('value')?$('#select').attr('value'):'0';
	    	data.motto=$('textarea').val()?$('textarea').val():"";
	    	data.headimgurl=$("#headimgurl").attr('src');
	    	data.wxcode=$('#wxcode').attr('src');
	    	// console.log(data);return ;
	    	$.post('',data,function(r){

	    		if (r.code) {

	    			msg(r.msg,2);
	    			setTimeout(function(){
	    				window.location.href=document.referrer;
	    			},2000);
	    		}


	    	})

	    	
	    })



	})



	function tu(i){

            var uiLoading = bui.loading({
	            appendTo:"body",
	            width: 40,
	            height: 40,
	            
	        });
		   my.upimg((isapp?2:1),1,uiLoading,function(r){

		   	 if (i==1) {$('#headimgurl').attr('src',r[0]);}
	         if (i==2) {$('#wxcode').attr('src',r[0]);}

	           uiLoading.hide();


		   })


	}


</script>