order_pink_after.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. <!-- +---------------------------------------------------------------------- -->
  2. <!-- | CRMEB [ CRMEB赋能开发者,助力企业发展 ] -->
  3. <!-- +---------------------------------------------------------------------- -->
  4. <!-- | Copyright (c) 2016~2022 https://www.crmeb.com All rights reserved. -->
  5. <!-- +---------------------------------------------------------------------- -->
  6. <!-- | Licensed CRMEB并不是自由软件,未经许可不能去掉CRMEB相关版权 -->
  7. <!-- +---------------------------------------------------------------------- -->
  8. <!-- | Author: CRMEB Team <admin@crmeb.com> -->
  9. <!-- +---------------------------------------------------------------------- -->
  10. {extend name="public/container"}
  11. {block name="head_top"}
  12. <script type="text/javascript" src="{__PLUG_PATH}jquery.downCount.js"></script>
  13. <script type="text/javascript" src="{__WAP_PATH}crmeb/js/car-model.js"></script>
  14. {/block}
  15. {block name="title"}{$store_combination.title}{/block}
  16. {block name="content"}
  17. <body style="background-color:#f5f5f5;">
  18. <!-- 拼客 -->
  19. <section class="pk-box" id="store_detail">
  20. <div class="comfirm-wrapper">
  21. <ul class="product_list">
  22. <li>
  23. <div class="goods-img pk-list-img"><img src="{$store_combination.image}"></div>
  24. <div class="goods-info pk-list-info">
  25. <div class="goods-detail">
  26. <p class="name">{$store_combination.title}</p>
  27. <p class="pk-list-all"><em>{$pinkT.people}</em>人团·已团<em>{$store_combination.sales}</em>件</p>
  28. <p class="carnum pk-list-carnum">
  29. <span class="price">¥<em>{$pinkT.price}</em><span class="discount">拼团劲省<i><?php echo floatval($store_combination['product_price']-$pinkT['price']);?></i>元</span></span>
  30. </p>
  31. </div>
  32. </div>
  33. </li>
  34. </ul>
  35. </div>
  36. <!-- 拼客人数 -->
  37. <div class="pk-number">
  38. <div class="pk-number-box">
  39. <ul>
  40. <li>
  41. <img src="{$pinkT.avatar}"/>
  42. <div class="name">团长</div>
  43. </li>
  44. {volist name="pinkAll" id="vo"}
  45. <li><img src="{$vo.avatar}"/></li>
  46. {/volist}
  47. <?php for ($i=1;$i<=$count;$i++){?>
  48. <li class="unknown"></li>
  49. <?php }?>
  50. </ul>
  51. </div>
  52. <div class="pk-number-con">
  53. <div class="pt-info">
  54. {if condition="$userBool"}
  55. <div class="pt-state pt-success">
  56. <div class="pt-state-info">拼团成功</div>
  57. <span>商家正在努力发货,请耐心等待</span>
  58. </div>
  59. {else/}
  60. <div class="pt-state pt-error">
  61. <div class="pt-state-info">拼团失败</div>
  62. <span>退款中</span>
  63. </div>
  64. {/if}
  65. </div>
  66. </div>
  67. </div>
  68. <div class="model-bg"></div>
  69. <div class="template-pro-list">
  70. <div class="pro-title like-title"><i class="like-line"></i><span>你可能还喜欢</span><i class="like-line right"></i></div>
  71. <div class="item-box">
  72. <ul class="flex">
  73. {volist name="store_combination_host" id="vo"}
  74. <li>
  75. <a href="{:Url('Store/combination_detail',array('id'=>$vo['id']))}">
  76. <div class="picture"><img src="{$vo.image}" /></div>
  77. <div class="pro-content">
  78. <div class="pro-name">{$vo.title}</div>
  79. <div class="pro-infos">
  80. <span class="price">¥{$vo.price}</span>
  81. <span class="count fr">已拼{$vo.sales}单</span>
  82. </div>
  83. </div>
  84. </a>
  85. </li>
  86. {/volist}
  87. </ul>
  88. </div>
  89. </div>
  90. <quick-menu></quick-menu>
  91. </section>
  92. <script>
  93. $(document).ready(function() {
  94. $('.shares-btn').on('click', function(){
  95. $('.shares-model').css('display', 'block');
  96. $('.shares-model').on('click' , function(){
  97. $(this).css('display', 'none');
  98. });
  99. });
  100. $('.shares-model').on('touchmove',function(e){
  101. e.preventDefault();
  102. })
  103. $('.count-time').downCount({
  104. date: $('.count-time').attr('data-time'),
  105. offset: +8
  106. });
  107. });
  108. </script>
  109. <script type="text/javascript">
  110. window.$product = <?php unset($storeInfo['description']); echo json_encode($storeInfo);?>;
  111. window.$pinkT = <?php echo json_encode($pinkT);?>;
  112. (function ($) {
  113. requirejs(['vue', 'axios', 'helper', 'store', 'quick'], function (Vue, axios, $h, storeApi){
  114. new Vue({
  115. el: "#store_detail",
  116. data: {
  117. product: $product,
  118. pinkT: $pinkT,
  119. productValue: {},
  120. productCardInfo: {},
  121. status: {like: false, collect: false},
  122. cartNum: 1
  123. },
  124. methods: {
  125. goBuy: function () {
  126. that = this;
  127. storeApi.goBuy({
  128. cartNum: that.cartNum,
  129. uniqueId: 0,
  130. productId: this.product.product_id,
  131. combinationId: this.product.id
  132. }, function (cartId) {
  133. location.href = $h.U({
  134. c: 'store',
  135. a: 'combination_order',
  136. q: 'cartId='+cartId+'&pinkId='+that.pinkT.id
  137. });
  138. });
  139. },
  140. setProductCardInfo: function (info) {
  141. info || (info = {});
  142. this.$set(this, 'productCardInfo', {
  143. image: info.image !== undefined ? info.image : this.product.image,
  144. price: info.price !== undefined ? info.price : this.product.price,
  145. stock: info.stock !== undefined ? info.stock : this.product.stock
  146. });
  147. },
  148. pushMsg: function (msg, fn) {
  149. $h.pushMsg(msg, fn)
  150. },
  151. init: function () {
  152. $('.count-time').downCount({
  153. date: $('.count-time').attr('data-time'),
  154. offset: +8
  155. });
  156. },
  157. getCartNum: function () {
  158. var that = this;
  159. storeApi.getCartNum(function (cartNum) {
  160. that.cartNum = cartNum;
  161. });
  162. }
  163. },
  164. mounted: function () {
  165. var wxApi = mapleWx($jssdk(), function () {
  166. this.onMenuShareAll({
  167. title: $product.store_name,
  168. desc: $product.store_name,
  169. imgUrl: location.origin + $product.image,
  170. link: location.href
  171. });
  172. });
  173. this.getCartNum();
  174. this.init();
  175. this.setProductCardInfo();
  176. }
  177. });
  178. });
  179. })($);
  180. </script>
  181. </body>
  182. {/block}