roobe
/
zijia


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547
							<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width; initial-scale=1.0;">
<title>{lang xj_event:huodbm}</title>
<link rel="stylesheet" href="source/plugin/xj_event/mobileui/jquery.mobile-1.4.5.css">
<script src="source/plugin/xj_event/mobileui/jquery.js"></script>
<script src="source/plugin/xj_event/mobileui/jquery.mobile-1.4.5.js"></script>
<script type="text/javascript" src="source/plugin/xj_event/module/wsqcenter/js/jquery.form.js"></script>
<script>
$(function(){
	$("#sumbitbtn").click(function(){
		    <!--{if $setting[statements]}-->
		    //是否同意活动声明
			if($("#shenming").is(':checked') == false){
				alert('{lang xj_event:tyhdsmhckybm}');
				return;
			}
		  	<!--{/if}-->
		var postjson = [];
		var a = false;

		var json = {};
		json[$('#applynumber').attr('name')] = $('#applynumber').val();
		
		<!--{if $setting[cost]}-->
			<!--{loop $setting[cost] $value}-->
				json['cost{$value[id]}'] = $('#applynumber{$value[id]}').val();
			<!--{/loop}-->
		<!--{/if}-->
		
		
		$('#tabs-1 input').each(function(index) {
			if($(this).attr('type')=='text' || $(this).attr('type')=='hidden'){
				json[$(this).attr('name')] = $(this).val();
			}
			if($(this).attr('type')=='checkbox'){
				if($(this).is(':checked')){
					var checkboxname = $(this).attr('name').replace('[]','');
					if(json[checkboxname]){
						json[checkboxname] = json[checkboxname] + ',' + $(this).val();
					}else{
						json[checkboxname] = $(this).val();
					}
				}
			}
			if( $(this).attr('type')=='radio'){
				if($(this).is(':checked')){
					json[$(this).attr('name')] = $(this).val();
				}
			}
			if($(this).attr('type')=='date'){
				json[$(this).attr('name')] = $(this).val();
			}
		});
		$('#tabs-1 select').each(function(index) {
			json[$(this).attr('name')] = $(this).val();
		});
		//判断是否有空的数据
		if(JSON.stringify(json).indexOf('""')>-1){
			a = true;
		}
		$('#tabs-1 textarea').each(function(index) {
			json[$(this).attr('name')] = $(this).val();
		});
		//alert(JSON.stringify(json));
		postjson.push(json);

		//判断是否有空的数据
		if(a){
			showmessage('{lang xj_event:hbqndxxwtxwz}');
			$("#popupBasic").popup('open');
			return;
		}
		var postdata = JSON.stringify(postjson);
		$('#sumbitbtn').hide();
		$.ajax({
			cache: false,
			type: "POST",
			url: 'plugin.php?id=xj_event:event_join_single&tid={$tid}&action=joinfull&formhash={$_G[formhash]}',
			data: postdata,
			dataType: 'json',
			async: true,
			error: function(request) {
				showmessage('Connection error');
				$('#sumbitbtn').show();
			},
			success: function(json) {
				if(json.full == 1){
					window.location.href='{$_G[siteurl]}plugin.php?id=xj_event:wsqcenter&mod=join_success&tid={$tid}';
					return true;
					
					/*
					$('#popup_complete').popup('open');
					if(json.url){
						$("#pagethree_retrunurl").attr('href',json.url);
					}else{
						$("#pagethree_retrunurl").attr('href','{$retrunurl}');
					}
					if(json.btntxt){
						$("#pagethree_retrunurl").html(json.btntxt);
					}
					if(json.message){
						$("#message_content2").html(json.message);
					}
					return true;
					*/
				}else if(json.full == 2){
					showmessage(json.message);
					$('#sumbitbtn').show();
					return false;
				}
			}
		});
	});


	$("#addbtn").click(function(){
		if(weinum<=event_number_max){
			$("#join_content").append('<div data-role="collapsible" id="tabs-'+tabCounter+'"><h3><b>{lang xj_event:di}'+weinum+'{lang xj_event:wei}</b><span onClick="deletejoin('+tabCounter+');" class="ui-btn ui-btn-inline ui-icon-delete ui-btn-icon-notext" style="float:right; border:0px;"></span></h3><p>'+$('#bmtemplate').html()+'</p></div>');
			$("#join_content").collapsibleset("refresh");
			if(cj==0){
				$(".join_text").textinput();
				$("select").selectmenu();
				$("textarea").textinput();
				$(".pc").checkboxradio();
				cj=1;
			}
			tabCounter++;
			weinum++;
		}
	});	
	

	//地区选择
	  var residecity;
	  $("body").on("click",".residecity", function () {
		    residecity = $(this);
			$.ajax({
				cache: false,
				type: "POST",
				url: 'plugin.php?id=xj_event:city&level=1&mobile=yes',
				dataType: 'html',
				async: true,
				error: function(request) {
					alert("Connection error");
				},
				success: function(html) {
					residecity.hide();
					residecity.next().html(html);
					$("#province").selectmenu();
				}
			});
			
	  });
	  $("body").on("change","#province",function(){
		    var province = $(this).val();
			$.ajax({
				cache: false,
				type: "POST",
				url: 'plugin.php?id=xj_event:city&level=2&province='+province,
				dataType: 'html',
				async: true,
				error: function(request) {
					alert("Connection error");
				},
				success: function(html) {
					residecity.next().html(html);
					$("#province").selectmenu();
					$("#city").selectmenu();
				}
			});
		 // alert($(this).find("option:selected").text());
	  });
	  $("body").on("change","#city",function(){
			var city = $(this).val();
			var province = $("#province").val();
			$.ajax({
				cache: false,
				type: "POST",
				url: 'plugin.php?id=xj_event:city&level=2&province='+province+'&city='+city,
				dataType: 'html',
				async: true,
				error: function(request) {
					alert("Connection error");
				},
				success: function(html) {
					residecity.next().html(html);
					$("#province").selectmenu();
					$("#city").selectmenu();
					$("#county").selectmenu();
				}
			});
	  });
	  $("body").on("change","#county",function(){
			var county = $(this).val();
			var province = $("#province").val();
			var city = $("#city").val();
			$.ajax({
				cache: false,
				type: "POST",
				url: 'plugin.php?id=xj_event:city&level=3&province='+province+'&city='+city+'&county='+county,
				dataType: 'html',
				async: true,
				error: function(request) {
					alert("Connection error");
				},
				success: function(html) {
					if(html.indexOf('<!--end-->')>-1){
						residecity.prev().html($("#province").find("option:selected").text() + $("#city").find("option:selected").text() + $("#county").find("option:selected").text());
						residecity.prev().prev().val($("#province").find("option:selected").text() + $("#city").find("option:selected").text() + $("#county").find("option:selected").text());
						residecity.next().html('');
						residecity.show();
					}else{
						residecity.next().html(html);
						$("#province").selectmenu();
						$("#city").selectmenu();
						$("#county").selectmenu();
						$("#town").selectmenu();
					}
				}
			});
	  });
	  $("body").on("change","#town",function(){
			residecity.prev().html($("#province").find("option:selected").text() + $("#city").find("option:selected").text() + $("#county").find("option:selected").text() + $("#town").find("option:selected").text());
			residecity.prev().prev().val($("#province").find("option:selected").text() + $("#city").find("option:selected").text() + $("#county").find("option:selected").text() + $("#town").find("option:selected").text());
			residecity.next().html('');
			residecity.show();
	  });
	  
	$('#popup_complete').css('width',$(window).width()*0.9);
	$('#popup_warning').css('width',$(window).width()*0.9);
});
function deletejoin(id){
	$("#tabs-"+id).remove();
	weinum = 1;
	$("#join_content b").each(function(index) {
		$(this).html('{lang xj_event:di}'+weinum+'{lang xj_event:wei}');
		weinum++;
	});

	event.stopPropagation();
}


function confirmDialog(text) {
	var popupDialogId = 'popupDialog';
	$('<div data-role="popup" id="'+popupDialogId+'" class="ui-content" data-theme="a">\
<p>'+text+'</p>\
</div>')
    .appendTo($.mobile.pageContainer);
	var popupDialogObj = $('#' + popupDialogId);
	popupDialogObj.trigger('create');
	popupDialogObj.popup();
	popupDialogObj.popup('open');
}

function showmessage(mess){
	$("#message_content").html(mess);
	$('#popup_warning').popup('open');
}

</script>
<style>
.ui-shadow,
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a,
.ui-body-b,
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b,
.ui-bar-c,
.ui-body-c,
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c,
.ui-bar-c,
.ui-body-d,
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d,
.ui-bar-d,
.ui-body-e,
.ui-btn-up-e,
.ui-btn-hover-e,
.ui-btn-down-e,
.ui-bar-e,
.ui-overlay-shadow,
.ui-shadow,
.ui-btn-active,
.ui-body-a,
.ui-bar-a {text-shadow: none;box-shadow: none;-webkit-box-shadow: none;}
</style>
</head>
<body style="font-family: Microsoft YaHei;">
<div data-role="page" id="pageone" style="background-color:#eef0f1;">
  <!--{if !$Appbyme && !$magapp && !$QianFan}-->
  <div data-role="header" style="background-color:#f7f7f7;">
    <h1>{lang xj_event:huodbm}</h1>
  </div>
  <!--{/if}-->
  <div data-role="content" style="padding:0px;">
  	<div style="height:100px; border-bottom:1px solid #e5e5e5; background-color:#FFF;">
    	<div style="width:25%; float:left; text-align:center; font-size:16px; line-height:30px; padding-top:24px;font-family: Microsoft YaHei;">
        	{lang xj_event:zongme}<br>
            <span style="color:#498d34; font-size:20px;">{$items[event_number]}</span>
        </div>
        <div style="width:25%; float:left; text-align:center; font-size:16px; line-height:30px; padding-top:24px;font-family: Microsoft YaHei;">
        	{lang xj_event:yishenqing}<br>
            <span style="color:#498d34; font-size:20px;">{$applyysq}</span>
        </div>
        <div style="width:25%; float:left; text-align:center; font-size:16px; line-height:30px; padding-top:24px;font-family: Microsoft YaHei;">
        	{lang xj_event:yitongguo}<br>
            <span style="color:#498d34; font-size:20px;">{$applyytg}</span>
        </div>
        <div style="width:25%; float:left; text-align:center; font-size:16px; line-height:30px; padding-top:24px;font-family: Microsoft YaHei; height:76px; background-color:#e7f4d3;">
        	{lang xj_event:shengyu}<br>
            <span style="color:#498d34; font-size:20px;">{$applysy}</span>
        </div>
    </div>
  

	<!--{if $setting[cost]}-->
	<input type="hidden" id="applynumber" name="applynumber" value="0">
    <!--{loop $setting[cost] $value}-->
  	<div style="background-color:#fff; border-bottom:1px solid #e5e5e5; padding:10px 15px;">
    	<span style="font-size:14px;">{$value[cost_name]}</span><input type="text" data-role="none" id="applynumber{$value[id]}" name="cost{$value[id]}" value="0" style="width:20%; border:0px; line-height:28px; font-size:14px;font-family: Microsoft YaHei; padding-left:20px;" readonly>
        <span onClick="applynumberjia({$value[id]});" style="display:block; background:url(source/plugin/xj_event/images/icon_jia.png) no-repeat; background-size:100%; width:28px; height:28px; float:right;"></span>
        <span onClick="applynumberjian({$value[id]});" style="display:block; background:url(source/plugin/xj_event/images/icon_jian.png) no-repeat; background-size:100%; width:28px; height:28px; float:right; margin-right:12px;"></span> 
    </div>
    <!--{/loop}-->
	<script>
    function applynumberjia(a){
        var i = parseInt($('#applynumber'+a).val())+1;
		var t = parseInt($('#applynumber').val())+1;
        if(t<={$items[event_number_max]}){
            $('#applynumber'+a).attr('value',i);
			$('#applynumber').attr('value',t);
        }
    }
    function applynumberjian(a){
        var i = parseInt($('#applynumber'+a).val())-1;
		var t = parseInt($('#applynumber').val())-1;
        if(i>=0 && t>0){
            $('#applynumber'+a).attr('value',i);
			$('#applynumber').attr('value',t);
        }
    }
    </script>
    <!--{else}-->
    <div style="font-size:14px; color:#348416; margin-top:10px; line-height:30px; height:30px; padding-left:15px;">
    	{lang xj_event:qtxxybmdys}
    </div>
  	<div style="background-color:#fff; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:10px 15px;">
    	<input type="text" data-role="none" id="applynumber" name="applynumber" value="0" style="width:20%; border:0px; line-height:28px; font-size:18px;font-family: Microsoft YaHei;" readonly>
        <span onClick="applynumberjia('');" style="display:block; background:url(source/plugin/xj_event/images/icon_jia.png) no-repeat; background-size:100%; width:28px; height:28px; float:right;"></span>
        <span onClick="applynumberjian('');" style="display:block; background:url(source/plugin/xj_event/images/icon_jian.png) no-repeat; background-size:100%; width:28px; height:28px; float:right; margin-right:12px;"></span> 
    </div>
	<script>
    function applynumberjia(){
        var i = parseInt($('#applynumber').val())+1;
        if(i<={$items[event_number_max]}){
            $('#applynumber').attr('value',i);
        }
    }
    function applynumberjian(){
        var i = parseInt($('#applynumber').val())-1;
        if(i>0){
            $('#applynumber').attr('value',i);
        }
    }
    </script>
    <!--{/if}-->

    
  	<div style="font-size:14px; color:#348416; margin-top:10px; line-height:30px; height:30px; padding-left:15px;">
    	{lang xj_event:qtxbmxx}
    </div>
    <div id="tabs-1" style="background-color:#fff;border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:15px 15px;">
    	  <!--{if $setting[session]}-->
                  <label for="select-native-1">{lang xj_event:huodongcc}:</label>
                  <select name="session" id="select-native-1">
                      <option value="" selected="selected">{lang choose_please}</option>
                      <!--{loop $setting[session] $key $value}-->
                      <option value="$key">$value</option>
                      <!--{/loop}-->
                  </select>
          <!--{/if}-->
          <!--{if !empty($selectuserfield)}-->
              <!--{loop $selectuserfield $fieldid}-->
              <!--{if $settings[$fieldid][available]}-->
                  <label for="textarea-1">$settings[$fieldid][title]</label>
                  <!--{if $settings[$fieldid][formtype] != 'file'}-->
                          $htmls[$fieldid]
                  <!--{else}-->
                       <input id="activitypic_$fieldid" type="text" tabindex="1" value="" placeholder="{lang xj_event:qsrtpdz}" class="px" name="$fieldid" onblur="if(!this.value.match(/^https?:\/\/.+\/.+\.(jpg|png|gif|jpeg|bmp)$/i)){ $('showerror_$fieldid').innerHTML='{lang xj_event:tpdzcw}';}else{ $('showerror_$fieldid').innerHTML='&nbsp;';}">
                  <!--{/if}-->
              <!--{/if}-->
              <!--{/loop}-->
          <!--{/if}-->
          
          
          <!--{if !empty($myuserfield)}-->
              <!--{loop $myuserfield $value}-->
                  <label for="textarea-1">{$value[title]}</label>
                  {$value[html]}
              <!--{/loop}-->
          <!--{/if}-->
          
          
              <label for="textarea-1">{lang xj_event:liuyan}</label>
              <textarea name="message" maxlength="100" id="textarea-1"></textarea>
    </div>

    <!--{if $setting[statements]}-->
    <div id="shemming_content" style="padding:20px; background-color:#f0f0f0; display:none;">
        {$_G[cache][plugin][xj_event][event_statements]}
    </div>
    <script>
    function showshenming(){
        if($('#shemming_content').is(":hidden")){
            $('#shemming_content').show();
        }else{
            $('#shemming_content').hide();
        }
    }
    </script>
    <div style="padding:5px;">
        <input type="checkbox" id="shenming" value="yes" checked="checked" data-role="none"/>{lang xj_event:tongyi}<a href="javascript:" onclick="showshenming();">{lang xj_event:huodongsm}</a>
    </div>
    <!--{/if}-->
    <div style="height:20px;"></div>
    
  </div>
  <div data-role="footer"  data-position="fixed" data-tap-toggle="false" style="background-color:#FFF;">
  	<span data-role="none" style=" display:block; background-color:#57c21e; padding:12px; text-shadow:none; font-weight:normal; font-size:18px; color:#FFF; text-align:center;font-family:'Microsoft YaHei';text-shadow:none;" id="sumbitbtn">{lang xj_event:tijiaobaomin}</span>
  </div>
  
  
      <div data-role="popup" id="popup_complete" data-history="false" data-overlay-theme="b" data-theme="a" data-dismissible="true" style="max-width:400px;">
        <div style="padding:30px; text-align:center;"> <span style="color:#919191; font-size:20px;" id="message"></span> </div>
        <div style="padding:15px;">
            <div style="text-align:center; padding-top:40px; padding-bottom:30px;">
                <img src="source/plugin/xj_event/images/complete.png" style="width:30%;"><br><br>
                <span id="message_content2" style=" font-size:18px; color:#a0a0a0;font-family:'Microsoft YaHei';">{lang xj_event:gxnbmcgqddsh}</span>
            </div>
            <a href="" data-ajax="false" data-role="none" id="pagethree_retrunurl" style="display:block;margin:5%; background-color:#57c21e; padding:10px; font-size:18px; color:#FFF; text-align:center;font-family:'Microsoft YaHei';text-shadow:none;">{lang xj_event:querenbfh}</a>
        </div>
      </div>
      
      <div data-role="popup" id="popup_warning" data-history="false" data-overlay-theme="b" data-theme="a" data-dismissible="true" style="max-width:400px;">
        <div style="padding:30px; text-align:center;"> <span style="color:#919191; font-size:20px;" id="message"></span> </div>
        <div style="padding:15px;">
            <div style="text-align:center; padding-top:40px; padding-bottom:30px;">
                <img src="source/plugin/xj_event/images/warning.png" style="width:30%;"><br><br>
                <span id="message_content" style=" font-size:18px; color:#a0a0a0;font-family:'Microsoft YaHei';"></span>
            </div>
            <span onClick="$('#popup_warning').popup('close');" style=" display:block;margin:5%; background-color:#f64242; padding:10px; font-size:18px; color:#FFF; text-align:center;font-family:'Microsoft YaHei';text-shadow:none;">{lang xj_event:fanhuict}</span>
        </div>
      </div>
</div> 

<!--
<div data-role="page" id="pagetwo" style="background-color:#eef0f1;">
    <div data-role="header" style="background-color:#f7f7f7;">
      <h1>{lang xj_event:huodbm}</h1>
    </div>
    <div style="text-align:center; padding-top:40px; padding-bottom:30px;">
        <img src="source/plugin/xj_event/images/warning.png" style="width:30%;"><br><br>
        <span id="message_content" style=" font-size:18px; color:#a0a0a0;font-family:'Microsoft YaHei';"></span>
    </div>
    <a href="#pageone" style=" display:block;margin:5%; background-color:#f64242; padding:10px; font-size:18px; color:#FFF; text-align:center;font-family:'Microsoft YaHei';text-shadow:none;">{lang xj_event:fanhuict}</a>
</div>

<div data-role="page" id="pagethree" style="background-color:#eef0f1;">
    <div data-role="header" style="background-color:#f7f7f7;">
      <h1>{lang xj_event:huodbm}</h1>
    </div>
    <div style="text-align:center; padding-top:40px; padding-bottom:30px;">
        <img src="source/plugin/xj_event/images/complete.png" style="width:30%;"><br><br>
        <span id="message_content2" style=" font-size:18px; color:#a0a0a0;font-family:'Microsoft YaHei';">{lang xj_event:gxnbmcgqddsh}</span>
    </div>
    <a href="{$_G[siteurl]}plugin.php?id=xj_event:event_pay&tid=2928" target="_parent" data-role="none" id="pagethree_retrunurl" style="display:block;margin:5%; background-color:#57c21e; padding:10px; font-size:18px; color:#FFF; text-align:center;font-family:'Microsoft YaHei';text-shadow:none;">{lang xj_event:querenbfh}</a>
</div>
-->

<script language="javascript">
$(function(){
	//上传图片
	$("body").on("change",".uploadfile",function(){
		var showimg = $(this).parent().parent().find('.showimg');
		var bar = $(this).parent().parent().find('.bar');
		var uploadcover = $(this).parent().parent().find('.uploadcover');
		var uploaderror = $(this).parent().parent().find('.uploaderror');
		var inputtext = $(this).parent().parent().find('.inputtext');
		bar.show();
		
		$(this).parent().parent().find('form').ajaxSubmit({
			dataType:  'json',
			beforeSend: function() {
        		//showimg.empty();
        		var percentVal = '0%';
        		bar.width(percentVal);
    		},
    		uploadProgress: function(event, position, total, percentComplete) {
        		var percentVal = percentComplete + '%';
        		bar.width(percentVal);
    		},
			success: function(data) {
				if(data.error){
					alert(data.error);
					var percentVal = '0%';
					bar.width(percentVal);
					return;
				}
				//progress.hide();
				bar.hide();
				//files.html("<b>"+data.name+"("+data.size+"k)</b> <span class='delimg' rel='"+data.pic+"'>删除</span>");
				if(data.pic!=null){
				  var img = "{$_G[siteurl]}"+data.dir+data.pic;
				  inputtext.val(img);
				  showimg.html("<img src='"+img+"' style='width:100%;'>");
				  uploadcover.hide();
				}
			},
			error:function(xhr){
				bar.width('0');
				uploaderror.html(xhr.responseText);
			}
		});
	});
	
	
});
</script>
</body>
</html>