{wc:templates "index","header"}
{wc:templates "member","top"}	
	

	
<div class="c_person_record">
<ul class="c_person_list">
	<li class=""><a href="{WEB_PATH}/member/home/userbuylist" hidefocus="">Cloud purchase record</a></li>
	<li class=""><a href="{WEB_PATH}/member/home/singlelist" hidefocus="">My show list</a></li>
	<li class=""><a href="{WEB_PATH}/member/home/orderlist" hidefocus="">Winning record</a></li>
	<li class=""><a href="{WEB_PATH}/member/home/userfufen" hidefocus="">My blessing</a></li>
	<li class=""><a href="{WEB_PATH}/member/home/userbalance" hidefocus="">Account management</a></li>
	<!--<li class=""><a href="{WEB_PATH}/member/home/commissions" hidefocus="">Reward area</a></li>-->
	<li class=""><a href="{WEB_PATH}/member/home/invitefriends" hidefocus="">Invite friends</a></li>
	<li class=""><a href="{WEB_PATH}/member/home/address" hidefocus="">Shipping address</a></li>
</ul>
<div class="main-content clearfix">
{wc:templates "member","left"}
<link rel="stylesheet" type="text/css" href="{G_TEMPLATES_STYLE}/css/layout-records.css"/>
<link rel="stylesheet" type="text/css" href="{G_TEMPLATES_STYLE}/css/layout-invitation.css"/>
<script type="text/javascript" src="{G_TEMPLATES_STYLE}/js/ZeroClipboard.js"></script>

         <div class="R-content">
            <div class="member-t"><h2>Invite friends</h2></div>
            
		        <div id="divInvited" class="success-invitation gray02"  >
			        <p>Copy the link to invite friends to get four major gifts！ <a target="_blank" href="{WEB_PATH}/single/pleasereg" class="blue">Details&gt;&gt;</a></p>
			        <span><b></b><input id="txtInfo"  style="width:850px;height:30px; " disabled="disabled" value="1Yuan can buyDJI Elf，Go check it out！ {WEB_PATH}/register/{wc:$uid}" onpaste="return false" type="text"></span>
				  <div class="d_clip_copy"></div>
				   <div id="d_clip_container" style="position:relative;">									
					<div id="d_clip_button" class="bluebut" style="text-align:center;margin-top:24px"  >copy</div>
				</div>
		        </div>
		    
            <div id="divInviteInfo" class="get-tips gray01" style="">Successfully invited <span class="orange">{wc:$involvedtotal}</span> Member registration，Already <span class="orange">{wc:$involvednum}</span> Members participating{wc:fun:_cfg('web_name_two')}</div>
            <div id="divList" class="list-tab SuccessCon"><ul class="listTitle"><li class="w200">username</li><li class="w200">time</li><li class="w180">Invitation number</li><li>Consumption status</li></ul>
			{wc:if $involvedtotal!=0}
			{wc:loop $invifriends $key $val}
			  <ul><li class="w200">  <a href="{WEB_PATH}/uname/{wc:fun:idjia($val['uid'])}" target="_blank" class="blue">{wc:$val['sqlname']}</a></li>
			  <li class="w200">{wc:fun:date('Y.m.d H:i:s',$val['time'])}</li>
			  <li class="w180">{wc:fun:idjia($val['uid'])}</li>
			  <li>{wc:$records[$val['uid']]}</li></ul>
			{wc:loop:end}
            {wc:else}
			 <div class="tips-con"><i></i>You haven’t invited anyone yet</div></div>
			{wc:if:end}			
			</div>
            <div id="divPageNav" class="page_nav"></div>
        </div>
	</div>	
	 
 <style type="text/css">
#d_clip_container,.my_clip_button,.d_clip_copy{margin:0;width:85px; height:22px;   text-align:center;}
#d_clip_container{top:-45px;left:880px;}
#fe_text{resize:none;margin-bottom:10px;}
.my_clip_button {position:absolute; border:1px solid #999; background-color:#1ba3fa; cursor:default; font-size:9pt; }
.my_clip_button.hover { background-color:#1ba3fa; }
.my_clip_button.active { background-color:#1ba3fa; }
.d_clip_copy{ font-size:14px;color:#000;}
  
</style>  

<style>
  .goods_show li{
    color:#7D7D7D;
	float:left;
	width:194px;  
  }
 .goods_show li a{
    color:#C40000;
	border-bottom:1px solid #C40000;
  }
</style>
<script>
 var clip = null;	
function copy(id){ return document.getElementById(id); }	
function initx(){
	clip = new ZeroClipboard.Client();
	clip.setHandCursor(true);
	ZeroClipboard.setMoviePath("{G_TEMPLATES_STYLE}/js/ZeroClipboard.swf");
	clip.addEventListener('mouseOver',function (client){
		clip.setText(copy('txtInfo').value );
	});		
	clip.addEventListener('complete',function(client,text){
		alert("邀请复制成功");
	});		
	clip.glue('d_clip_button','d_clip_container');
}
$(function(){
	initx();
})

</script>
</div>
		</div>
	</div>
<!--center_center_end-->
<div class="right">				
</div>
<!--center_rjght_end-->

</div>
{wc:templates "index","footer"}