onepage/tm/template_dir/events_invitation.html

<{include file="header.html"}>

<!--公用标题居中显示-->
<{include file="common_header.html"}>

<!---->
<div class="wrapper clear">
	<div class="article_title center"><{$info.events_name}></div>
    <!--公用活动说明样式-->
    <div class="article_content">
    	<{$info.events_tips}>
    </div>
    
    
    <div class="v_box_w clear">
    
        <{if !$eventsStatus}>
        <{if $info.events_hd_tips}>
        <div class="h3_title"><{$info.events_hd_tips}></div>
        <{/if}>
        <{include file="event_forms_template.html"}>
        <{else}>
        <!--公用活动结束提示 begin-->
        <div class="v_end_com_box">
            <div class="v_end_txt_com center">活动已结束！</div>
            <div class="center"><a href="<{$listUrl}>" class="submit_btn_style">参与更多特权活动</a></div>
        </div>
        <{/if}>
        
        <{if $info.operationt_tips}>
        <div class="h3_title"><{$info.operationt_tips}></div>
        <{/if}>
        <!--公用活动规则样式-->
        <div class="activity_des">
            <{$info.events_rules}>
        </div>
        
        <div class="clear"></div>
	</div>
</div>

<!--公用提示背景遮罩层-->
<div class="a_cover"></div>

<div class="v_tips_box v_tips_box2" id="error_tips_box">
    <div class="v_close_btn" id="tips_close_btn"></div>
    <p class="tips_msg" id="error_msg">错误信息</p>
</div>

<!--公用提示样式二 begin-->
<!--<div class="v_tips_box2" style="display:none">
	<p class="tips_img"><img src="<{$codeInfo.code_img_url}>"></p>
    <p class="tips_txt_show">恭喜您获得<br><{$codeInfo.code_name}></p>
    <p class="go_tips_txt">请到"我的奖品"中查看</p>
    <p class="go_tips_btn">
        <a href="<{$giftsUrl}>" class="submit_btn_style">查看奖品</a>
    </p>
</div>-->
<!--公用提示样式二 end-->

<script>
var seconds = 2000;

function showNewTipsBox(msg){
	$('.a_cover').fadeOut(200);
	$(".v_tips_box").fadeOut(200);
	$(".tips_msg").html(msg);
	$(".v_tips_box").fadeIn(200);
	$('.a_cover').fadeIn(200);
	if(goUrl){
		setInterval("go_page();",seconds+100);
	}
}

$("#tips_close_btn").on('click', function(){
	$(".v_tips_box,.a_cover").hide();
});

var goUrl = '';
function go_page(){
	location.href = goUrl;
}

KISSY.use('node, io', function (S, Node, IO) {
	
	//视频自适应
	var screenWidth = $(window).width();
	var baseWidth = 510;
	var video_scale = screenWidth / baseWidth;
	$(".video_iframe").each(function () {
		var new_width = $(this).width() * video_scale;
		$(this).width(new_width - 20);
		var new_height = $(this).height() * video_scale;
		$(this).height(new_height - 20);
	});
	
	IO.on("send",function(){
		//$(".a_cover").css("opacity", 0);
		showTipsBox('<i class="fa fa-spinner fa-pulse"></i>', true);
	});
	
	
	IO.on("complete",function(){
		//$(".v_tips_box").hide();
	});
	
	$('#common_submit_btn').on('click', function () {
		goUrl = '';
		var formData = IO.serialize('#ff');
		IO.post('<{$web_cfg.domain}>/?c=EventsInvitation&a=sub&events_id=<{$info.id}>'
			, formData
			, function (data) {
				if (data.ok) {
					var formsId = data.msg;
					location.href = "<{$web_cfg.domain}>/?c=EventsInvitation&a=Qrcode&events_id=<{$info.id}>&formsId="+formsId;
				} else {
					if(data.msg.url){
						goUrl = '<{$loginUrl}>';
						showTipsBox('本活需登录后才可以参与');
						return false;
					}
					showTipsBox(data.msg);
				}
			}
			, 'json'
		);
		return false;
	});
	
	// 提示
	function showTipsBox(msg, isSend){
		$(".tips_msg").html(msg);
		if (isSend) {
			$("#tips_close_btn").hide();
			$("#error_tips_box").fadeIn();
		} else {
			$("#tips_close_btn").show();
			$("#error_tips_box").delay(2000).fadeOut();
		}
	}
});

</script>
<{include file="bottom.html"}>