gift-post.html 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803
  1. {template 'common/header'}
  2. {template 'wechat/nav'}
  3. <style>
  4. .marbot0{margin-bottom:0}
  5. .form{display:none}
  6. .clear{width:100%;height:0;clear:both;}
  7. .alert{margin:1px 0;padding:10px 15px;background:#F5F5F5;}
  8. .card-title{background: url("./resource/images/card.png") no-repeat scroll 0 -84px rgba(0, 0, 0, 0);color: #ffffff;font-size: 17px;height: 62px;line-height: 85px;text-align: center;}
  9. .shop-panel{padding:21px 12px 12px;color:#FFF;position: relative}
  10. .logo-area{margin-bottom:7px;}
  11. .logo-area .logo{width:38px;height: 38px;padding-top: 0;margin-right: 7px;border-radius: 22px;border: 1px solid #d3d3d3;}
  12. .logo-area .logo img{width:38px;height: 38px;border-radius: 22px;}
  13. .msg-area{}
  14. .tick-msg{text-align: center;margin-bottom: 6px;color:#fff;}
  15. .tick-msg b{font-weight: normal;font-size:24px;color:#fff}
  16. .tick-time{text-align: center;color:#fff}
  17. .deco{position:absolute;bottom: -1px;left: 0;width: 100%;height: 5px;background: url(./resource/images/card_tpl.png) repeat-x;}
  18. .card-dispose{padding:15px 0;border-bottom: 1px solid #e7e7eb;margin-bottom: 15px;background: #fff;position: relative}
  19. .unset{height:30px;line-height:30px;padding-left:15px;display: none;}
  20. .barcode{width:320px;height:71px;margin:0 auto;background:url("./resource/images/card.png") 27px -156px no-repeat}
  21. .qrcode{width:320px;height:174px;margin:0 auto;background:url("./resource/images/card.png") 70px -237px no-repeat}
  22. .sn-area{text-align: center;font-size:25px;color:#000;}
  23. .code_num{font-size:15px;text-align: center;margin-bottom: 10px;}
  24. .list{border-top:1px solid #e7e7eb;border-bottom:1px solid #e7e7eb;background: #fff;padding:0;}
  25. .list li{padding-left:15px;list-style: none;position: relative}
  26. .li-panel{padding:11px 30px 11px 0;display:block;border-bottom: 1px solid #e7e7eb;}
  27. .ricon{position: absolute;right:20px;top:15px}
  28. .cicon{position: absolute;left:50%;top:25%;display:none;}
  29. .hover{background: #E9E9E9;opacity:0.8}
  30. .arrow_in{position: absolute;width:0;height:0;border-width: 12px;border-style: dashed;border-color: transparent;top:120px;left:-13px;border-left-width: 0;border-right-color: #f4f5f9;border-right-style: solid;}
  31. .code_preview{display: none}
  32. </style>
  33. {if $op == 'post' && !$id}
  34. <div class="main">
  35. <form action="" method="post" id="form-location" class="form-horizontal" enctype="multipart/form-data">
  36. <div class="panel panel-default" id="step1">
  37. <div class="panel-heading">
  38. 礼品券
  39. </div>
  40. <div class="panel-body">
  41. <div class="pull-left" style="width:320px;background:#F4F5F9;margin-right:20px;border:1px solid #E7E7EB">
  42. <div class="card-title">礼品券</div>
  43. <div class="card_section" style="position: relative">
  44. <div class="shop-panel" id="color-purview" style="background: #a9d92d">
  45. <div class="logo-area">
  46. <span class="logo pull-left"><img src="{$setting['logourl_']}" alt=""/></span>
  47. <div class="pull-left" style="height:38px;line-height:38px" id="brand_name">商家信息</div>
  48. <div class="clear"></div>
  49. </div>
  50. <div class="msg-area">
  51. <div class="tick-msg">
  52. <p><b id="title-purview">礼品券标题</b></p>
  53. <p id="sub-title-purview">礼品券副标题</p>
  54. </div>
  55. <p id="sub-time-purview" style="text-align: center">有效期:{php echo date('Y-m-d')} ~ {php echo date('Y-m-d', time() + 30 * 86400)}</p>
  56. </div>
  57. <div class="deco"></div>
  58. <div class="cicon">
  59. <a href="javascript:;" data-id="form1"><i class="fa fa-pencil"></i></a>
  60. </div>
  61. </div>
  62. </div>
  63. <div class="card-dispose">
  64. <div class="unset" id="destroy_title">
  65. <p>销券设置</p>
  66. </div>
  67. <div class="destroy_type_preview">
  68. <div class="barcode-area code_preview code_preview_3" style="display: block">
  69. <div class="barcode"></div>
  70. <p class="code_num">1513-2290-1878</p>
  71. </div>
  72. <div class="qrcode-area code_preview code_preview_2">
  73. <div class="qrcode"></div>
  74. <p class="code_num">1513-2290-1878</p>
  75. </div>
  76. <div class="sn-area code_preview code_preview_1">1513-2290-1878</div>
  77. <p style="text-align: center" id="notice-purview">请在付款时出示此券</p>
  78. </div>
  79. <div class="cicon">
  80. <a href="javascript:;" data-id="form2"><i class="fa fa-pencil"></i></a>
  81. </div>
  82. </div>
  83. <div class="shop-detail">
  84. <ul class="list">
  85. <li>
  86. <div class="li-panel">
  87. <div class="li-content">礼品券详情</div>
  88. <span class="ricon fa fa-angle-right"></span>
  89. <div class="cicon">
  90. <a href="javascript:;" data-id="form3"><i class="fa fa-pencil"></i></a>
  91. </div>
  92. </div>
  93. </li>
  94. <li>
  95. <div class="li-panel">
  96. <div class="li-content">适用门店</div>
  97. <span class="ricon fa fa-angle-right"></span>
  98. <div class="cicon">
  99. <a href="javascript:;" data-id="form4"><i class="fa fa-pencil"></i></a>
  100. </div>
  101. </div>
  102. </li>
  103. </ul>
  104. </div>
  105. <div class="shop-detail">
  106. <ul class="list">
  107. <li>
  108. <div class="li-panel">
  109. <div class="li-content">立即使用</div>
  110. <span class="ricon">系统已实现</span>
  111. </div>
  112. </li>
  113. <li>
  114. <div class="li-panel" style="border-bottom: none">
  115. <div class="li-content" id="promotion_url_name">个人中心</div>
  116. <div class="ricon"><span id="promotion_url_sub_title">点击进入 </span><i class="fa fa-angle-right"></i></div>
  117. <div class="cicon">
  118. <a href="javascript:;" data-id="form6"><i class="fa fa-pencil"></i></a>
  119. </div>
  120. </div>
  121. </li>
  122. </ul>
  123. </div>
  124. </div>
  125. <div class="pull-left alert form" style="width:700px;position:relative;display:block;" id="form1">
  126. <div class="arrow_in"></div>
  127. <h4 style="margin-top:20px;">券面信息</h4>
  128. <div class="form-group">
  129. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 是否上架</label>
  130. <div class="col-sm-9 col-xs-12">
  131. <label class="radio-inline">
  132. <input type="radio" value="1" name="is_display" checked/> 上架
  133. </label>
  134. <label class="radio-inline">
  135. <input type="radio" value="0" name="is_display"/> 下架
  136. </label>
  137. </div>
  138. </div>
  139. <div class="form-group">
  140. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 商户LOGO</label>
  141. <div class="col-sm-9 col-xs-12" id="logo_upload">
  142. {php echo tpl_form_field_wechat_image('logo_url', $setting['logourl'], '', array('acid' => $acid, 'mode' => 'file_upload'));}
  143. <div class="help-block">商户LOGO大小不超过1M。像素为:300*300。仅支持JPG格式</div>
  144. </div>
  145. </div>
  146. <div class="form-group">
  147. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 商家信息</label>
  148. <div class="col-sm-9 col-xs-12">
  149. <input type="text" class="form-control" name="brand_name"/>
  150. <div class="help-block">商户名字,字数上限为12个汉字。 </div>
  151. </div>
  152. </div>
  153. <div class="form-group">
  154. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 卡券颜色</label>
  155. {php echo coupon_colors('color', 'Color082', $colors);}
  156. </div>
  157. <div class="form-group">
  158. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 礼品券标题</label>
  159. <div class="col-sm-9 col-xs-12">
  160. <input type="text" class="form-control" name="title"/>
  161. <div class="help-block">建议填写礼品券提供的服务或礼品名称,描述卡券提供的具体优惠</div>
  162. </div>
  163. </div>
  164. <div class="form-group">
  165. <label class="col-xs-12 col-sm-3 col-md-2 control-label"> 礼品券副标题(可选)</label>
  166. <div class="col-sm-9 col-xs-12">
  167. <input type="text" class="form-control" name="sub_title"/>
  168. <div class="help-block">不超过18个字符</div>
  169. </div>
  170. </div>
  171. <div class="form-group">
  172. <label class="col-xs-12 col-sm-3 col-md-2 control-label" style="padding-top:15px"> 有效期</label>
  173. <div class="col-sm-9 col-xs-12">
  174. <div class="radio">
  175. <div class="col-sm-3" style="padding-top:6px"><label><input type="radio" value="1" name="time_type" checked/>固定日期 </label></div>
  176. {php echo tpl_form_field_daterange('time_limit', array('start' => date('Y-m-d'), 'end' => date('Y-m-d', time() + 30*86400)));}
  177. </div>
  178. <div class="radio">
  179. <div class="col-sm-3" style="padding-top:6px"><label><input type="radio" value="2" name="time_type"/>领取后 </label></div>
  180. <div class="col-sm-3" style="margin-left:-15px">
  181. <select name="deadline" id="deadline" class="form-control">
  182. <?php
  183. for($i=0; $i<=90; $i++) {
  184. if(!$i) $n = '当'; else $n = $i;
  185. echo '<option value="'.$i.'">'.$n.'天</option>';
  186. }
  187. ?>
  188. </select>
  189. </div>
  190. <div class="col-sm-3" style="padding-top:6px">有效,有效期</div>
  191. <div class="col-sm-3" style="margin-left:-15px">
  192. <select name="limit" id="limit" class="form-control">
  193. <?php
  194. for($i=1; $i<=90; $i++) {
  195. echo '<option value="'.$i.'">'.$i.'天</option>';
  196. }
  197. ?>
  198. </select>
  199. </div>
  200. </div>
  201. </div>
  202. </div>
  203. </div>
  204. <div class="pull-left alert form" style="width:700px;position:relative;" id="form2">
  205. <div class="arrow_in"></div>
  206. <h4 style="margin-top:20px;">领券设置</h4>
  207. <div class="form-group">
  208. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 库存</label>
  209. <div class="col-sm-9 col-xs-12">
  210. <div class="input-group">
  211. <input type="text" class="form-control" name="quantity" value="300"/>
  212. <span class="input-group-addon">份</span>
  213. </div>
  214. <div class="help-block">库存只能是大于0的数字</div>
  215. </div>
  216. </div>
  217. <div class="form-group">
  218. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 领券限制</label>
  219. <div class="col-sm-9 col-xs-12">
  220. <div class="input-group">
  221. <input type="text" class="form-control" name="get_limit" value="10"/>
  222. <span class="input-group-addon">份</span>
  223. </div>
  224. </div>
  225. </div>
  226. <div class="form-group">
  227. <label class="col-xs-12 col-sm-3 col-md-2 control-label"></label>
  228. <div class="col-sm-9 col-xs-12">
  229. <div class="checkbox">
  230. <label><input type="checkbox" name="can_share" value="1" checked/> 用户可以分享领券链接</label>
  231. </div>
  232. <div class="checkbox">
  233. <label><input type="checkbox" name="can_give_friend" value="1" checked/> 用户领券后可转赠其他好友</label>
  234. </div>
  235. </div>
  236. </div>
  237. <h4 style="margin-top:20px;">销券设置</h4>
  238. <div class="form-group">
  239. <label class="col-xs-12 col-sm-3 col-md-2 control-label">销券方式</label>
  240. <div class="col-sm-9 col-xs-12">
  241. <div class="radio">
  242. <label><input type="radio" class="" name="code_type" value="1"/> 仅卡券号</label>
  243. <div class="help-block">只显示卡券号,验证后可进行销券</div>
  244. </div>
  245. <div class="radio">
  246. <label><input type="radio" class="" name="code_type" value="2"/> 二维码</label>
  247. <div class="help-block">包含卡券信息的二维码,扫描后可进行销券</div>
  248. </div>
  249. <div class="radio">
  250. <label><input type="radio" class="" name="code_type" value="3" checked/> 条形码</label>
  251. <div class="help-block">包含卡券信息的条形码,扫描后可进行销券</div>
  252. </div>
  253. </div>
  254. </div>
  255. <div class="form-group">
  256. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 操作提示</label>
  257. <div class="col-sm-9 col-xs-12">
  258. <input type="text" class="form-control" name="notice" id="notice" value="请在付款时出示此券"/>
  259. <div class="help-block">建议引导用户到店出示卡券,由店员完成核销操作。不超过16个字符</div>
  260. </div>
  261. </div>
  262. </div>
  263. <div class="pull-left alert form" style="width:700px;position:relative;" id="form3">
  264. <div class="arrow_in"></div>
  265. <h4 style="margin-top:20px;">礼品券详情</h4>
  266. <div class="form-group">
  267. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 优惠详情</label>
  268. <div class="col-sm-9 col-xs-12">
  269. <textarea name="gift" id="gift" class="form-control" rows="7"></textarea>
  270. </div>
  271. </div>
  272. <div class="form-group">
  273. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 使用须知</label>
  274. <div class="col-sm-9 col-xs-12">
  275. <textarea name="description" id="description" class="form-control" rows="7"></textarea>
  276. </div>
  277. </div>
  278. <div class="form-group">
  279. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 客服电话</label>
  280. <div class="col-sm-9 col-xs-12">
  281. <input type="text" class="form-control" name="service_phone"/>
  282. <div class="help-block">手机或固话</div>
  283. </div>
  284. </div>
  285. </div>
  286. <div class="pull-left alert form" style="width:700px;position:relative;" id="form4">
  287. <input type="hidden" name="location-select" value=""/>
  288. <div class="arrow_in"></div>
  289. <h4 style="margin-top:20px;">服务信息</h4>
  290. <div class="form-group">
  291. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 适用门店</label>
  292. <div class="col-sm-9 col-xs-12">
  293. <label class="radio"><input type="radio" value="1" name="is_location"/> 指定门店适用</label>
  294. <a href="javascript:;" class="label label-success" style="" id="select-location">选择适用门店</a>
  295. <table class="table" id="location-contain-out" style="width:500px;max-width:500px;min-width:500px;display: none">
  296. <thead>
  297. <th>名称</th>
  298. <th>地址</th>
  299. <th>操作</th>
  300. </thead>
  301. <tbody id="location-contain">
  302. </tbody>
  303. </table>
  304. <label class="radio"><input type="radio" value="2" name="is_location" checked/> 全部门店适用</label>
  305. </div>
  306. </div>
  307. </div>
  308. <div class="pull-left alert form" style="width:700px;position:relative;" id="form6">
  309. <div class="arrow_in"></div>
  310. <h4 style="margin-top:20px;">营销入口</h4>
  311. <div class="form-group">
  312. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 营销场景的自定义入口名称</label>
  313. <div class="col-sm-9 col-xs-12">
  314. <input type="text" class="form-control" name="promotion_url_name" value="个人中心"/>
  315. <div class="help-block">如:个人中心。</div>
  316. </div>
  317. </div>
  318. <div class="form-group">
  319. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 跳转链接</label>
  320. <div class="col-sm-9 col-xs-12">
  321. <input type="text" class="form-control" name="promotion_url" value="{php echo murl('mc/home/', array(), true, true);}"/>
  322. <div class="help-block">入口跳转链接地址。需要以"http://"或"https://"开头</div>
  323. </div>
  324. </div>
  325. <div class="form-group">
  326. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 营销入口右侧的提示语</label>
  327. <div class="col-sm-9 col-xs-12">
  328. <input type="text" class="form-control" name="promotion_url_sub_title" value="点击进入"/>
  329. <div class="help-block">营销入口右侧的提示语.不超过6个汉字</div>
  330. </div>
  331. </div>
  332. </div>
  333. </div>
  334. </div>
  335. <div class="form-group col-sm-12">
  336. <input name="submit" id="coupon-submit" type="submit" value="提交" class="btn btn-primary col-lg-1">
  337. <input type="hidden" name="token" value="{$_W['token']}" />
  338. </div>
  339. </form>
  340. </div>
  341. <div id="footer-location" class="hide">
  342. <span name="submit" id="submit" class="pull-right btn btn-primary">保存</span>
  343. </div>
  344. <script>
  345. $('.list li,.card-dispose,.shop-panel').hover(function(){
  346. $(this).find('.cicon').show();
  347. $(this).addClass('hover');
  348. }, function(){
  349. $(this).find('.cicon').hide();
  350. $(this).removeClass('hover');
  351. });
  352. $('#form1').mouseover(function(){
  353. var bg_color = $(':input[name="color-value"]').val();
  354. if(!bg_color) {
  355. bg_color = '#a9d92d';
  356. }
  357. $('#color-purview').css('background-color', bg_color);
  358. if($(':input[name="title"]').val()) {
  359. $('#title-purview').html($(':input[name="title"]').val());
  360. }
  361. if($(':input[name="sub_title"]').val()) {
  362. $('#sub-title-purview').html($(':input[name="sub_title"]').val());
  363. }
  364. if($(':input[name="brand_name"]').val()) {
  365. $('#brand_name').html($(':input[name="brand_name"]').val());
  366. }
  367. $('.logo-area img').attr('src', $('#logo_upload img').attr('src'));
  368. var time_type = $(':radio[name="time_type"]:checked').val();
  369. var time = '';
  370. if(time_type == 1) {
  371. var startime = $("input[name='time_limit[start]']").val();
  372. var endtime = $("input[name='time_limit[end]']").val();
  373. time = '有效期:'+startime+'~'+endtime;
  374. } else if(time_type == 2) {
  375. var deadline = parseInt($('#deadline').val());
  376. var limit = parseInt($('#limit').val());
  377. var now = new Date();
  378. now.setHours(0, 0, 0);
  379. var unixtime =Date.parse(now)/1000;
  380. unixtime += (deadline*86400);
  381. var startime = new Date(parseInt(unixtime) * 1000).toLocaleString().substr(0,9).replace(/\//g, "-");
  382. unixtime += (limit*86400);
  383. var endtime = new Date(parseInt(unixtime) * 1000).toLocaleString().substr(0,9).replace(/\//g, "-");
  384. time = '有效期:'+startime+'~'+endtime;
  385. }
  386. $('#sub-time-purview').html(time);
  387. });
  388. $('.cicon a').click(function(){
  389. $('.form').hide();
  390. var top = $(this).offset().top;
  391. $('#'+$(this).attr('data-id')).css('margin-top',(top-300))
  392. $('#'+$(this).attr('data-id')).show();
  393. return false;
  394. })
  395. $('#form2').mouseover(function(){
  396. var code_type = $('#form2 :radio[name="code_type"]:checked').val() || 0;
  397. if(code_type) {
  398. $('#destroy_title').hide();
  399. $('.code_preview').hide();
  400. $('.code_preview_' + code_type).show();
  401. }
  402. $('#notice-purview').html($('#form2 :text[name="notice"]').val());
  403. });
  404. $('#form4 :radio[name="is_location"]').click(function(){
  405. var is_location = $('#form4 :radio[name="is_location"]:checked').val() || 1;
  406. if(is_location == 1) {
  407. $('#select-location').show();
  408. } else {
  409. $('#select-location, #location-contain-out').hide();
  410. }
  411. });
  412. //选择门店
  413. $('#select-location').click(function(){
  414. var obj = util.dialog('选择适用门店', ["{php echo url('wechat/card/location')}"], $('#footer-location').html());
  415. obj.modal('show');
  416. obj.find('.btn.btn-primary').click(function(){
  417. var chks = $('.location-list :checkbox:checked');
  418. var locations = [];
  419. var locations_detail = [];
  420. var tmp = [];
  421. if(chks.length>0){
  422. $.each(chks, function(){
  423. locations.push($(this).val());
  424. tmp['id'] = $(this).attr('data-id');
  425. tmp['name'] = $('#loca-' + $(this).attr('data-id') + ' .name').html();
  426. tmp['address'] = $('#loca-' + $(this).attr('data-id') + ' .address').html();
  427. locations_detail.push(tmp);
  428. tmp=[];
  429. });
  430. var s = locations.join('-');
  431. $('#form4 input[name="location-select"]').val(s);
  432. if(locations_detail) {
  433. var str = '';
  434. for(var i = 0;i<locations_detail.length;i++) {
  435. str += '<tr>' +
  436. '<td>'+locations_detail[i]['name']+'</td>' +
  437. '<td>'+locations_detail[i]['address']+'</td>' +
  438. '<td>'+locations_detail[i]['address']+'</td>' +
  439. '</tr>';
  440. }
  441. $('#location-contain').html(str)
  442. $('#location-contain-out').show();
  443. }
  444. } else {
  445. $('#form4 input[name="location-select"]').val('');
  446. $('#location-contain').html('')
  447. }
  448. obj.modal('hide');
  449. });
  450. });
  451. $('#coupon-submit').click(function(){
  452. if(!$.trim($(':input[name="brand_name"]').val())) {
  453. util.message('请填写商家名称', '','error');
  454. return false;
  455. }
  456. if(!$.trim($(':input[name="color-value"]').val())) {
  457. util.message('请选择卡券颜色', '','error');
  458. return false;
  459. }
  460. if(!$.trim($(':input[name="title"]').val())) {
  461. util.message('礼品券标题不能为空', '','error');
  462. return false;
  463. }
  464. var time_type = $(':radio[name="time_type"]:checked').val();
  465. if(!time_type) {
  466. util.message('请完善礼品券有效期', '','error');
  467. return false;
  468. }
  469. var quantity = parseInt($.trim($(':text[name="quantity"]').val()));
  470. if(isNaN(quantity)) {
  471. util.message("库存只能是大于0的数字",'','error');
  472. return false;
  473. }
  474. var get_limit = parseInt($.trim($(':text[name="get_limit"]').val()));
  475. if(isNaN(get_limit)) {
  476. util.message("领券限制不合法",'','error');
  477. return false;
  478. }
  479. var code_type = $(':radio[name="code_type"]:checked').val();
  480. if(!code_type) {
  481. util.message('请选择销券方式','','error');
  482. return false;
  483. }
  484. if(!$.trim($(':text[name="notice"]').val())) {
  485. util.message('请完善操作提示', '','error');
  486. return false;
  487. }
  488. if(!$.trim($('textarea[name="gift"]').val())) {
  489. util.message('请完善优惠详情', '','error');
  490. return false;
  491. }
  492. if(!$.trim($('textarea[name="description"]').val())) {
  493. util.message('请完善使用须知', '','error');
  494. return false;
  495. }
  496. var is_location = $('#form4 :radio[name="is_location"]:checked').val();
  497. if(is_location == 1) {
  498. if(!$('#form4 input[name="location-select"]').val()) {
  499. util.message('请选择适用门店', '','error');
  500. return false;
  501. }
  502. }
  503. var data = $('#form-location').serializeArray();
  504. $('#submit').attr('disabled', true);
  505. $.post("{php echo url('wechat/card/gift', array('op' => 'post_save'))}", {'data' : data}, function(out){
  506. var out = $.parseJSON(out);
  507. if(!out.errno) {
  508. util.message(out.error, '', 'error');
  509. } else {
  510. util.message('添加礼品券成功', "{php echo url('wechat/card/display');}", 'success');
  511. }
  512. $('#submit').attr('disabled', false);
  513. return false;
  514. });
  515. return false;
  516. });
  517. </script>
  518. {else}
  519. <div class="main">
  520. <form action="" method="post" id="form-location" class="form-horizontal" enctype="multipart/form-data">
  521. <div class="panel panel-default" id="step1">
  522. <div class="panel-heading">
  523. 礼品券
  524. </div>
  525. <div class="panel-body">
  526. <div class="pull-left" style="width:320px;background:#F4F5F9;margin-right:20px;border:1px solid #E7E7EB">
  527. <div class="card-title">礼品券</div>
  528. <div class="card_section" style="position: relative">
  529. <div class="shop-panel" id="color-purview" style="background:{$colors[$item['color']]['value']}">
  530. <div class="logo-area">
  531. <span class="logo pull-left"><img src="{$item['logo_url']}" alt=""/></span>
  532. <div class="pull-left" style="height:38px;line-height:38px">{$item['brand_name']}</div>
  533. <div class="clear"></div>
  534. </div>
  535. <div class="msg-area">
  536. <div class="tick-msg">
  537. <p><b id="title-purview">{$item['title']}</b></p>
  538. <p id="sub-title-purview">{$item['sub_title']}</p>
  539. </div>
  540. <p id="sub-time-purview" style="text-align: center">
  541. {if $item['date_info']['time_type'] == 1}
  542. 有效期 {$item['date_info']['time_limit_start']}~{$item['date_info']['time_limit_end']}
  543. {else}
  544. 有效期 领取后{$item['date_info']['deadline']}天后生效,{$item['date_info']['limit']}天有效
  545. {/if}
  546. </p>
  547. </div>
  548. <div class="deco"></div>
  549. <div class="cicon">
  550. <a href="javascript:;" data-id="form1"><i class="fa fa-pencil"></i></a>
  551. </div>
  552. </div>
  553. </div>
  554. <div class="card-dispose">
  555. <div class="destroy_type_preview">
  556. {if $item['code_type'] == 3}
  557. <div class="barcode-area code_preview_3">
  558. <div class="barcode"></div>
  559. <p class="code_num">1513-2290-1878</p>
  560. </div>
  561. {elseif $item['code_type'] == 2}
  562. <div class="qrcode-area code_preview_2">
  563. <div class="qrcode"></div>
  564. <p class="code_num">1513-2290-1878</p>
  565. </div>
  566. {else}
  567. <div class="sn-area code_preview_1">1513-2290-1878</div>
  568. {/if}
  569. <p style="text-align: center" id="notice-purview">{$item['notice']}</p>
  570. </div>
  571. <div class="cicon">
  572. <a href="javascript:;" data-id="form2"><i class="fa fa-pencil"></i></a>
  573. </div>
  574. </div>
  575. <div class="shop-detail">
  576. <ul class="list">
  577. <li>
  578. <div class="li-panel">
  579. <div class="li-content">礼品券设置</div>
  580. <span class="ricon fa fa-angle-right"></span>
  581. <div class="cicon">
  582. <a href="javascript:;" data-id="form3"><i class="fa fa-pencil"></i></a>
  583. </div>
  584. </div>
  585. </li>
  586. <li>
  587. <div class="li-panel">
  588. <div class="li-content">适用门店</div>
  589. <span class="ricon">{$item['location_count']}家</span>
  590. <div class="cicon">
  591. <a href="javascript:;" data-id="form4"><i class="fa fa-pencil"></i></a>
  592. </div>
  593. </div>
  594. </li>
  595. </ul>
  596. </div>
  597. <div class="shop-detail">
  598. <ul class="list">
  599. <li>
  600. <div class="li-panel">
  601. <div class="li-content">立即使用</div>
  602. <span class="ricon">系统已实现</span>
  603. </div>
  604. </li>
  605. {if !empty($item['promotion_url_name'])}
  606. <li>
  607. <div class="li-panel" style="border-bottom: none">
  608. <div class="li-content">{$item['promotion_url_name']}</div>
  609. <div class="ricon"><span>{$item['promotion_url_sub_title']}</span><i class="fa fa-angle-right"></i></div>
  610. <div class="cicon">
  611. <a href="javascript:;" data-id="form6"><i class="fa fa-pencil"></i></a>
  612. </div>
  613. </div>
  614. </li>
  615. {/if}
  616. </ul>
  617. </div>
  618. </div>
  619. <div class="pull-left alert form" style="width:700px;position:relative;display:block;" id="form1">
  620. <h4>卷面信息</h4>
  621. <div class="form-group marbot0">
  622. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 卡券类型</label>
  623. <div class="col-sm-9 col-xs-12">
  624. <p class="form-control-static">{$types[$item['type']]}</p>
  625. </div>
  626. </div>
  627. <div class="form-group marbot0">
  628. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 卡券id</label>
  629. <div class="col-sm-9 col-xs-12">
  630. <p class="form-control-static">{$item['card_id']}</p>
  631. </div>
  632. </div>
  633. <div class="form-group marbot0">
  634. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 卡券标题</label>
  635. <div class="col-sm-9 col-xs-12">
  636. <p class="form-control-static">{$item['title']}</p>
  637. </div>
  638. </div>
  639. <div class="form-group marbot0">
  640. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 卡券副标题</label>
  641. <div class="col-sm-9 col-xs-12">
  642. <p class="form-control-static">{if !empty($item['sub_title'])}{$item['sub_title']}{else}无{/if}</p>
  643. </div>
  644. </div>
  645. <div class="form-group marbot0">
  646. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 有效期</label>
  647. <div class="col-sm-9 col-xs-12">
  648. <p class="form-control-static">
  649. {if $item['date_info']['time_type'] == 1}
  650. {$item['date_info']['time_limit_start']}~{$item['date_info']['time_limit_end']}
  651. {else}
  652. 领取后{$item['date_info']['deadline']}天后生效,{$item['date_info']['limit']}天有效
  653. {/if}
  654. </p>
  655. </div>
  656. </div>
  657. <div class="form-group marbot0">
  658. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 商家名称</label>
  659. <div class="col-sm-9 col-xs-12">
  660. <p class="form-control-static">
  661. {$item['brand_name']}
  662. </p>
  663. </div>
  664. </div>
  665. <h4>投放信息</h4>
  666. <div class="form-group marbot0">
  667. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 库存</label>
  668. <div class="col-sm-9 col-xs-12">
  669. <p class="form-control-static">
  670. {$item['quantity']}
  671. </p>
  672. </div>
  673. </div>
  674. <div class="form-group marbot0">
  675. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 领取限制</label>
  676. <div class="col-sm-9 col-xs-12">
  677. <p class="form-control-static">
  678. 每个用户限领{$item['get_limit']}张
  679. </p>
  680. </div>
  681. </div>
  682. <div class="form-group marbot0">
  683. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 销券条码</label>
  684. <div class="col-sm-9 col-xs-12">
  685. <p class="form-control-static">
  686. {if $item['code_type'] == 1}
  687. 卡号
  688. {elseif $item['code_type'] == 2}
  689. 二维码
  690. {else}
  691. 条形码
  692. {/if}
  693. </p>
  694. </div>
  695. </div>
  696. <div class="form-group marbot0">
  697. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 操作提示</label>
  698. <div class="col-sm-9 col-xs-12">
  699. <p class="form-control-static">
  700. {$item['notice']}
  701. </p>
  702. </div>
  703. </div>
  704. <div class="form-group marbot0">
  705. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 分享设置</label>
  706. <div class="col-sm-9 col-xs-12">
  707. <p class="form-control-static">
  708. {if $item['can_share']}用户可以分享领券链接{else}用户不能分享领券链接{/if}
  709. </p>
  710. </div>
  711. </div>
  712. <div class="form-group marbot0">
  713. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 转赠设置</label>
  714. <div class="col-sm-9 col-xs-12">
  715. <p class="form-control-static">
  716. {if $item['can_give_friend']}用户领券后可转赠其他好友{else}用户领券后不能转赠其他好友{/if}
  717. </p>
  718. </div>
  719. </div>
  720. <h4>礼品券详情</h4>
  721. <div class="form-group marbot0">
  722. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 使用须知</label>
  723. <div class="col-sm-9 col-xs-12">
  724. <p class="form-control-static">
  725. {$item['description']}
  726. </p>
  727. </div>
  728. </div>
  729. <div class="form-group marbot0">
  730. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 优惠详情</label>
  731. <div class="col-sm-9 col-xs-12">
  732. <p class="form-control-static">
  733. {$item['extra']}
  734. </p>
  735. </div>
  736. </div>
  737. <div class="form-group marbot0">
  738. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 客服电话</label>
  739. <div class="col-sm-9 col-xs-12">
  740. <p class="form-control-static">
  741. {$item['service_phone']}
  742. </p>
  743. </div>
  744. </div>
  745. <h4>适用门店</h4>
  746. {if !empty($item['location_id_list'])}
  747. <div class="form-group marbot0">
  748. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> </label>
  749. <div class="col-sm-9 col-xs-12">
  750. <table class="table" style="min-width:500px;max-width:500px">
  751. <thead>
  752. <tr>
  753. <th>门店名称</th>
  754. <th>门店地址</th>
  755. </tr>
  756. </thead>
  757. <tbody>
  758. {loop $item['location_data'] $location}
  759. <tr>
  760. <td>{$location['business_name']}</td>
  761. <td>{$location['address']}</td>
  762. </tr>
  763. {/loop}
  764. </tbody>
  765. </table>
  766. </div>
  767. </div>
  768. {else}
  769. <div class="form-group marbot0">
  770. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> </label>
  771. <div class="col-sm-9 col-xs-12">
  772. 暂无适用门店
  773. </div>
  774. </div>
  775. {/if}
  776. </div>
  777. </div>
  778. </div>
  779. <div class="form-group col-sm-12">
  780. <span class="btn btn-primary col-lg-1" onclick="javascript:history.go(-1)">返回</span>
  781. </div>
  782. </form>
  783. </div>
  784. {/if}
  785. {template 'common/footer'}