cash-post.html 36 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905
  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> 适用模块</label>
  141. <div class="col-sm-9 col-xs-12">
  142. <a href="javascript:;" class="btn btn-default" id="add-module">选择模块</a>
  143. <input type="hidden" name="module-select" value=""/>
  144. <table class="table" id="module-contain" style="max-width:500px;min-width:500px;margin-top:10px;display:none">
  145. </table>
  146. <div>确定该券的适用模块。</div>
  147. </div>
  148. </div>
  149. <div class="form-group">
  150. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 商户LOGO</label>
  151. <div class="col-sm-9 col-xs-12" id="logo_upload">
  152. {php echo tpl_form_field_wechat_image('logo_url', $setting['logourl'], '', array('acid' => $acid, 'mode' => 'file_upload'));}
  153. <div class="help-block">商户LOGO大小不超过1M。像素为:300*300。仅支持JPG格式</div>
  154. </div>
  155. </div>
  156. <div class="form-group">
  157. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 商家信息</label>
  158. <div class="col-sm-9 col-xs-12">
  159. <input type="text" class="form-control" name="brand_name"/>
  160. <div class="help-block">商户名字,字数上限为12个汉字。 </div>
  161. </div>
  162. </div>
  163. <div class="form-group">
  164. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 卡券颜色</label>
  165. {php echo coupon_colors('color', 'Color082', $colors);}
  166. </div>
  167. <div class="form-group">
  168. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 减免金额</label>
  169. <div class="col-sm-9 col-xs-12">
  170. <div class="input-group">
  171. <input type="text" class="form-control" name="reduce_cost"/>
  172. <span class="input-group-addon">元</span>
  173. </div>
  174. </div>
  175. </div>
  176. <div class="form-group">
  177. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 抵扣条件</label>
  178. <div class="col-sm-9 col-xs-12">
  179. <div class="input-group">
  180. <input type="text" class="form-control" name="least_cost" value="10"/>
  181. <span class="input-group-addon">元</span>
  182. </div>
  183. <div class="help-block">消费满多少元可用。如不填写则默认:消费满任意金额可用</div>
  184. </div>
  185. </div>
  186. <div class="form-group">
  187. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 代金券标题</label>
  188. <div class="col-sm-9 col-xs-12">
  189. <input type="text" class="form-control" name="title"/>
  190. <div class="help-block">建议填写代金券“减免金额”及自定义内容,描述卡券提供的具体优惠。不超过9个字符</div>
  191. </div>
  192. </div>
  193. <div class="form-group">
  194. <label class="col-xs-12 col-sm-3 col-md-2 control-label"> 代金券副标题(可选)</label>
  195. <div class="col-sm-9 col-xs-12">
  196. <input type="text" class="form-control" name="sub_title"/>
  197. <div class="help-block">不超过18个字符</div>
  198. </div>
  199. </div>
  200. <div class="form-group">
  201. <label class="col-xs-12 col-sm-3 col-md-2 control-label" style="padding-top:15px"> 有效期</label>
  202. <div class="col-sm-9 col-xs-12">
  203. <div class="radio">
  204. <div class="col-sm-3" style="padding-top:6px"><label><input type="radio" value="1" name="time_type" checked/>固定日期 </label></div>
  205. {php echo tpl_form_field_daterange('time_limit', array('start' => date('Y-m-d'), 'end' => date('Y-m-d', time() + 30*86400)));}
  206. </div>
  207. <div class="radio">
  208. <div class="col-sm-3" style="padding-top:6px"><label><input type="radio" value="2" name="time_type"/>领取后 </label></div>
  209. <div class="col-sm-3" style="margin-left:-15px">
  210. <select name="deadline" id="deadline" class="form-control">
  211. <?php
  212. for($i=0; $i<=90; $i++) {
  213. if(!$i) $n = '当'; else $n = $i;
  214. echo '<option value="'.$i.'">'.$n.'天</option>';
  215. }
  216. ?>
  217. </select>
  218. </div>
  219. <div class="col-sm-3" style="padding-top:6px">有效,有效期</div>
  220. <div class="col-sm-3" style="margin-left:-15px">
  221. <select name="limit" id="limit" class="form-control">
  222. <?php
  223. for($i=1; $i<=90; $i++) {
  224. echo '<option value="'.$i.'">'.$i.'天</option>';
  225. }
  226. ?>
  227. </select>
  228. </div>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. <div class="pull-left alert form" style="width:700px;position:relative;" id="form2">
  234. <div class="arrow_in"></div>
  235. <h4 style="margin-top:20px;">领券设置</h4>
  236. <div class="form-group">
  237. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 库存</label>
  238. <div class="col-sm-9 col-xs-12">
  239. <div class="input-group">
  240. <input type="text" class="form-control" name="quantity" value="300"/>
  241. <span class="input-group-addon">份</span>
  242. </div>
  243. <div class="help-block">库存只能是大于0的数字</div>
  244. </div>
  245. </div>
  246. <div class="form-group">
  247. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 领券限制</label>
  248. <div class="col-sm-9 col-xs-12">
  249. <div class="input-group">
  250. <input type="text" class="form-control" name="get_limit" value="10"/>
  251. <span class="input-group-addon">份</span>
  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"></label>
  257. <div class="col-sm-9 col-xs-12">
  258. <div class="checkbox">
  259. <label><input type="checkbox" name="can_share" value="1" checked/> 用户可以分享领券链接</label>
  260. </div>
  261. <div class="checkbox">
  262. <label><input type="checkbox" name="can_give_friend" value="1" checked/> 用户领券后可转赠其他好友</label>
  263. </div>
  264. </div>
  265. </div>
  266. <h4 style="margin-top:20px;">销券设置</h4>
  267. <div class="form-group">
  268. <label class="col-xs-12 col-sm-3 col-md-2 control-label">销券方式</label>
  269. <div class="col-sm-9 col-xs-12">
  270. <div class="radio">
  271. <label><input type="radio" class="" name="code_type" value="1"/> 仅卡券号</label>
  272. <div class="help-block">只显示卡券号,验证后可进行销券</div>
  273. </div>
  274. <div class="radio">
  275. <label><input type="radio" class="" name="code_type" value="2"/> 二维码</label>
  276. <div class="help-block">包含卡券信息的二维码,扫描后可进行销券</div>
  277. </div>
  278. <div class="radio">
  279. <label><input type="radio" class="" name="code_type" value="3" checked/> 条形码</label>
  280. <div class="help-block">包含卡券信息的条形码,扫描后可进行销券</div>
  281. </div>
  282. </div>
  283. </div>
  284. <div class="form-group">
  285. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 操作提示</label>
  286. <div class="col-sm-9 col-xs-12">
  287. <input type="text" class="form-control" name="notice" id="notice" value="请在付款时出示此券"/>
  288. <div class="help-block">建议引导用户到店出示卡券,由店员完成核销操作。不超过16个字符</div>
  289. </div>
  290. </div>
  291. </div>
  292. <div class="pull-left alert form" style="width:700px;position:relative;" id="form3">
  293. <div class="arrow_in"></div>
  294. <h4 style="margin-top:20px;">代金券详情</h4>
  295. <div class="form-group">
  296. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 使用须知</label>
  297. <div class="col-sm-9 col-xs-12">
  298. <textarea name="description" id="description" class="form-control" rows="10"></textarea>
  299. </div>
  300. </div>
  301. <div class="form-group">
  302. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 客服电话</label>
  303. <div class="col-sm-9 col-xs-12">
  304. <input type="text" class="form-control" name="service_phone"/>
  305. <div class="help-block">手机或固话</div>
  306. </div>
  307. </div>
  308. </div>
  309. <div class="pull-left alert form" style="width:700px;position:relative;" id="form4">
  310. <input type="hidden" name="location-select" value=""/>
  311. <div class="arrow_in"></div>
  312. <h4 style="margin-top:20px;">服务信息</h4>
  313. <div class="form-group">
  314. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger">*</span> 适用门店</label>
  315. <div class="col-sm-9 col-xs-12">
  316. <label class="radio"><input type="radio" value="1" name="is_location"/> 指定门店适用</label>
  317. <a href="javascript:;" class="label label-success" style="" id="select-location">选择适用门店</a>
  318. <table class="table" id="location-contain-out" style="width:500px;max-width:500px;min-width:500px;display: none">
  319. <thead>
  320. <th>名称</th>
  321. <th>地址</th>
  322. <th>操作</th>
  323. </thead>
  324. <tbody id="location-contain">
  325. </tbody>
  326. </table>
  327. <label class="radio"><input type="radio" value="2" name="is_location" checked/> 全部门店适用</label>
  328. </div>
  329. </div>
  330. </div>
  331. <div class="pull-left alert form" style="width:700px;position:relative;" id="form6">
  332. <div class="arrow_in"></div>
  333. <h4 style="margin-top:20px;">营销入口</h4>
  334. <div class="form-group">
  335. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 营销场景的自定义入口名称</label>
  336. <div class="col-sm-9 col-xs-12">
  337. <input type="text" class="form-control" name="promotion_url_name" value="个人中心"/>
  338. <div class="help-block">如:个人中心。</div>
  339. </div>
  340. </div>
  341. <div class="form-group">
  342. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 跳转链接</label>
  343. <div class="col-sm-9 col-xs-12">
  344. <input type="text" class="form-control" name="promotion_url" value="{php echo murl('mc/home', array(), true, true);}"/>
  345. <div class="help-block">入口跳转链接地址。需要以"http://"或"https://"开头</div>
  346. </div>
  347. </div>
  348. <div class="form-group">
  349. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 营销入口右侧的提示语</label>
  350. <div class="col-sm-9 col-xs-12">
  351. <input type="text" class="form-control" name="promotion_url_sub_title" value="点击进入"/>
  352. <div class="help-block">营销入口右侧的提示语.不超过6个汉字</div>
  353. </div>
  354. </div>
  355. </div>
  356. </div>
  357. </div>
  358. <div class="form-group col-sm-12">
  359. <input name="submit" id="coupon-submit" type="submit" value="提交" class="btn btn-primary col-lg-1">
  360. <input type="hidden" name="token" value="{$_W['token']}" />
  361. </div>
  362. </form>
  363. </div>
  364. <div id="footer-location" class="hide">
  365. <span name="submit" id="submit" class="pull-right btn btn-primary">保存</span>
  366. </div>
  367. <script>
  368. $('.list li,.card-dispose,.shop-panel').hover(function(){
  369. $(this).find('.cicon').show();
  370. $(this).addClass('hover');
  371. }, function(){
  372. $(this).find('.cicon').hide();
  373. $(this).removeClass('hover');
  374. });
  375. $('#form1').mouseover(function(){
  376. var bg_color = $(':input[name="color-value"]').val();
  377. if(!bg_color) {
  378. bg_color = '#a9d92d';
  379. }
  380. $('#color-purview').css('background-color', bg_color);
  381. if($(':input[name="title"]').val()) {
  382. $('#title-purview').html($(':input[name="title"]').val());
  383. }
  384. if($(':input[name="sub_title"]').val()) {
  385. $('#sub-title-purview').html($(':input[name="sub_title"]').val());
  386. }
  387. if($(':input[name="brand_name"]').val()) {
  388. $('#brand_name').html($(':input[name="brand_name"]').val());
  389. }
  390. $('.logo-area img').attr('src', $('#logo_upload img').attr('src'));
  391. var time_type = $(':radio[name="time_type"]:checked').val();
  392. var time = '';
  393. if(time_type == 1) {
  394. var startime = $("input[name='time_limit[start]']").val();
  395. var endtime = $("input[name='time_limit[end]']").val();
  396. time = '有效期:'+startime+'~'+endtime;
  397. } else if(time_type == 2) {
  398. var deadline = parseInt($('#deadline').val());
  399. var limit = parseInt($('#limit').val());
  400. var now = new Date();
  401. now.setHours(0, 0, 0);
  402. var unixtime =Date.parse(now)/1000;
  403. unixtime += (deadline*86400);
  404. var startime = new Date(parseInt(unixtime) * 1000).toLocaleString().substr(0,9).replace(/\//g, "-");
  405. unixtime += (limit*86400);
  406. var endtime = new Date(parseInt(unixtime) * 1000).toLocaleString().substr(0,9).replace(/\//g, "-");
  407. time = '有效期:'+startime+'~'+endtime;
  408. }
  409. $('#sub-time-purview').html(time);
  410. });
  411. $('.cicon a').click(function(){
  412. $('.form').hide();
  413. var top = $(this).offset().top;
  414. $('#'+$(this).attr('data-id')).css('margin-top',(top-300))
  415. $('#'+$(this).attr('data-id')).show();
  416. return false;
  417. })
  418. $('#form2').mouseover(function(){
  419. var code_type = $('#form2 :radio[name="code_type"]:checked').val() || 0;
  420. if(code_type) {
  421. $('#destroy_title').hide();
  422. $('.code_preview').hide();
  423. $('.code_preview_' + code_type).show();
  424. }
  425. $('#notice-purview').html($('#form2 :text[name="notice"]').val());
  426. });
  427. $('#form4 :radio[name="is_location"]').click(function(){
  428. var is_location = $('#form4 :radio[name="is_location"]:checked').val() || 1;
  429. if(is_location == 1) {
  430. $('#select-location').show();
  431. } else {
  432. $('#select-location, #location-contain-out').hide();
  433. }
  434. });
  435. //选择门店
  436. $('#select-location').click(function(){
  437. var obj = util.dialog('选择适用门店', ["{php echo url('wechat/card/location')}"], $('#footer-location').html());
  438. obj.modal('show');
  439. obj.find('.btn.btn-primary').click(function(){
  440. var chks = $('.location-list :checkbox:checked');
  441. var locations = [];
  442. var locations_detail = [];
  443. var tmp = [];
  444. if(chks.length>0){
  445. $.each(chks, function(){
  446. locations.push($(this).val());
  447. tmp['id'] = $(this).attr('data-id');
  448. tmp['name'] = $('#loca-' + $(this).attr('data-id') + ' .name').html();
  449. tmp['address'] = $('#loca-' + $(this).attr('data-id') + ' .address').html();
  450. locations_detail.push(tmp);
  451. tmp=[];
  452. });
  453. var s = locations.join('-');
  454. $('#form4 input[name="location-select"]').val(s);
  455. if(locations_detail) {
  456. var str = '';
  457. for(var i = 0;i<locations_detail.length;i++) {
  458. str += '<tr>' +
  459. '<td>'+locations_detail[i]['name']+'</td>' +
  460. '<td>'+locations_detail[i]['address']+'</td>' +
  461. '<td>'+locations_detail[i]['address']+'</td>' +
  462. '</tr>';
  463. }
  464. $('#location-contain').html(str)
  465. $('#location-contain-out').show();
  466. }
  467. } else {
  468. $('#form4 input[name="location-select"]').val('');
  469. $('#location-contain').html('')
  470. }
  471. obj.modal('hide');
  472. });
  473. });
  474. //选择模块
  475. $('#add-module').click(function(){
  476. var obj = util.dialog('选择适用模块', ["{php echo url('wechat/card/module')}"], $('#footer-location').html());
  477. obj.modal('show');
  478. obj.find('.btn.btn-primary').click(function(){
  479. var chks = $('.module-list :checkbox:checked');
  480. var modules = [];
  481. var modules_detail = [];
  482. var tmp = [];
  483. if(chks.length>0){
  484. chks.each(function(){
  485. modules.push(this.value);
  486. tmp['id'] = this.value;
  487. tmp['title'] = $('#module-' + this.value + ' .title').html();
  488. modules_detail.push(tmp);
  489. tmp=[];
  490. });
  491. var s = modules.join('@');
  492. $('#form1 input[name="module-select"]').val(s);
  493. if(modules_detail) {
  494. var str = '';
  495. var len = modules_detail.length;
  496. var yu = len % 4;
  497. if(yu > 0) {
  498. for(var j = 0; j < 4-yu;j++) {
  499. tmp['id'] = '';
  500. modules_detail.push(tmp);
  501. }
  502. }
  503. for(var i = 0;i<modules_detail.length;) {
  504. if(i % 4 == 0) {
  505. str += '<tr>';
  506. }
  507. if(modules_detail[i]['id']) {
  508. str += '<td>'+modules_detail[i]['title']+'</td>';
  509. } else {
  510. str += '<td></td>';
  511. }
  512. i++;
  513. if(i % 4 == 0) {
  514. str += '</tr>';
  515. }
  516. }
  517. $('#module-contain').html(str)
  518. $('#module-contain').show();
  519. }
  520. } else {
  521. $('#module-contain').html('')
  522. }
  523. obj.modal('hide');
  524. });
  525. });
  526. $('#coupon-submit').click(function(){
  527. if(!$.trim($(':input[name="brand_name"]').val())) {
  528. util.message('请填写商家名称', '','error');
  529. return false;
  530. }
  531. if(!$.trim($(':input[name="color-value"]').val())) {
  532. util.message('请选择卡券颜色', '','error');
  533. return false;
  534. }
  535. if(!$.trim($(':text[name="reduce_cost"]').val())) {
  536. util.message("减免金额不合法",'','error');
  537. return false;
  538. }
  539. if(!$.trim($(':text[name="least_cost"]').val())) {
  540. util.message("抵扣金额不合法",'','error');
  541. return false;
  542. }
  543. if(!$.trim($(':input[name="title"]').val())) {
  544. util.message('代金券标题不能为空', '','error');
  545. return false;
  546. }
  547. var time_type = $(':radio[name="time_type"]:checked').val();
  548. if(!time_type) {
  549. util.message('请完善代金券有效期', '','error');
  550. return false;
  551. }
  552. var quantity = parseInt($.trim($(':text[name="quantity"]').val()));
  553. if(isNaN(quantity)) {
  554. util.message("库存只能是大于0的数字",'','error');
  555. return false;
  556. }
  557. var get_limit = parseInt($.trim($(':text[name="get_limit"]').val()));
  558. if(isNaN(get_limit)) {
  559. util.message("领券限制不合法",'','error');
  560. return false;
  561. }
  562. var code_type = $(':radio[name="code_type"]:checked').val();
  563. if(!code_type) {
  564. util.message('请选择销券方式','','error');
  565. return false;
  566. }
  567. if(!$.trim($(':text[name="notice"]').val())) {
  568. util.message('请完善操作提示', '','error');
  569. return false;
  570. }
  571. if(!$.trim($('textarea[name="description"]').val())) {
  572. util.message('请完善使用须知', '','error');
  573. return false;
  574. }
  575. var is_location = $('#form4 :radio[name="is_location"]:checked').val();
  576. if(is_location == 1) {
  577. if(!$('#form4 input[name="location-select"]').val()) {
  578. util.message('请选择适用门店', '','error');
  579. return false;
  580. }
  581. }
  582. var data = $('#form-location').serializeArray();
  583. $('#submit').attr('disabled', true);
  584. $.post("{php echo url('wechat/card/cash', array('op' => 'post_save'))}", {'data' : data}, function(out){
  585. var out = $.parseJSON(out);
  586. if(!out.errno) {
  587. util.message(out.error, '', 'error');
  588. } else {
  589. util.message('添加代金券成功', "{php echo url('wechat/card/display');}", 'success');
  590. }
  591. $('#submit').attr('disabled', false);
  592. return false;
  593. });
  594. return false;
  595. });
  596. </script>
  597. {else}
  598. <div class="main">
  599. <form action="" method="post" id="form-location" class="form-horizontal" enctype="multipart/form-data">
  600. <div class="panel panel-default" id="step1">
  601. <div class="panel-heading">
  602. 代金券
  603. </div>
  604. <div class="panel-body">
  605. <div class="pull-left" style="width:320px;background:#F4F5F9;margin-right:20px;border:1px solid #E7E7EB">
  606. <div class="card-title">代金券</div>
  607. <div class="card_section" style="position: relative">
  608. <div class="shop-panel" id="color-purview" style="background:{$colors[$item['color']]['value']}">
  609. <div class="logo-area">
  610. <span class="logo pull-left"><img src="{$item['logo_url']}" alt=""/></span>
  611. <div class="pull-left" style="height:38px;line-height:38px">{$item['brand_name']}</div>
  612. <div class="clear"></div>
  613. </div>
  614. <div class="msg-area">
  615. <div class="tick-msg">
  616. <p><b id="title-purview">{$item['title']}</b></p>
  617. <p id="sub-title-purview">{$item['sub_title']}</p>
  618. </div>
  619. <p id="sub-time-purview" style="text-align: center">
  620. {if $item['date_info']['time_type'] == 1}
  621. 有效期 {$item['date_info']['time_limit_start']}~{$item['date_info']['time_limit_end']}
  622. {else}
  623. 有效期 领取后{$item['date_info']['deadline']}天后生效,{$item['date_info']['limit']}天有效
  624. {/if}
  625. </p>
  626. </div>
  627. <div class="deco"></div>
  628. <div class="cicon">
  629. <a href="javascript:;" data-id="form1"><i class="fa fa-pencil"></i></a>
  630. </div>
  631. </div>
  632. </div>
  633. <div class="card-dispose">
  634. <div class="destroy_type_preview">
  635. {if $item['code_type'] == 3}
  636. <div class="barcode-area code_preview_3">
  637. <div class="barcode"></div>
  638. <p class="code_num">1513-2290-1878</p>
  639. </div>
  640. {elseif $item['code_type'] == 2}
  641. <div class="qrcode-area code_preview_2">
  642. <div class="qrcode"></div>
  643. <p class="code_num">1513-2290-1878</p>
  644. </div>
  645. {else}
  646. <div class="sn-area code_preview_1">1513-2290-1878</div>
  647. {/if}
  648. <p style="text-align: center" id="notice-purview">{$item['notice']}</p>
  649. </div>
  650. <div class="cicon">
  651. <a href="javascript:;" data-id="form2"><i class="fa fa-pencil"></i></a>
  652. </div>
  653. </div>
  654. <div class="shop-detail">
  655. <ul class="list">
  656. <li>
  657. <div class="li-panel">
  658. <div class="li-content">代金券设置</div>
  659. <span class="ricon fa fa-angle-right"></span>
  660. <div class="cicon">
  661. <a href="javascript:;" data-id="form3"><i class="fa fa-pencil"></i></a>
  662. </div>
  663. </div>
  664. </li>
  665. <li>
  666. <div class="li-panel">
  667. <div class="li-content">适用门店</div>
  668. <span class="ricon">{$item['location_count']}家</span>
  669. <div class="cicon">
  670. <a href="javascript:;" data-id="form4"><i class="fa fa-pencil"></i></a>
  671. </div>
  672. </div>
  673. </li>
  674. </ul>
  675. </div>
  676. <div class="shop-detail">
  677. <ul class="list">
  678. <li>
  679. <div class="li-panel">
  680. <div class="li-content">立即使用</div>
  681. <span class="ricon">系统已实现</span>
  682. </div>
  683. </li>
  684. {if !empty($item['promotion_url_name'])}
  685. <li>
  686. <div class="li-panel" style="border-bottom: none">
  687. <div class="li-content">{$item['promotion_url_name']}</div>
  688. <div class="ricon"><span>{$item['promotion_url_sub_title']}</span><i class="fa fa-angle-right"></i></div>
  689. <div class="cicon">
  690. <a href="javascript:;" data-id="form6"><i class="fa fa-pencil"></i></a>
  691. </div>
  692. </div>
  693. </li>
  694. {/if}
  695. </ul>
  696. </div>
  697. </div>
  698. <div class="pull-left alert form" style="width:700px;position:relative;display:block;" id="form1">
  699. <h4>卷面信息</h4>
  700. <div class="form-group marbot0">
  701. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 卡券类型</label>
  702. <div class="col-sm-9 col-xs-12">
  703. <p class="form-control-static">{$types[$item['type']]}</p>
  704. </div>
  705. </div>
  706. <div class="form-group marbot0">
  707. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 卡券id</label>
  708. <div class="col-sm-9 col-xs-12">
  709. <p class="form-control-static">{$item['card_id']}</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 !empty($item['modules'])}
  717. {loop $item['modules'] $modu}
  718. {$modu['title']} &nbsp;&nbsp;&nbsp;
  719. {/loop}
  720. {else}
  721. 所有模块适用
  722. {/if}
  723. </p>
  724. </div>
  725. </div>
  726. <div class="form-group marbot0">
  727. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 卡券标题</label>
  728. <div class="col-sm-9 col-xs-12">
  729. <p class="form-control-static">{$item['title']}</p>
  730. </div>
  731. </div>
  732. <div class="form-group marbot0">
  733. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 卡券副标题</label>
  734. <div class="col-sm-9 col-xs-12">
  735. <p class="form-control-static">{if !empty($item['sub_title'])}{$item['sub_title']}{else}无{/if}</p>
  736. </div>
  737. </div>
  738. <div class="form-group marbot0">
  739. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 减免金额</label>
  740. <div class="col-sm-9 col-xs-12">
  741. <p class="form-control-static">{$item['reduce_cost']}元</p>
  742. </div>
  743. </div>
  744. <div class="form-group marbot0">
  745. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 抵扣条件</label>
  746. <div class="col-sm-9 col-xs-12">
  747. <p class="form-control-static">满{$item['least_cost']}元可用</p>
  748. </div>
  749. </div>
  750. <div class="form-group marbot0">
  751. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 有效期</label>
  752. <div class="col-sm-9 col-xs-12">
  753. <p class="form-control-static">
  754. {if $item['date_info']['time_type'] == 1}
  755. {$item['date_info']['time_limit_start']}~{$item['date_info']['time_limit_end']}
  756. {else}
  757. 领取后{$item['date_info']['deadline']}天后生效,{$item['date_info']['limit']}天有效
  758. {/if}
  759. </p>
  760. </div>
  761. </div>
  762. <div class="form-group marbot0">
  763. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 商家名称</label>
  764. <div class="col-sm-9 col-xs-12">
  765. <p class="form-control-static">
  766. {$item['brand_name']}
  767. </p>
  768. </div>
  769. </div>
  770. <h4>投放信息</h4>
  771. <div class="form-group marbot0">
  772. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 库存</label>
  773. <div class="col-sm-9 col-xs-12">
  774. <p class="form-control-static">
  775. {$item['quantity']}
  776. </p>
  777. </div>
  778. </div>
  779. <div class="form-group marbot0">
  780. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 领取限制</label>
  781. <div class="col-sm-9 col-xs-12">
  782. <p class="form-control-static">
  783. 每个用户限领{$item['get_limit']}张
  784. </p>
  785. </div>
  786. </div>
  787. <div class="form-group marbot0">
  788. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 销券条码</label>
  789. <div class="col-sm-9 col-xs-12">
  790. <p class="form-control-static">
  791. {if $item['code_type'] == 1}
  792. 卡号
  793. {elseif $item['code_type'] == 2}
  794. 二维码
  795. {else}
  796. 条形码
  797. {/if}
  798. </p>
  799. </div>
  800. </div>
  801. <div class="form-group marbot0">
  802. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 操作提示</label>
  803. <div class="col-sm-9 col-xs-12">
  804. <p class="form-control-static">
  805. {$item['notice']}
  806. </p>
  807. </div>
  808. </div>
  809. <div class="form-group marbot0">
  810. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 分享设置</label>
  811. <div class="col-sm-9 col-xs-12">
  812. <p class="form-control-static">
  813. {if $item['can_share']}用户可以分享领券链接{else}用户不能分享领券链接{/if}
  814. </p>
  815. </div>
  816. </div>
  817. <div class="form-group marbot0">
  818. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 转赠设置</label>
  819. <div class="col-sm-9 col-xs-12">
  820. <p class="form-control-static">
  821. {if $item['can_give_friend']}用户领券后可转赠其他好友{else}用户领券后不能转赠其他好友{/if}
  822. </p>
  823. </div>
  824. </div>
  825. <h4>代金券详情</h4>
  826. <div class="form-group marbot0">
  827. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 使用须知</label>
  828. <div class="col-sm-9 col-xs-12">
  829. <p class="form-control-static">
  830. {$item['description']}
  831. </p>
  832. </div>
  833. </div>
  834. <div class="form-group marbot0">
  835. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> 客服电话</label>
  836. <div class="col-sm-9 col-xs-12">
  837. <p class="form-control-static">
  838. {$item['service_phone']}
  839. </p>
  840. </div>
  841. </div>
  842. <h4>适用门店</h4>
  843. {if !empty($item['location_id_list'])}
  844. <div class="form-group marbot0">
  845. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> </label>
  846. <div class="col-sm-9 col-xs-12">
  847. <table class="table" style="min-width:500px;max-width:500px">
  848. <thead>
  849. <tr>
  850. <th>门店名称</th>
  851. <th>门店地址</th>
  852. </tr>
  853. </thead>
  854. <tbody>
  855. {loop $item['location_data'] $location}
  856. <tr>
  857. <td>{$location['business_name']}</td>
  858. <td>{$location['address']}</td>
  859. </tr>
  860. {/loop}
  861. </tbody>
  862. </table>
  863. </div>
  864. </div>
  865. {else}
  866. <div class="form-group marbot0">
  867. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="text-danger"></span> </label>
  868. <div class="col-sm-9 col-xs-12">
  869. 暂无适用门店
  870. </div>
  871. </div>
  872. {/if}
  873. </div>
  874. </div>
  875. </div>
  876. <div class="form-group col-sm-12">
  877. <span class="btn btn-primary col-lg-1" onclick="javascript:history.go(-1)">返回</span>
  878. </div>
  879. </form>
  880. </div>
  881. {/if}
  882. {template 'common/footer'}