订单价格修改yoho币重置

yyq
Commit 4b0db6c9ab4ea2e6ef491d04c50ead5dd3f568ed 1 parent b935d9ee
Showing 3 changed files with 46 additions and 15 deletions
apps/cart/views/action/order-ensure.hbs
apps/cart/views/partial/order-tpl.hbs
public/js/cart/easypay.page.js
--- a/apps/cart/views/action/order-ensure.hbs
View file @4b0db6c
+++ b/apps/cart/views/action/order-ensure.hbs
View file @4b0db6c
@@ -268,18 +268,21 @@
                 <span id="use-coin" class="use-coin coin-trigger">使用YOHO币支付</span>
                 <div class="using-coin coin-trigger hide">
-                    <ul>
-                        <li>
+                    <ul id="using-coin-cont">
                         {{#if coinErrorTip}}
-                                <span class="red">{{coinErrorTip}}</span>
-                            {{^}}
-                                有货币满<span class="red">{{yoho_coin_pay_rule.num_limit}}</span>个即可使用，每次使用有货币为<span class="red">{{yoho_coin_pay_rule.num_limit}}</span>的整数倍
+                            <li><span class="red">{{coinErrorTip}}</span></li>
                         {{/if}}
+                        <li>
+                            有货币满<span class="red">{{yoho_coin_pay_rule.num_limit}}</span>个即可使用，每次使用有货币为<span class="red">{{yoho_coin_pay_rule.num_limit}}</span>的整数倍
                             <i class="iconfont help-icon">&#xe628;</i>
                             <div class="coin-tip-help">
                                 <p>有货币使用条件：</p>
-                                <p>1.订单金额大于20元（含） 2.有货币数量大于{{yoho_coin_pay_rule.num_limit}}个（含） 3.有货币支付不得超过每笔订单应付金额的{{yoho_coin_pay_rule.max_pay_rate_desc}}</p>
+                                <p>
+                                    1.订单金额大于20元（含）<br>
+                                    2.有货币数量大于{{yoho_coin_pay_rule.num_limit}}个（含） <br>
+                                    3.有货币支付不得超过每笔订单应付金额的{{yoho_coin_pay_rule.max_pay_rate_desc}}
+                                </p>
                                 <p>备注：使用有货币数量为{{yoho_coin_pay_rule.num_limit}}的整数倍，100有货币抵1元</p>
                             </div>
                         </li>
--- a/apps/cart/views/partial/order-tpl.hbs
View file @4b0db6c
+++ b/apps/cart/views/partial/order-tpl.hbs
View file @4b0db6c
@@ -101,6 +101,30 @@
     \{{/each}}
 </script>
+<script id="yoho-coin-tpl" type="text/html">
+    \{{#if coinErrorTip}}
+        <li><span class="red">\{{coinErrorTip}}</span></li>
+    \{{/if}}
+    <li>
+        有货币满<span class="red">\{{yoho_coin_pay_rule.num_limit}}</span>个即可使用，每次使用有货币为<span class="red">\{{yoho_coin_pay_rule.num_limit}}</span>的整数倍
+
+        <i class="iconfont help-icon">&#xe628;</i>
+        <div class="coin-tip-help">
+            <p>有货币使用条件：</p>
+            <p>
+                1.订单金额大于20元（含）<br>
+                2.有货币数量大于\{{yoho_coin_pay_rule.num_limit}}个（含） <br>
+                3.有货币支付不得超过每笔订单应付金额的\{{yoho_coin_pay_rule.max_pay_rate_desc}}
+            </p>
+            <p>备注：使用有货币数量为\{{yoho_coin_pay_rule.num_limit}}的整数倍，100有货币抵1元</p>
+        </div>
+    </li>
+    <li>您当前共有有货币 <span class="red">\{{total_yoho_coin_num}}</span> 个，可用 <span class="red">\{{canUseCoinNum}}</span> 个</li>
+    <li>
+        <p\{{#if coinErrorTip}} class="coin-use-hide"\{{/if}}>本次使用有货币<span class="red">\{{canUseCoinNum}}</span>个，抵扣 <span class="red">¥\{{yoho_coin}}</span></p>
+    </li>
+</script>
+
 <script id="promotion-list-tpl" type="text/html">
     \{{#each promotion_formula_list}}
         <li class="promotion-item\{{#isEqual promotion '运费'}} fregit-promotion\{{/isEqual}}">
--- a/public/js/cart/easypay.page.js
View file @4b0db6c
+++ b/public/js/cart/easypay.page.js
View file @4b0db6c
@@ -13,6 +13,7 @@ var $pdUsed = $('#pay-delivery-used');
 var $balance = $('#balance-detail');
 var couponsTpl = Hbs.compile($('#coupons-tpl').html());
+var coinTpl = Hbs.compile($('#yoho-coin-tpl').html());
 var promotionTpl = Hbs.compile($('#promotion-list-tpl').html());
 var $coin = $('#coin-used');
@@ -58,16 +59,19 @@ function updateUsedPdShow(info) {
 }
 // 订单计算
-function compute() {
-    var coinUsed = $coin.data('coin');
+// 传有货币数量则使用有货币，否者不使用，更改订单总价有货币使用数量重置为0
+function compute(coin) {
     var d = {
         cartType: window.queryString().type,
         deliveryWay: $('input[name="delivery-way-radio"]:checked').val(),
         paymentType: $('#payment-way').data('id'),
-        coin: coinUsed ? parseInt(coinUsed, 10) : 0
+        coin: coin ? parseInt(coin, 10) : 0
     };
     var couponCode = $('#coupons-sure').data('coupons');
+    
+    $coin.data('coin', d.coin);
+
     if (couponCode) {
         d.couponCode = couponCode;
     }
@@ -97,6 +101,9 @@ function compute() {
             res = data.data;
+            // update yoho coin using
+            $('#using-coin-cont').html(coinTpl(res));
+
             // update last order amount
             $('#sum-row em').html(res.last_order_amount);
@@ -170,7 +177,7 @@ if ($('#use-coupons').length) {
 // 有货币
 if ($coin) {
-    $coin.data($coin.data()); // 防止人为更改有货币使用数量
+    $coin.data($coin.data()); // 防止人为页面更改有货币使用数量
 }
 $('#use-coin, #coin-sure, #coin-cancel').click(function() {
@@ -185,10 +192,8 @@ $coinSure.click(function() {
         return;
     }
-    $coin.data('coin', data.max);
-
     // coin change trigger compute
-    compute();
+    compute(data.max);
 });
 $('#coin-cancel').click(function() {
@@ -197,7 +202,6 @@ $('#coin-cancel').click(function() {
     if (data.coin * 1 === 0) {
         return;
     }
-    $coin.data('coin', 0);
     // coin cancel trigger compute
     compute();
@@ -205,7 +209,7 @@ $('#coin-cancel').click(function() {
 // 结算信息列表中修改有货币按钮
 $('.balance-detail').on('click', '.modify-coin', function() {
-    $('.coin-trigger').filter('.use-coin').addClass('hide').end().filter('.using-coin').removeClass('hide');
+    $('#use-coin').trigger('click');
 });
 // delivery way change trigger compute