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

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

<div class="bui-page">

		<div id="tab-home-header" class="bui-bar">
    	
			<div class="bui-bar-main">
		        <ul id="tabMessageNav" class="bui-nav">
		            <li class="bui-btn active">文章广告</li>
		            <li class="bui-btn click" data-url="{php echo iurl('video/ads/index')}">视频广告</li>
		        </ul>
		    </div>
		</div>

    <main id="main">
    
			<div id="uiTab" class="bui-tab">
	            <div class="bui-tab-head">
	                <ul class="bui-nav">
	                    <li class="bui-btn active">图文广告</li>
	                    <li class="bui-btn">图片广告</li>
	                    <li class="bui-btn">关注广告</li>
	                    <li class="bui-btn">电话广告</li>
	                    <li class="bui-btn">名片广告</li>
	                </ul> 
	            </div>
	            <div class="bui-tab-main">
	                <ul>
	                    
	                    <li>
							
							<div class="bui-panel-head">广告样式</div>
							<div class="ad-s-con">
                                 <div class="img-text">
                                        <div class="img" id="img1" onclick="tu(1)">
                                            <img src="{if $ad1['img']==''}{$user['headimgurl']}{else}{$ad1['img']}{/if}">
                                        </div>
                                        <div class="i-t-con">
                                        <div class="i-t-title savead" id="title1">{if $ad1['title']==''}{$user['nickname']}{else}{$ad1['title']}{/if}</div>
                                        <div class="i-t-desc  savead" id="desc1">{if $ad1['depict']==''}一款助您成功的好软件{else}{$ad1['depict']}{/if}</div>
                                    </div>
                                </div>
                                <div class="ad-tip" style="background-color: #929292;border:1px #929292 solid;color: #fff;padding: 0 10px;">推广</div>
                            </div>
                            <div class="shezhi">
								<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" value="{if $ad1['url']==''}{php echo shareurl(iurl('card/index/index',['uid'=>$this->user['id']],true,'mobile'))}{else}{$ad1['url']}{/if}" id="url1" 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="{$ad1['moren']}" id="jingmo1" placeholder="静默广告">
						                    </div>
						                </div>
						            </li> -->

						           	<li>
						            	<div class="shuoming">点击广告样式效果既可以修改(图片点击即可修改)</div>
						            </li>
								</ul>
                            </div>

                            <div class="sub_box">
								<div class="bui-btn ring sub large" onclick="sever(1)"> 保&nbsp;存 </div>
                            </div>
							
	                    </li>
	                    <li style="display: none;">
							
							<div class="bui-panel-head">广告样式</div>
							<div class="ad-s-con">
                                <div class="adimg" id="img2"  onclick="tu(2)">
                                    <img src="{if $ad2['img']==''}{$public}img/ad.jpg{else}{$ad2['img']}{/if}">
                                </div>
                      		</div>

                      		<div class="shezhi">
								<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" value="{if $ad2['url']==''}{php echo shareurl(iurl('card/index/index',['uid'=>$this->user['id']],true,'mobile'))}{else}{$ad2['url']}{/if}" id="url2" 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="{$ad2['moren']}" id="jingmo2" placeholder="静默广告">
						                    </div>
						                </div>
						            </li> -->
						            <li>
						            	<div class="shuoming">点击图片即可上传</div>
						            </li>
						           
								</ul>
                            </div>

                            <div class="sub_box">
								<div class="bui-btn ring sub large" onclick="sever(2)"> 保&nbsp;存 </div>
                            </div>
	                    </li>
	                    <li style="display: none;">


							<div class="bui-panel-head">广告样式</div>
					
			                <div class="ad-s-con  gz">
			                    <div class="img-text">
			                        <div class="img" id="img3"  onclick="tu(3)">
			                            <img src="{if $ad3['img']==''}{$user['headimgurl']}{else}{$ad3['img']}{/if}">
			                        </div>
			                        <div class="i-t-con">
			                            <div class="i-t-title savead" id="title3">{if $ad3['title']==''}{$user['nickname']}{else}{$ad3['title']}{/if}</div>
			                            <div class="i-t-desc savead" id="desc3">{if $ad3['depict']==''}一款助您成功的好软件{else}{$ad3['depict']}{/if}</div>
			                       </div>
			                       <div class="r-btn">
			                            <div class="btn">关注</div>
			                       </div>
			                    </div>
			                         
			                </div>
			                <div class="shezhi">
								<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" value="{if $ad3['url']==''}{php echo shareurl(iurl('card/index/index',['uid'=>$this->user['id']],true,'mobile'))}{else}{$ad3['url']}{/if}" id="url3" 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="{$ad3['moren']}" id="jingmo3" placeholder="静默广告">
						                    </div>
						                </div>
						            </li> -->

						            <li>
						            	<div class="shuoming">点击可编辑连接</div>
						            </li>
						           
								</ul>
                            </div>

                            <div class="sub_box">
								<div class="bui-btn ring sub large" onclick="sever(3)"> 保&nbsp;存 </div>
                            </div>
			        

	                    </li>
	                    <li style="display: none;">

							<div class="bui-panel-head">广告样式</div>
							<div class="ad-s-con  gz">
                               <div class="img-text">
                                       <div class="img" id="img4"  onclick="tu(4)">
                                            <img src="{if $ad4['img']==''}{$user['headimgurl']}{else}{$ad4['img']}{/if}">
                                       </div>
                                       <div class="i-t-con">
                                           <div class="i-t-title  savead" id="title4">{if $ad4['title']==''}{$user['nickname']}{else}{$ad4['title']}{/if}</div>
                                           <div class="i-t-desc  savead" id="desc4">{if $ad4['depict']==''}一款助您成功的好软件{else}{$ad4['depict']}{/if}</div>
                                  </div>
                                  <div class="r-btn">
			                            <div class="btn">拨打</div>
			                       </div>
                               </div>
                               
                      		</div> 
							<div class="shezhi">
								<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" value="{$ad4['phone']}" id="phone4" 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="{$ad4['moren']}" id="jingmo4" placeholder="静默广告">
						                    </div>
						                </div>
						            </li> -->


						            <li>
						            	<div class="shuoming">点击图片即可上传</div>
						            </li>
						           
								</ul>
                            </div>

                            <div class="sub_box">
								<div class="bui-btn ring sub large" onclick="sever(4)"> 保&nbsp;存 </div>
                            </div>

	                    </li>
	                    <li style="display: none">

							<div class="bui-panel-head">广告样式</div>
							 	<div class="ad-s-con mp">
                               	<div class="mp-box">
 
                                         <div class="mp-left">
                                              <div class="mp-face" id="img5"  onclick="tu(5)">
                                                  <img src="{if $ad5['img']==''}{$user['headimgurl']}{else}{$ad5['img']}{/if}">
                                        </div>
                                              <div class="mp-name  savead" id="name5">
                                              <?php
                                                   
                                                   if($ad5['name']==''){

                                                     
                                                     if($user['name']==''){
                                                        
                                                    
                                                       echo $user['nickname'];

                                                     }else{

                                                          echo $user['name'];

                                                     }
                                                   }else{
                                                      echo $ad5['name'];

                                                   }
                                              ?>
                                              </div>
                                         </div>
                                         <div class="mp-right">
                                            <div class="mp-info">
                                               <div class="company  savead" id="company5">{if $ad5['company']==''}{if $user['company']==''}xxx有限公司{else}{$user['company']}{/if}{else}{$ad5['company']}{/if}</div>
                                               <div class="job  savead" id="job5">{if $ad5['job']==''}{if $user['job']==''}销售经理{else}{$user['job']}{/if}{else}{$ad5['job']}{/if}</div>
                                            </div>
                                            <div class="bui-fluid">
											    <div class="span4 text-c">
											    	<div class=" b9 yuan ">
											    		<i class="iconfont icon-QQ lian"></i>
											    	</div>
											    </div>
											    <div class="span4 text-c">
											    	<div class=" b3 yuan ">
														<i class="iconfont icon-z-weixin2 lian"></i>
											    	</div>
											    </div>
											    <div class="span4 text-c">
											    	<div class=" b9 yuan ">
											    		<i class="iconfont icon-42 lian"></i>
											    	</div>
											    </div>
											    
											</div>
                                           

                                         </div>



                               </div>
                               
                      		</div>

                      		 <div class="shezhi">
								<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" value="{if $ad5['url']==''}{php echo shareurl(iurl('card/index/index',['uid'=>$this->user['id']],true,'mobile'))}{else}{$ad5['url']}{/if}" id="url5" 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="{$ad5['phone']}" id="phone5" 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="{$ad5['weixin']}" id="weixin5" 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="{$ad5['qq']}" id="qq5" placeholder="请输入您的 Q Q号">
						                    </div>
						                </div>
						            </li>
	
						            <li class="bui-btn bui-box clearactive">
						                <label class="bui-label">二维码</label>
						                <div class="span1">
						                    <div class="text-r" onclick="tu(7)" id="ewm5">
												<img src="{if $ad5['ewm']==''}{$public}img/image.png{else}{$ad5['ewm']}{/if}" class="images">
						                    </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="{$ad5['moren']}" id="jingmo5" placeholder="静默广告">
						                    </div>
						                </div>
						            </li> -->

						            <li>
						            	<div class="shuoming">点击图片即可上传</div>
						            </li>
						           
								</ul>
                            </div>

                            <div class="sub_box">
								<div class="bui-btn ring sub large" onclick="sever(5)"> 保&nbsp;存 </div>
                            </div>

	                    </li> 
	                </ul>
	            </div>
	        </div>

            

         
    </main>
    </div> 
<div class="fixedDiv text_title">
  <div class="tinsert_head">
    修改内容
    
  </div>
  <div class="tinsert_body">
    <textarea class="text_ct" placeholder="请输入内容文字" id="text_ct"></textarea>

  </div>
  <div class="boxCheck2 tinsert_foot">
    <button type="button" class="boxYes">提交</button>
    <button type="button" class="boxNo">取消</button>
  </div>
</div> 

<div class="mask"></div>
 


<script>


    bui.ready(function(){

    	var uiTab = bui.tab({
            id:"#uiTab"
        });

        window.tu=function(i){

             var uiLoading = bui.loading({
	            appendTo:"body",
	            width: 40,
	            height: 40,
	            
	        });
        	my.upimg((isapp?2:1),1,uiLoading,function(r){
                              var imgurl=r[0];
        		               if (i==1) {$('#img1 img').attr('src',imgurl);}
	                           if (i==2) {$('#img2 img').attr('src',imgurl);}
	                           if (i==3) {$('#img3 img').attr('src',imgurl);}
	                           if (i==4) {$('#img4 img').attr('src',imgurl);}
	                           if (i==5) {$('#img5 img').attr('src',imgurl);}
	                           if (i==6) {$('#ewm3 img').attr('src',imgurl);}
	                           if (i==7) {$('#ewm5 img').attr('src',imgurl);}

	                           uiLoading.hide()
        	})
	     	
        };
        window.sever=function(i){
        	var data={};
        		if (i==1) {
			        data.img=$('#img1 img').attr('src');
			        data.title=$('#title1').text();
			        data.depict=$('#desc1').text();
			        data.url=$('#url1').val();
			        // data.moren=$('#jingmo1').val();
		    	}
		        
		       	if (i==2) {
			        data.img=$('#img2 img').attr('src');
			        data.url=$('#url2').val();
			        // data.moren=$('#jingmo2').val();
		        }

		      	if (i==3) {
			        data.img=$('#img3 img').attr('src');
			        data.title=$('#title3').text();
			        data.depict=$('#desc3').text();
			        data.url=$('#url3').val();
			        data.ewm=$('#ewm3 img').attr('src');
			        // data.moren=$('#jingmo3').val();
		        }
		       	if (i==4) {
			        data.img=$('#img4 img').attr('src');
			        data.title=$('#title4').text();
			        data.depict=$('#desc4').text();
			        data.phone=$('#phone4').val();
			        // data.moren=$('#jingmo4').val();
		        }
		    
		        if (i==5) {
			        data.img=$('#img5 img').attr('src');
			        data.name=$('#name5').text();
			        data.company=$('#company5').text();
			        data.job=$('#job5').text();
			        data.phone=$('#phone5').val();
			        data.weixin=$('#weixin5').val();
			        data.qq=$('#qq5').val();
			        data.url=$('#url5').val();
			        data.ewm=$('#ewm5 img').attr('src');
			        // data.moren=$('#jingmo5').val();
		        }
    	
        	data.type=i;
      		add(data);
        };
        function add(r){
        	console.log(r);
        	if(r.img==''){

		        msg("请上传图片",1);
		        return false;
		   	}
		   if(r.title!=undefined){

		     

		      if(r.title==''){

		        msg("标题不能为空",1);
		        return false;
		      }
		   }

		   if(r.desc!=undefined){
		        $.trim(r.desc);
		      if(r.desc==''){

		        msg("描述不能为空",1);
		        return false;
		      }
		   }
		   if(r.name!=undefined){
		         $.trim(r.name);
		      if(r.name==''){

		        msg("姓名不能为空",1);
		        return false;
		      }
		   }
		 if(r.company!=undefined){
		         $.trim(r.company);
		      if(r.company==''){

		        msg("公司名称不能为空",1);
		        return false;
		      }
		   }
		 if(r.job!=undefined){
		         $.trim(r.job);
		      if(r.job==''){

		        msg("职位不能为空",1);
		        return false;
		      }
		   }
		  
		if(r.phone!=undefined){
		     
		     if(r.phone==''){

		       msg("手机号码不能为空",1);
		        return false; 
		     }

		  if(!(/^1[3|4|5|7|8|9][0-9]\d{4,8}$/.test(r.phone))){ 
		       
		        msg("手机号码格式错误",1);
		        return false; 
		    } 

		}
		if(r.qq!=undefined){

		     if(r.qq==''){

		       msg("qq号码不能为空",1);
		        return false; 
		     }


		    
		}




		$.post("{php echo iurl('user/ad/add')}",r,function(r){
		 
		  	if(r){

		    	return msg(r.msg,2);
		  	}
		   

		})



        }

    })

 	var tims;

  $('.savead').click(function(){

     var t=$(this);
     tims=t;
     $('#text_ct').val($.trim(t.text()));

     $('.fixedDiv').show();
     $('.mask').show();

  })

  $('.boxNo').click(function(){

     $('.fixedDiv').hide();
     $('.mask').hide();

  })

   $('.boxYes').click(function(){

     tims.text($('#text_ct').val());
     $('.fixedDiv').hide();
     $('.mask').hide();

  })
  
</script>

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