partimes.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  1. {template 'common/header'}
  2. <style>
  3. ul,li {padding:0; margin:0; border:0;}
  4. body{background:#d2e6e9; padding-bottom:63px;}
  5. .btn-group-top-box{padding:10px 0; border-bottom:1px solid #a5d7de; font-family:Helvetica, Arial, sans-serif; text-align:center; width:100%;}
  6. .btn-group-top{overflow:hidden;}
  7. .btn-group-top .btn{ -webkit-box-shadow:none; box-shadow:none; border-color:#5ac5d4; color:#5ac5d4; background:#d1e5e9; padding:6px;}
  8. .btn-group-top .btn:hover{color:#FFF; background:#addbe1;}
  9. .btn-group-top .btn.active{color:#FFF; background:#5ac5d4;}
  10. .btn.use{background:#56c6d6; color:#FFF; border:0; border-radius:4px;}
  11. .scroll-container .list-group {list-style:none; padding:0; margin:0; width:100%; text-align:left;}
  12. .scroll-container .list-group .list-group-item{border:none; background:#d2e6e9;}
  13. .scroll-container .list-group .list-group-item .con{background:#ffffff; width:280px; margin:0 auto;}
  14. .scroll-container .list-group .list-group-item .list-hd{padding:5px 20px;}
  15. .scroll-container .list-group .list-group-item .list-hd h5{font-weight:bold; margin-bottom:2px; font-size:16px; color:#444444;}
  16. .scroll-container .list-group .list-group-item .list-hd p{color:#b8b8b9;}
  17. .scroll-container .list-group .list-group-item .list-con img{display:block; width:90%; margin:0 auto;}
  18. .scroll-container .list-group .list-group-item .list-con .derpn{padding:10px 10px 0 10px; border-top:1px dotted rgb(204, 204, 204); margin-top:10px;display:none;}
  19. .scroll-container .list-group .list-group-item .list-ft{width:290px; background: transparent url('resource/images/ft-bg.png') no-repeat 0 0; background-size: 100% auto; height: 44px; line-height: 48px; overflow: hidden; position:relative; left:-5px; top:5px; padding:0 0 0 15px;}
  20. .scroll-container .list-group .list-group-item .list-ft b{color: #56c6d6; font-size: 30px; margin-right:5px;}
  21. .scroll-container .list-group .list-group-item .list-ft .btns{width:105px; text-align:center; font-size:18px; color:#ffffff; line-height:44px;}
  22. .scroll-container .list-group .list-group-item .list-ft .btns a{color:#ffffff;}
  23. .scroll-container .load-more{padding:10px;text-align:center;font-size:1em;}
  24. .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color:#5ac5d4; border-color:#5ac5d4;}
  25. .pagination>li>a, .pagination>li>span{color:#5ac5d4; border:1px solid #a5d7de;}
  26. </style>
  27. <script type="text/javascript">
  28. $('.con').click(function(){
  29. var description = $(this).find('.derpn').text();
  30. if (description.indexOf('<') >= 0) {
  31. $(this).find('.derpn').html(description);
  32. }
  33. $(this).find('.derpn').slideToggle(500);
  34. });
  35. </script>
  36. {if $do == 'display'}
  37. {template 'activity/nav'}
  38. <div class="scroll-container">
  39. <div class="wrapper">
  40. <ul class="list-group" >
  41. {loop $lists $list}
  42. <li class="list-group-item">
  43. <div class="con">
  44. <div class="list-hd">
  45. <h5>{$list['title']}({$list['extra']['title']})</h5>
  46. <p>有效期至{php echo date('Y年m月d日', $list['endtime']);}</p>
  47. </div>
  48. <div class="list-con">
  49. <img src="{php echo tomedia($list['thumb'])}">
  50. <div class="derpn">
  51. {php echo htmlspecialchars_decode($list['description'])}
  52. </div>
  53. </div>
  54. <div class="list-ft">
  55. <div class="pull-left">{$creditnames[$list['credittype']]}:<b>{$list['credit']}</b></div>
  56. <div class="pull-right btns"><a href="{php echo url('activity/partimes/post', array('id' => $list['id']))}">立即兑换</a></div>
  57. </div>
  58. </div>
  59. </li>
  60. {/loop}
  61. </ul>
  62. <div class="btn-group-top-box">
  63. <div class="btn-group btn-group-top">
  64. {$pager}
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. {elseif $do == 'deliver'}
  70. <style>
  71. .panel{margin:.5em;padding:.5em;}
  72. .actions{margin:.8em auto;}
  73. .nav.nav-tabs{margin-bottom:.8em;}
  74. </style>
  75. <script type="text/javascript">
  76. $("#form1").submit(function(){
  77. if($("#realname").val().trim() == '') {
  78. util.message('请填写收货人姓名');
  79. return false;
  80. }
  81. if($("#mobile").val().trim() == '') {
  82. util.message('请填写收货人电话');
  83. return false;
  84. }
  85. var reg = /^0?1[3|4|5|8][0-9]\d{8}$/;
  86. if (!reg.test($('#mobile').val())) {
  87. util.message('收货人电话格式不正确');
  88. return false;
  89. }
  90. if($("#zipcode").val().trim() == '') {
  91. util.message('请填写收货人邮编');
  92. return false;
  93. }
  94. if($("#zipcode").val().trim() == '') {
  95. util.message('请填写收货人邮编');
  96. return false;
  97. }
  98. if($("#address").val().trim() == '') {
  99. util.message('请填写收货人地址');
  100. return false;
  101. }
  102. });
  103. </script>
  104. <div class="btn-group-top-box">
  105. <div class="btn-group btn-group-top">
  106. <a href="{php echo url('activity/partimes/mine/', array('status' => '0'))}" class="btn btn-default {if ($_GPC['type'] != 'used')}active{/if}">待发货</a>
  107. <a href="{php echo url('activity/partimes/mine/', array('status' => '1'))}" class="btn btn-default {if ($_GPC['type'] == 'used')}active{/if}">已发货</a>
  108. <a href="{php echo url('activity/partimes/mine/', array('status' => '2'))}" class="btn btn-default {if ($_GPC['type'] == 'used')}active{/if}">已完成</a>
  109. </div>
  110. </div>
  111. <div class="panel">
  112. <div class="page-header">
  113. <h4>收货人信息</h4>
  114. </div>
  115. <form name="theform" method="post" id="form1" action="">
  116. <ul class="nav nav-tabs">
  117. <li class="active"><a href="#basic">收货人信息</a></li>
  118. </ul>
  119. <div class="tab-content">
  120. <div class="tab-pane animated active">
  121. <div class="form-group">
  122. <label class="control-label">收货人姓名</label>
  123. <input name="realname" id="realname" type="text" class="form-control" placeholder="收货人姓名" value="{$ship['name']}">
  124. </div>
  125. <div class="form-group">
  126. <label class="control-label">收货人电话</label>
  127. <input name="mobile" id="mobile" type="text" class="form-control" placeholder="收货人电话" value="{$ship['mobile']}">
  128. </div>
  129. <div class="form-group">
  130. <label class="control-label">收货人邮编</label>
  131. <input name="zipcode" id="zipcode" type="text" class="form-control" placeholder="收货人邮编" value="{$ship['zipcode']}">
  132. </div>
  133. <div class="form-group">
  134. <label class="control-label">邮寄省市县(区)</label>
  135. {php echo tpl_fans_form('reside', array('province' => $ship['province'], 'city' => $ship['city'], 'district' => $ship['residedist']));}
  136. </div>
  137. <div class="form-group">
  138. <label class="control-label">收货人地址</label>
  139. <input name="address" id="address" type="text" class="form-control" placeholder="收货人地址" value="{$ship['address']}">
  140. </div>
  141. </div>
  142. </div>
  143. <input type="hidden" name="status" value="{$list.status}">
  144. <input type="hidden" name="token" value="{$_W['token']}" />
  145. <input type="hidden" name="id" value="{$id}" >
  146. <input type="hidden" name="sid" value="{$sid}" >
  147. <input type="submit" name="submit" class="btn btn-primary btn-block" value="提交资料">
  148. {if $list['status'] == 1}
  149. <input type="submit" name="submit" class="btn btn-warning btn-block" value="确认收获">
  150. {/if}
  151. </form>
  152. </div>
  153. {elseif $do == 'mine'}
  154. <div class="voucher-main">
  155. <div class="btn-group-top-box">
  156. <div class="btn-group btn-group-top">
  157. <a href="{php echo url('activity/partimes/mine/', array('status' => '1'))}" class="btn btn-default {if ($_GPC['status'] == '1' || $_GPC['status'] == '')}active{/if}">已使用</a>
  158. <a href="{php echo url('activity/partimes/mine/', array('status' => '2'))}" class="btn btn-default {if ($_GPC['status'] == '2')}active{/if}">未使用</a>
  159. </div>
  160. </div>
  161. <div class="scroll-container">
  162. <div class="wrapper">
  163. <ul class="list-group" >
  164. {loop $lists $list}
  165. <li class="list-group-item">
  166. <div class="con">
  167. <div class="list-hd">
  168. <h5>{$list['title']}({$list['extra']['title']})</h5>
  169. <p>有效期至{php echo date('Y年m月d日', $list['endtime']);}</p>
  170. </div>
  171. <div class="list-con">
  172. <img src="{php echo tomedia($list['thumb'])}">
  173. <div class="derpn">
  174. {php echo htmlspecialchars_decode($list['description'])}
  175. </div>
  176. </div>
  177. <div class="list-ft">
  178. <div class="pull-left">{$creditnames[$list['credittype']]}:<b>{$list['credit']}</b></div>
  179. {if $list['status'] == 0}
  180. <div class="pull-right btns"><a href="{php echo url('activity/partimes/deliver', array('exid' => $list['exid']))}">收货人信息</a></div>
  181. {elseif $list['status'] == 1}
  182. <div class="pull-right btns"><a href="{php echo url('activity/partimes/confirm', array('exid' => $list['exid']))}">确认收货</a></div>
  183. {else}
  184. <div class="pull-right btns"><a href="javascript:;">交易已完成</a></div>
  185. {/if}
  186. </div>
  187. </div>
  188. </li>
  189. {/loop}
  190. </ul>
  191. </div>
  192. </div>
  193. <div class="btn-group-top-box">
  194. <div class="btn-group btn-group-top">
  195. {$pager}
  196. </div>
  197. </div>
  198. </div>
  199. {/if}
  200. {template 'common/toolbar'}
  201. {template 'common/footer'}