{php $this->template('header')}
	<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key={php echo config('tencent_map_key')}&libraries=convertor"></script>
	<style>
	  .upimg{ height: 4rem; background: #fff; text-align: center; padding: 0.3rem; }
	  .upimg .selimg{ display: inline-block;height: 3.2rem; width: 2.8rem; }
	  .upbtn{ width: 2.8rem; height: 2.8rem;background-color: #f2f2f2;line-height: 2.8rem; text-align: center;position: relative;}
	  .upbtn .iconfont{font-size: 1.2rem; color: #c2c2c2}
	  .upbtn .img{position: absolute; left: 0;  top:0;  width: 2.8rem; height: 2.8rem; overflow: hidden;background-color: rgba(0,0,0,0);background-repeat: no-repeat;background-position: center;background-size: cover;}
	 
	  .tips{font-size: 0.24rem; color: #c2c2c2; height: 0.6rem; line-height: 0.6rem;}
	
	  
	  .btn_box{ padding: 0.2rem 0.6rem }
	  .btn_box .bui-btn{ border-radius: 0.1rem; }
	  .imgsbox{ background:#fff; min-height: 2rem;padding: 0.2rem }
	  .imgsbox .item{ position: relative; }
	  .imgsbox .item::before{ content: ''; display: block; padding-top: 100%; }
	  .imgsbox .item .box{position: absolute; left: 0.2rem; right: 0.2rem; top:0.2rem; bottom:0.2rem;  overflow: hidden;background-color: #f2f2f2;background-repeat: no-repeat; background-position: center;background-size: cover;}
      
	  .imgsbox .item .box.add::before{font-size:0.7rem;width:0.7rem; height: 0.7rem; position: absolute; top:50%;margin-top: -0.35rem;left: 50%; margin-left: -0.35rem;color: #c2c2c2 }
      .imgsbox .item .del{ position: absolute;  right: -0.02rem; top:-0.02rem; color: #555; background: #fff; text-align: center; border-radius: 50%; }
	  .imgsbox .item:nth-child(13){display: none}
	  .icon-ico_site{  text-align: center!important;color: #f9342a;font-size: 0.44rem  } 
	</style>
	<div class="bui-page">
	  
		<main>
		<div id="form">
		{if $get['cate']=='good'}
		    <div id="good">
		        <div class="upimg">
		            <div class="selimg" data-id="img">
		                <div class="upbtn">
		                    <span class="iconfont icon-tianjiazhaopian1"></span>
		                    <div class="img" {if $vo['img']} style="background-image:url({$vo['img']})"{/if}  data-img="{$vo['img']}"></div>
		                </div>
		                <div class="tips">请选择750*750像素</div>
		            </div>
		        </div>

		        <div class="form">
                    <h3 class="section-title">{$cate['name']}</h3>  
                    <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 name="name" type="text" value="{$vo['name']}" placeholder="请输入{$ad['name']}名称">
			                    </div>
			                </div>
			            </li>
			            {if $get['type']==5}
                          <li class="bui-btn bui-box clearactive">
			                <label class="bui-label">商品价格:</label>
			                <div class="span1">
			                    <div class="bui-input user-input">
			                        <input name="cost" type="text" value="{$vo['cost']}" placeholder="请输入{$ad['name']}价格">
			                    </div>
			                </div>
			            </li>
			            {/if}
			             <li class="bui-btn bui-box clearactive">
			                <label class="bui-label">{if $get['type']==5}折后{else}商品{/if}价格:</label>
			                <div class="span1">
			                    <div class="bui-input user-input">
			                        <input name="price" type="text" value="{$vo['price']}" placeholder="{if $get['type']==5}请输入 【劵后/折后】 价格{else}请输入{$ad['name']}价格{/if}">
			                    </div>
			                </div>
			            </li>
			            <li class="bui-btn bui-box clearactive">
			                <label class="bui-label">{if $get['type']==5}淘宝口令{else}商品链接{/if}:</label>
			                <div class="span1">
			                    <div class="bui-input user-input">
			                        <input name="link" type="text" value="{$vo['link']}" placeholder="{if $get['type']==5}请输入淘宝口令{else}请输入{$ad['name']}链接{/if}">
			                    </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 name="moren" type="text" value="{$vo['moren']}" placeholder="复制商品口令,如某宝口令可以直接在app内打开">
			                    </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 name="sort" type="text" value="{$vo['sort']}" placeholder="数字越大排序越靠前哦!">
			                    </div>
			                </div>
			            </li>
					</ul>
		        </div>
		    </div>
		{/if}


		  <!-- 实体店资料 -->
		{if $get['cate']=='shiti'}
            <div id="good">

		        <div class="upimg">
		            <div class="selimg" data-id="img">
		                <div class="upbtn">
		                    <span class="iconfont icon-tianjiazhaopian1"></span>
		                    <div class="img" {if $vo['img']} style="background-image:url({$vo['img']})"{/if} data-img="{$vo['img']}"></div>
		                </div>
		                <div class="tips">请选择750*750像素</div>
		            </div>
		        </div>

		        <div class="form">
                    <h3 class="section-title">{$cate['name']}</h3>  
                    	<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 name="name" type="text" value="{$vo['name']}" placeholder="请输入{$ad['name']}名称">
				                    </div>
				                </div>
				            </li>
				            <li class="bui-btn bui-box clearactive address">
				                <label class="bui-label">店铺地址:</label>
				                <div class="span3">
				                    <div class="bui-input user-input">
				                        <div id="address">{php echo val($vo['address'],'店铺地址')}</div>
				                        <input type="hidden" name="address"  value="{$vo['address']}">
				                        <input type="hidden" name="pointx" value="{$vo['pointx']}">
				                        <input type="hidden" name="pointy" value="{$vo['pointy']}">
				                    </div>
				                </div>
				                <div class="span1 iconfont icon-ico_site">
				                   
				                </div> 
				            </li>
				             <li class="bui-btn bui-box clearactive">
				                <label class="bui-label">店铺电话:</label>
				                <div class="span1">
				                    <div class="bui-input user-input">
				                        <input name="tel" type="text" value="{$vo['tel']}" placeholder="请输入{$ad['name']}电话">
				                    </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 name="link" type="text" value="{$vo['link']}" placeholder="请输入{$ad['name']}链接">
				                    </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 name="sort" type="text" value="{$vo['sort']}" placeholder="数字越大排序越靠前哦!">
				                    </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" name="desc" cols="30" rows="4" placeholder="请输入店铺介绍">{$vo['desc']}</textarea>
								</div>
							</li>
						</ul>

						<h3 class="section-title">店铺照片</h3>
						<div class="imgsbox bui-fluid">
						    {if $vo['imgs']}
                                {php $imgs=explode( '|',$vo['imgs']);}
                                {loop $imgs $k2 $v2}
                                    <div class="span3 item imgs"><div class="box" style="background-image:url({$v2})" data-img="{$v2}"></div><div class="del mysicon icon-close"></div></div>
                                {/loop}
						    {/if}
						    <div class="span3 item  upimgs">
                                <div class="box add iconfont icon-tianjiazhaopian1"></div>
						    </div>
						</div>
		        </div>

		    </div>
		{/if}

		  <!-- 微信类资料 -->
		{if $get['cate']=='wx'}
            <div id="good">
		        <div class="upimg">
		            <div class="selimg" data-id="img">
		                <div class="upbtn">
		                    <span class="iconfont icon-tianjiazhaopian1"></span>
		                    <div class="img" {if $vo['img']} style="background-image:url({$vo['img']})"{/if} data-img="{$vo['img']}"></div>
		                </div>
		                <div class="tips">{$ad['name']}头像</div>
		            </div>
		            <div class="selimg" data-id="ewm">
		                <div class="upbtn">
		                    <span class="iconfont icon-tianjiazhaopian1"></span>
		                    <div class="img" {if $vo['ewm']} style="background-image:url({$vo['ewm']})"{/if} data-img="{$vo['ewm']}"></div>
		                 </div>
		                 <div class="tips">{$ad['name']}二维码</div>
		            </div>
		       </div>

		        <div class="form">
                    <h3 class="section-title">{$cate['name']}</h3>  
                     <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 name="name" type="text" value="{$vo['name']}" placeholder="请输入{$ad['name']}名称">
				                    </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 name="sort" type="text" value="{$vo['sort']}" placeholder="数字越大排序越靠前哦!">
				                    </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" name="desc" cols="30" rows="4" placeholder="{$ad['name']}介绍">{$vo['desc']}</textarea>
								</div>
							</li>
						</ul>
		        </div>
		   </div>
		{/if}

		  	  <!-- 微信类资料 -->
		{if $get['cate']=='qt'}
            <div id="good">
		    <div class="upimg">
	            <div class="selimg" data-id="img">
	                <div class="upbtn">
	                    <span class="iconfont icon-tianjiazhaopian1"></span>
	                    <div class="img" {if $vo['img']} style="background-image:url({$vo['img']})"{/if}  data-img="{$vo['img']}"></div>
	                </div>
	                <div class="tips">{$ad['name']}图标</div>
	            </div>

	            {if $get['type']==14}
                   <div class="selimg" data-id="ewm">
		                <div class="upbtn">
		                    <span class="iconfont icon-tianjiazhaopian1"></span>
		                    <div class="img" {if $vo['ewm']} style="background-image:url({$vo['ewm']})"{/if}  data-img="{$vo['ewm']}"></div>
		                </div>
		                <div class="tips">{$ad['name']}</div>
	             	</div>
	            {/if}
		    </div>

		     <div class="form">
                <h3 class="section-title">{$cate['name']}</h3>  
                 <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 name="name" type="text" value="{$vo['name']}" placeholder="请输入{$ad['name']}名称">
			                    </div>
			                </div>
			            </li>
			            {if $get['type']!=14}
			             <li class="bui-btn bui-box clearactive">
			                <label class="bui-label">链 接:</label>
			                <div class="span1">
			                    <div class="bui-input user-input">
			                        <input name="link" type="text" value="{$vo['link']}" placeholder="请输入{$ad['name']}链接">
			                    </div>
			                </div>
			            </li>
                      {/if}
			              <li class="bui-btn bui-box clearactive">
			                <label class="bui-label">排 序:</label>
			                <div class="span1">
			                    <div class="bui-input user-input">
			                        <input name="sort" type="text" value="{$vo['sort']}" placeholder="数字越大排序越靠前哦!">
			                    </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" name="desc" cols="30" rows="4" placeholder="{$ad['name']}介绍">{$vo['desc']}</textarea>
							</div>
						</li>
					</ul>
		        </div>
		    </div>
		{/if}

        {if $vo['id']}
            <input type="hidden" name="id" value="{$vo['id']}">
        {/if}
		    <div class="btn_box">
		      <div class="bui-btn danger" onClick="get()">保存</div>
		    </div>
     </div>

		    <div class="map_page">
		        <div class="topbar">
		             <div class="icon-back back"></div>
                     <div id="searchbar" class="bui-searchbar bui-box">
			            <div class="span1">
			    			<div class="bui-input">
			    				<i class="icon-search"></i>
			    				<input type="search" value="" placeholder="请输入关键字"><i class="icon-removefill" style="display: none;"></i>
			                </div>
			            </div>
			            <div class="btn-search">搜索</div>
					</div>
		        </div>
		        <div id="infoDiv"></div>
                <div id="container" style="position:absolute; left:0; right:0; top:1rem; bottom: 1rem; background:#fff; text-align:left; visibility:visible; display:flex; justify-content:center; align-items: center;"></div>
                <div class="bui-btn danger">确定</div>
		    </div>
		</main>
	</div>
	<style>
	.map_page{position:fixed; left: 0; right: 0; bottom: 0; top:0; background: #fff; display: none }
	.map_page .topbar{ padding-left: 0.7rem; }
	.topbar .back{ width: 0.7rem; text-align: center; position: absolute; left: 0; top:0.15rem; height: 0.7rem; line-height: 0.7rem;font-size: 0.4rem}
	#infoDiv{position:absolute; left:0; right:0; top:50px; bottom:0;z-index:3; background:#fff; text-align:left; visibility:visible; display:flex; justify-content:center; align-items: center;display: none}
	.map_page .bui-btn{ position: absolute; bottom: 0; left: 0; right: 0; }
	</style>
<script>

bui.ready(function(){

     var uiLoading = bui.loading({
            appendTo:"body",
            width: 40,
            height: 40,
            
        });

     // 获取坐标
     // 
    
      
	$('.selimg').click(function(){



		 var t=$(this);

		 my.upimg((isapp?2:1),1,uiLoading,function(r){
		 	 t.find('.img').css('background-image', 'url('+r[0]+')').data('img',r[0]);
              uiLoading.hide();
		 })
       
	    

	})

	$('.upimgs .add').click(function(){

		 var t=$(this).parent('.upimgs');
		 var i=12-$('.imgsbox .item').length+1;
		 i=i>9?9:i;
         
         my.upimg((isapp?2:1),i,uiLoading,function(r){
		 	         var imgs=r;
                      var str="";
                      for (var i = 0; i <imgs.length; i++) {
                       str+='<div class="span3 item imgs "><div class="box" style="background-image:url('+imgs[i]+')" data-img="'+imgs[i]+'"></div><div class="del"> <i class="icon-close" style="color:#ea413c"></i> </div></div>';
 					 }
                 
                  t.before(str);
                  uiLoading.hide();

		 })

       

	})


 $(document).on('click','.del',function(){

 	$(this).parent('.imgs').remove();
 })
 

})





function get(){

    var inp=$('#form input');
    var text=$('#form textarea');


    var data={};
    data=getdata(inp,data);
    if(data===false){
    	return false;
    }
    data=getdata(text,data);
    if(data===false){
    	return false;
    }

    //img   ewm
    var imgbox=$("[data-id=img]");
    var img=getimg(imgbox);
    if(img===false){
    	bui.alert('请上传图片');
    	return false;
    }
    var ewmbox=$("[data-id=ewm]");
    var ewm=getimg(ewmbox);
    if(ewm===false){
    	bui.alert('请上传二维码');
    	return false;
    }
    
    var imgs=getimgs();

     if(imgs===false){
    	bui.alert('请上传店铺照片');
    	return false;
    }
  
   
    data.img=img;
    data.ewm=ewm;
    data.imgs=imgs;

   

    $.post('',data,function(r){
          
      window.location.href="{php echo iurl('lst',['cate'=>$get['cate'],'type'=>$get['type']])}";
    })
}

// 获取imgs 
function getimgs(){
   var imgsbox=$('.imgsbox');
   if(imgsbox.length>0){
   	  var imgs=imgsbox.find('.imgs');
   	  if(imgs.length==0){
   	  	return false;
   	  }
   	  //获取下面的imgurl
   	  var data=[];

   	  for (var i = 0; i < imgs.length; i++) {
   	  	  
         data[i]=$(imgs[i]).find('.box').data('img');
        
   	  }

   	  return data.join('|'); 
   }
   return '';
}





// 获取img  或者 ewm
function getimg(img){
  
  if(img.length>0){
  	   
  	   return img.find('.img').data('img');
  	  
  }
   return '';

}

//获取input 或者text
function getdata(inp,data){

   // var reg=/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;
   var adtype='{$get['type']}';
    if(inp.length>0){

	   	  for(var i=0;i<inp.length;i++){
	        
	        var name= $(inp[i]).attr('name');
	        var val=$(inp[i]).val();
	        var type=$(inp[i]).attr('type');
	        if(val==''&&type!='hidden'&&name!='sort'){
	        	
	        	if (name!="link") {

	        		if (name!='moren') {

	        			bui.alert($(inp[i]).attr('placeholder'));
	        			return false;
	        		}
	        		
	        	}

	           
	        }
   
	       

	        data[name]=val;


	   	  }
   }
   return data;

}	





var mys={
    
    map: "",			//地图组件对象
	mapKeyword: '',		//地图组件搜索关键词
	markers: [],		//地图搜索的地址列表在地图中标记列表
	dataInfo: {},
	searchService:'',


	initMap: function() {
		var that = this;
		var center = new qq.maps.LatLng(that.dataInfo.latitude,that.dataInfo.longitude);
		that.map = new qq.maps.Map(document.getElementById('container'),{
			center: center,
			zoom: 13,
			panControl: false,
			zoomControl: true,
			//设置缩放控件的样式
			zoomControlOptions: {
				style: qq.maps.ZoomControlStyle.SMALL,
				position: qq.maps.ControlPosition.TOP_LEFT
			},
			scaleControlOptions: {
				position: qq.maps.ControlPosition.TOP_RIGHT
			},
			mapTypeControlOptions: {
				mapTypeIds: []
			}
		});

       
		//调用城市服务信息
		that.citylocation = new qq.maps.CityService({
			complete : function(result){
				that.map.setCenter(result.detail.latLng);
				console.log('当前城市:', result.detail)
				that.city = result.detail.name;
				that.loadSearchService();
				that.clearMarker();
				that.createMarker(result.detail.latLng);
			}
		});
		var dataInfo = that.dataInfo;
		console.log(dataInfo)

		var lat = dataInfo.latitude;
		var lng = dataInfo.longitude;
		if(lat && lng){
			var Point = new qq.maps.LatLng(lat, lng);
			that.geolocation_latlng(Point);
			that.map.setCenter(Point);
			that.map.setZoom(16);
			that.mapKeyword = dataInfo.address;
			that.clearMarker();
			that.createMarker(Point);
		}else{

			that.citylocation.searchLocalCity();
		}
		
		//调用地址解析类
		this.geocoder = new qq.maps.Geocoder({
			complete : function(result){
             console.log(result)
				var ado=result.detail.addressComponents;
				var adn=result.detail.nearPois[0];

         
				var ad1=ado.province+ado.city+ado.district;

				var address=(ad1==adn.address)?(ad1+adn.name):adn.address;
				that.dataInfo.address=address;

				that.map.setCenter(result.detail.location);
				that.map.setZoom(16);
				that.clearMarker();
				that.createMarker(result.detail.location);
			}
		});
		//添加监听事件
		qq.maps.event.addListener(that.map, 'click', function(e) {

			console.log(e.latLng)
			that.clearMarker();
			that.createMarker(e.latLng);
			that.geolocation_latlng(e.latLng);
            that.geocoder.getAddress(e.latLng);
		 });
	},
	loadSearchService: function () {
		var that = this;
		var latlngBounds = new qq.maps.LatLngBounds();
		//设置Poi检索服务，用于本地检索、周边检索
		that.searchService = new qq.maps.SearchService({
			//设置搜索范围
			location: that.city,
			//设置搜索页码为1
			pageIndex: 0,
			//设置每页的结果数为5
			pageCapacity: 8,
			//设置展现查询结构到infoDIV上
			panel: document.getElementById('infoDiv'),
			//设置动扩大检索区域。默认值true，会自动检索指定城市以外区域。
			autoExtend: true,
			//检索成功的回调函数
			complete: function(results) {
				//设置回调函数参数
				that.pois = results.detail.pois;

				if(that.pois==undefined){
                    tips('没有结果哦');
					return false;
				}
				for (var i = 0, l = that.pois.length; i < l; i++) {
					var poi = that.pois[i];
					//扩展边界范围，用来包含搜索到的Poi点
					latlngBounds.extend(poi.latLng);
					var marker = new qq.maps.Marker({
						map: that.map,
						position: poi.latLng
					});
					marker.setTitle(i + 1);
					that.markers.push(marker);
					$('#infoDiv').show();
				}
				//调整地图视野
				that.map.fitBounds(latlngBounds);
				
			},
			//若服务请求失败，则运行以下函数
			error: function() {
				alert("出错了。");
			}
		});
	},
	//调用城市经纬度查询 国、省、市、区
	geolocation_latlng: function (latLng) {
		this.citylocation.searchCityByLatLng(latLng);
	},
	//创建标记物
	createMarker: function (latLng){
		var that = this;
		this.marker = new qq.maps.Marker({
			map: that.map,
			position: latLng
		});
	},
	//清除标记物
	clearMarker: function (){
		if (this.marker != null) {
			this.marker.setMap(null);
		}
	},

	//清除地图上的marker（搜索出来的列表）
	clearOverlays: function (overlays) {
		var overlay;
		while (overlay = overlays.pop()) {
			overlay.setMap(null);
		}
	},
	//设置搜索的范围和关键字等属性
	searchKeyword: function (keys) {
		
		this.clearMarker();
		this.clearOverlays(this.markers);
		//根据输入的关键字在搜索范围内检索
		this.searchService.search(keys);
	}
}

 $('.address').click(function(){
        
        my.location((isapp?1:0),function(res){
            mys.dataInfo.latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
				mys.dataInfo.longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
				mys.initMap();
			   $('.map_page').show();
        })
 	     
			
 })
$('.btn-search').click(function(){
 

   mys.searchKeyword($('input[type=search]').val());

})
$('.back').click(function(){
	 $('#infoDiv').hide();
	$('.map_page').hide();
	mys.searchService.clear();
	
})
$(document).on('click', '#infoDiv li', function(){
	var activeInfo = mys.pois[$(this).index()];
	mys.searchService.clear();
	$('#infoDiv').hide();
	$('input[name=address]').val(activeInfo.address);
	$('#address').text(activeInfo.address);
	$('input[name=pointx]').val(activeInfo.latLng.lat);
    $('input[name=pointy]').val(activeInfo.latLng.lng);
    $('.map_page').hide();
 })
$('.map_page .bui-btn').click(function(){


	var activeInfo=mys.dataInfo;
	console.log(activeInfo)

	if(activeInfo.address==undefined){
		tips('请选择标注位置！')
		return false;
	}

	$('#address').text(activeInfo.address);
	$('input[name=address]').val(activeInfo.address);
	$('input[name=pointx]').val(activeInfo.latitude);
    $('input[name=pointy]').val(activeInfo.longitude);
    $('.map_page').hide();

	
})
</script>