event_join_modify_single.htm 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width; initial-scale=1.0;">
  5. <title>{lang xj_event:huodbm}</title>
  6. <link rel="stylesheet" href="source/plugin/xj_event/mobileui/jquery.mobile-1.4.5.css">
  7. <script src="source/plugin/xj_event/mobileui/jquery.js"></script>
  8. <script src="source/plugin/xj_event/mobileui/jquery.mobile-1.4.5.js"></script>
  9. <script type="text/javascript" src="source/plugin/xj_event/module/wsqcenter/js/jquery.form.js"></script>
  10. <script>
  11. $(function(){
  12. $("#sumbitbtn").click(function(){
  13. var postjson = [];
  14. var a = false;
  15. var json = {};
  16. json[$('#applynumber').attr('name')] = $('#applynumber').val();
  17. <!--{if $setting[cost]}-->
  18. <!--{loop $setting[cost] $value}-->
  19. json['cost{$value[id]}'] = $('#applynumber{$value[id]}').val();
  20. <!--{/loop}-->
  21. <!--{/if}-->
  22. $('#tabs-1 input').each(function(index) {
  23. if($(this).attr('type')=='text' || $(this).attr('type')=='hidden'){
  24. json[$(this).attr('name')] = $(this).val();
  25. }
  26. if($(this).attr('type')=='checkbox'){
  27. if($(this).is(':checked')){
  28. var checkboxname = $(this).attr('name').replace('[]','');
  29. if(json[checkboxname]){
  30. json[checkboxname] = json[checkboxname] + ',' + $(this).val();
  31. }else{
  32. json[checkboxname] = $(this).val();
  33. }
  34. }
  35. }
  36. if( $(this).attr('type')=='radio'){
  37. if($(this).is(':checked')){
  38. json[$(this).attr('name')] = $(this).val();
  39. }
  40. }
  41. if($(this).attr('type')=='date'){
  42. json[$(this).attr('name')] = $(this).val();
  43. }
  44. });
  45. $('#tabs-1 select').each(function(index) {
  46. json[$(this).attr('name')] = $(this).val();
  47. });
  48. //判断是否有空的数据
  49. if(JSON.stringify(json).indexOf('""')>-1){
  50. a = true;
  51. }
  52. $('#tabs-1 textarea').each(function(index) {
  53. json[$(this).attr('name')] = $(this).val();
  54. });
  55. //alert(JSON.stringify(json));
  56. postjson.push(json);
  57. //判断是否有空的数据
  58. if(a){
  59. confirmDialog('{lang xj_event:hbqndxxwtxwz}');
  60. $("#popupBasic").popup('open');
  61. return;
  62. }
  63. var postdata = JSON.stringify(postjson);
  64. $('#sumbitbtn').hide();
  65. $.ajax({
  66. cache: false,
  67. type: "POST",
  68. url: 'plugin.php?id=xj_event:event_join_modify_single&tid={$tid}&action=modifyfull&formhash={$_G[formhash]}',
  69. data: postdata,
  70. dataType: 'json',
  71. async: true,
  72. error: function(request) {
  73. alert("Connection error");
  74. $('#sumbitbtn').show();
  75. },
  76. success: function(json) {
  77. if(json.full == 1){
  78. $('#message_content_3').html(json.message);
  79. $.mobile.changePage("#pagethree");
  80. if(json.url){
  81. $("#pagethree_retrunurl").attr('href','{$_G[siteurl]}'+json.url);
  82. }else{
  83. $("#pagethree_retrunurl").attr('href','{$retrunurl}');
  84. }
  85. return true;
  86. }else if(json.full == 2){
  87. confirmDialog(json.message);
  88. $('#sumbitbtn').show();
  89. return false;
  90. }
  91. }
  92. });
  93. });
  94. //地区选择
  95. var residecity;
  96. $("body").on("click",".residecity", function () {
  97. residecity = $(this);
  98. $.ajax({
  99. cache: false,
  100. type: "POST",
  101. url: 'plugin.php?id=xj_event:city&level=1&mobile=yes',
  102. dataType: 'html',
  103. async: true,
  104. error: function(request) {
  105. alert("Connection error");
  106. },
  107. success: function(html) {
  108. residecity.hide();
  109. residecity.next().html(html);
  110. $("#province").selectmenu();
  111. }
  112. });
  113. });
  114. $("body").on("change","#province",function(){
  115. var province = $(this).val();
  116. $.ajax({
  117. cache: false,
  118. type: "POST",
  119. url: 'plugin.php?id=xj_event:city&level=2&province='+province,
  120. dataType: 'html',
  121. async: true,
  122. error: function(request) {
  123. alert("Connection error");
  124. },
  125. success: function(html) {
  126. residecity.next().html(html);
  127. $("#province").selectmenu();
  128. $("#city").selectmenu();
  129. }
  130. });
  131. // alert($(this).find("option:selected").text());
  132. });
  133. $("body").on("change","#city",function(){
  134. var city = $(this).val();
  135. var province = $("#province").val();
  136. $.ajax({
  137. cache: false,
  138. type: "POST",
  139. url: 'plugin.php?id=xj_event:city&level=2&province='+province+'&city='+city,
  140. dataType: 'html',
  141. async: true,
  142. error: function(request) {
  143. alert("Connection error");
  144. },
  145. success: function(html) {
  146. residecity.next().html(html);
  147. $("#province").selectmenu();
  148. $("#city").selectmenu();
  149. $("#county").selectmenu();
  150. }
  151. });
  152. });
  153. $("body").on("change","#county",function(){
  154. var county = $(this).val();
  155. var province = $("#province").val();
  156. var city = $("#city").val();
  157. $.ajax({
  158. cache: false,
  159. type: "POST",
  160. url: 'plugin.php?id=xj_event:city&level=3&province='+province+'&city='+city+'&county='+county,
  161. dataType: 'html',
  162. async: true,
  163. error: function(request) {
  164. alert("Connection error");
  165. },
  166. success: function(html) {
  167. if(html.indexOf('<!--end-->')>-1){
  168. residecity.prev().html($("#province").find("option:selected").text() + $("#city").find("option:selected").text() + $("#county").find("option:selected").text());
  169. residecity.prev().prev().val($("#province").find("option:selected").text() + $("#city").find("option:selected").text() + $("#county").find("option:selected").text());
  170. residecity.next().html('');
  171. residecity.show();
  172. }else{
  173. residecity.next().html(html);
  174. $("#province").selectmenu();
  175. $("#city").selectmenu();
  176. $("#county").selectmenu();
  177. $("#town").selectmenu();
  178. }
  179. }
  180. });
  181. });
  182. $("body").on("change","#town",function(){
  183. residecity.prev().html($("#province").find("option:selected").text() + $("#city").find("option:selected").text() + $("#county").find("option:selected").text() + $("#town").find("option:selected").text());
  184. residecity.prev().prev().val($("#province").find("option:selected").text() + $("#city").find("option:selected").text() + $("#county").find("option:selected").text() + $("#town").find("option:selected").text());
  185. residecity.next().html('');
  186. residecity.show();
  187. });
  188. });
  189. function confirmDialog(text) {
  190. var popupDialogId = 'popupDialog';
  191. $('<div data-role="popup" id="'+popupDialogId+'" class="ui-content" data-theme="a">\
  192. <p>'+text+'</p>\
  193. </div>')
  194. .appendTo($.mobile.pageContainer);
  195. var popupDialogObj = $('#' + popupDialogId);
  196. popupDialogObj.trigger('create');
  197. popupDialogObj.popup();
  198. popupDialogObj.popup('open');
  199. }
  200. </script>
  201. </head>
  202. <body>
  203. <div data-role="page" id="pageone">
  204. <!--{if !$Appbyme && !$magapp && !$QianFan}-->
  205. <div data-role="header">
  206. <h1>{lang xj_event:huodbm}</h1>
  207. </div>
  208. <!--{/if}-->
  209. <div data-role="content" style="padding:0px;">
  210. <div style="height:100px; border-bottom:1px solid #e5e5e5; background-color:#FFF;">
  211. <div style="width:25%; float:left; text-align:center; font-size:16px; line-height:30px; padding-top:24px;font-family: Microsoft YaHei;">
  212. {lang xj_event:zongme}<br>
  213. <span style="color:#498d34; font-size:20px;">{$items[event_number]}</span>
  214. </div>
  215. <div style="width:25%; float:left; text-align:center; font-size:16px; line-height:30px; padding-top:24px;font-family: Microsoft YaHei;">
  216. {lang xj_event:yishenqing}<br>
  217. <span style="color:#498d34; font-size:20px;">{$applyysq}</span>
  218. </div>
  219. <div style="width:25%; float:left; text-align:center; font-size:16px; line-height:30px; padding-top:24px;font-family: Microsoft YaHei;">
  220. {lang xj_event:yitongguo}<br>
  221. <span style="color:#498d34; font-size:20px;">{$applyytg}</span>
  222. </div>
  223. <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;">
  224. {lang xj_event:shengyu}<br>
  225. <span style="color:#498d34; font-size:20px;">{$applysy}</span>
  226. </div>
  227. </div>
  228. <div style="font-size:14px; color:#348416; margin-top:10px; line-height:30px; height:30px; padding-left:15px;">
  229. {lang xj_event:qtxxybmdys}
  230. </div>
  231. <!--{if $setting[cost]}-->
  232. <input type="hidden" id="applynumber" name="applynumber" value="{$apply[applynumber]}">
  233. <!--{loop $setting[cost] $value}-->
  234. <div style="background-color:#fff; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:10px 15px;">
  235. <span style="font-size:14px;">{$value[cost_name]}</span><input type="text" data-role="none" id="applynumber{$value[id]}" name="cost{$value[id]}" value="{$apply[ufielddata]['cost'.$value[id]]}" style="width:20%; border:0px; line-height:28px; font-size:14px;font-family: Microsoft YaHei; padding-left:20px;" readonly>
  236. <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>
  237. <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>
  238. </div>
  239. <!--{/loop}-->
  240. <script>
  241. function applynumberjia(a){
  242. var i = parseInt($('#applynumber'+a).val())+1;
  243. var t = parseInt($('#applynumber').val())+1;
  244. if(t<={$items[event_number_max]}){
  245. $('#applynumber'+a).attr('value',i);
  246. $('#applynumber').attr('value',t);
  247. }
  248. }
  249. function applynumberjian(a){
  250. var i = parseInt($('#applynumber'+a).val())-1;
  251. var t = parseInt($('#applynumber').val())-1;
  252. if(i>=0 && t>0){
  253. $('#applynumber'+a).attr('value',i);
  254. $('#applynumber').attr('value',t);
  255. }
  256. }
  257. </script>
  258. <!--{else}-->
  259. <div style="background-color:#fff; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:10px 15px;">
  260. <input type="text" data-role="none" id="applynumber" name="applynumber" value="{$apply[applynumber]}" style="width:20%; border:0px; line-height:28px; font-size:18px;font-family: Microsoft YaHei;"" readonly="readonly">
  261. <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>
  262. <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>
  263. </div>
  264. <script>
  265. function applynumberjia(){
  266. var i = parseInt($('#applynumber').val())+1;
  267. if(i<={$items[event_number_max]}){
  268. $('#applynumber').attr('value',i);
  269. }
  270. }
  271. function applynumberjian(){
  272. var i = parseInt($('#applynumber').val())-1;
  273. if(i>0){
  274. $('#applynumber').attr('value',i);
  275. }
  276. }
  277. </script>
  278. <!--{/if}-->
  279. <div style="font-size:14px; color:#348416; margin-top:10px; line-height:30px; height:30px; padding-left:15px;">
  280. {lang xj_event:qtxbmxx}
  281. </div>
  282. <div id="tabs-1" style="background-color:#fff;border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:15px 15px;">
  283. <!--{if $setting[session]}-->
  284. <label for="select-native-1">{lang xj_event:huodongcc}:</label>
  285. <select name="session" id="select-native-1">
  286. <!--{loop $setting[session] $s_key $s_value}-->
  287. <option value="$s_key" <!--{if $apply[session] == $s_key}-->selected="selected"<!--{/if}-->>$s_value</option>
  288. <!--{/loop}-->
  289. </select>
  290. <!--{/if}-->
  291. <!--{if !empty($selectuserfield)}-->
  292. <!--{loop $selectuserfield $fieldid}-->
  293. <!--{if $settings[$fieldid][available]}-->
  294. <label for="textarea-1">$settings[$fieldid][title]</label>
  295. <!--{if $settings[$fieldid][formtype] != 'file'}-->
  296. <!--{if $settings[$fieldid][formtype] == 'checkbox'}-->
  297. $apply[ufielddata][$fieldid]
  298. <!--{elseif $fieldid == 'residecity'}-->
  299. <!--{eval
  300. echo str_replace('value=""><span></span>','value="'.$apply[ufielddata][$fieldid].'"><span>'.$apply[ufielddata][$fieldid].'</span>',$htmls[$fieldid]);
  301. }-->
  302. <!--{else}-->
  303. <!--{eval
  304. echo str_replace('value=""','value="'.$apply[ufielddata][$fieldid].'"',$htmls[$fieldid]);
  305. }-->
  306. <!--{/if}-->
  307. <!--{else}-->
  308. <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;';}">
  309. <!--{/if}-->
  310. <!--{/if}-->
  311. <!--{/loop}-->
  312. <!--{/if}-->
  313. <!--{if !empty($myuserfield)}-->
  314. <!--{loop $myuserfield $value}-->
  315. <label for="textarea-1">{$value[title]}</label>
  316. {$value[html]}
  317. <!--{/loop}-->
  318. <!--{/if}-->
  319. <label for="textarea-1">{lang xj_event:liuyan}</label>
  320. <textarea name="message" maxlength="100" id="textarea-1">{$apply[bmmessage]}</textarea>
  321. </div>
  322. <div style="height:20px;"></div>
  323. <span data-role="none" 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;" id="sumbitbtn">{lang xj_event:save}</span>
  324. <a href="plugin.php?id=xj_event:event_join&action=cannel&tid={$tid}&formhash={$_G[formhash]}" data-ajax="false" data-role="none" style=" display:block; text-decoration:none;margin:5%; background-color:#b9b9b9; padding:10px; font-size:18px; color:#FFF; text-align:center;font-family:'Microsoft YaHei';text-shadow:none; font-weight:normal;">{lang xj_event:qxbm}</a>
  325. </div>
  326. </div>
  327. <div data-role="page" id="pagetwo" style="background-color:#eef0f1;">
  328. <div data-role="header" style="background-color:#f7f7f7;">
  329. <h1>{lang xj_event:huodbm}</h1>
  330. </div>
  331. <div style="text-align:center; padding-top:40px; padding-bottom:30px;">
  332. <img src="source/plugin/xj_event/images/warning.png" style="width:30%;"><br><br>
  333. <span id="message_content" style=" font-size:18px; color:#a0a0a0;font-family:'Microsoft YaHei';"></span>
  334. </div>
  335. <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>
  336. </div>
  337. <div data-role="page" id="pagethree" style="background-color:#eef0f1;">
  338. <div data-role="header" style="background-color:#f7f7f7;">
  339. <h1>{lang xj_event:huodbm}</h1>
  340. </div>
  341. <div style="text-align:center; padding-top:40px; padding-bottom:30px;">
  342. <img src="source/plugin/xj_event/images/complete.png" style="width:30%;"><br><br>
  343. <span id="message_content_3" style=" font-size:18px; color:#a0a0a0;font-family:'Microsoft YaHei';">{lang xj_event:gxnbmcgqddsh}</span>
  344. </div>
  345. <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>
  346. </div>
  347. <script language="javascript">
  348. $(function(){
  349. //上传图片
  350. $("body").on("change",".uploadfile",function(){
  351. var showimg = $(this).parent().parent().find('.showimg');
  352. var bar = $(this).parent().parent().find('.bar');
  353. var uploadcover = $(this).parent().parent().find('.uploadcover');
  354. var uploaderror = $(this).parent().parent().find('.uploaderror');
  355. var inputtext = $(this).parent().parent().find('.inputtext');
  356. bar.show();
  357. $(this).parent().parent().find('form').ajaxSubmit({
  358. dataType: 'json',
  359. beforeSend: function() {
  360. //showimg.empty();
  361. var percentVal = '0%';
  362. bar.width(percentVal);
  363. },
  364. uploadProgress: function(event, position, total, percentComplete) {
  365. var percentVal = percentComplete + '%';
  366. bar.width(percentVal);
  367. },
  368. success: function(data) {
  369. if(data.error){
  370. alert(data.error);
  371. var percentVal = '0%';
  372. bar.width(percentVal);
  373. return;
  374. }
  375. //progress.hide();
  376. bar.hide();
  377. //files.html("<b>"+data.name+"("+data.size+"k)</b> <span class='delimg' rel='"+data.pic+"'>删除</span>");
  378. if(data.pic!=null){
  379. var img = "{$_G[siteurl]}"+data.dir+data.pic;
  380. inputtext.val(img);
  381. showimg.html("<img src='"+img+"' style='width:100%;'>");
  382. uploadcover.hide();
  383. }
  384. },
  385. error:function(xhr){
  386. bar.width('0');
  387. uploaderror.html(xhr.responseText);
  388. }
  389. });
  390. });
  391. });
  392. </script>
  393. </body>
  394. </html>