积分商城和原生联调

zhiyangdu
1 parent 3a626679
Showing 1 changed file with 12 additions and 9 deletions
src/pages/goodDetails/goodDetails.vue
@@ -48,7 +48,7 @@
                 积分+现金
               </div>
               <div>
-                <span v-if="goodsInfo && goodsInfo.prices" class="price">¥{{goodsInfo.prices}}</span>
+                <span v-if="goodsInfo && goodsInfo.price" class="price">¥{{goodsInfo.price}}</span>
                 <span v-if="goodsInfo && goodsInfo.num" class="integral">{{goodsInfo.num}}</span>
                 <span class="integral-in">积分</span>
               </div>
@@ -132,7 +132,7 @@
         <!-- 地址信息组件 -->
         <!-- <app-address-toast ref="itemsInfo" @toUpdate="toLinkPointsMall" v-show="pointsToast_control"></app-address-toast> -->
         <!-- 底部弹出层 -->
-        <van-popup class="popup_box" v-model="show" position="bottom">
+        <van-popup class="popup_box" v-model="show" position="bottom" :close-on-click-overlay="false">
             <div class="popup_main">
               <!-- 商品信息 -->
               <div class="goods_box">
@@ -142,12 +142,13 @@
                 <div class="right">
                   <!-- 标题 -->
                   <div class="title">
-                    <div class="title_t">山东沂蒙 优质大蒜山东</div> 
+                    <div v-if="goodsInfo && goodsInfo.title" class="title_t">{{goodsInfo.title}}</div> 
                     <img @click="show=false" class="close" src="static/img/close_grey.png" alt="" />
                   </div>
                   <!-- 价格 -->
                   <div class="pirce">
-                    500积分+9.9元
+                    <span v-if="goodsInfo && goodsInfo.num">{{goodsInfo.num}}积分+</span>
+                    <span v-if="goodsInfo && goodsInfo.price">{{goodsInfo.price}}元</span>
                   </div>
                 </div>
               </div>
@@ -155,7 +156,7 @@
               <div class="num_box">
                 <div class="num_tip">购买数量</div>
                 <div class="right">
-                  <van-stepper theme="round" input-width="40px" input-size="32px" button-size="32px" v-model="stepperValue" min="1" max="8" integer />
+                  <van-stepper theme="round" input-width="40px" input-size="32px" button-size="32px" v-model="stepperValue" min="1" :max="(goodsInfo && goodsInfo.stock > -1) ?goodsInfo.stock :'999'" integer />
                   <!-- <img src="static/img/reduce.png" alt="" />
                   <div class="num">1</div>
                   <img src="static/img/plus.png" alt="" /> -->
@@ -167,7 +168,7 @@
                 <div class="right">积分加现金</div>
               </div>
               <!-- 按钮 -->
-              <div @click="jumpToConfirmOrderPage" class="btn">确定</div>
+              <div @click="jumpToConfirmOrderPage(goodsInfo)" class="btn">确定</div>
             </div>
         </van-popup>
 </div>
@@ -191,7 +192,7 @@ export default {
       // pointsToast_control: false,
       isExchange: false, // 是否已经兑换
       show: false, // 是否显示底部支付模块
-      stepperValue: 2 // 进步器
+      stepperValue: 1 // 进步器
     }
   },
   //部件
@@ -233,15 +234,16 @@ export default {
     },
       // 跳转到确认订单详情
     jumpToConfirmOrderPage (item) {
+      console.log(item);
       // 判断APP内
       if (this.isCNLive.value) {
         // （判断app内是否有该方法）type=2为积分加现金模式
         if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.jumpToConfirmOrderPage) {
           // 跳转到原生的任务列表
-          window.webkit.messageHandlers.jumpToConfirmOrderPage.postMessage({ body: { pointsOrderId: item.id, goodSid: item.goodsid, num: stepperValue, type:4} })
+          window.webkit.messageHandlers.jumpToConfirmOrderPage.postMessage({ body: { pointsOrderId: item.id, goodSid: item.goodsid, num: this.stepperValue, type:4} })
         } else if (window.obj && window.obj.jumpToConfirmOrderPage) {
           // 跳转到原生的任务列表
-          window.obj.jumpToConfirmOrderPage(JSON.stringify({ pointsOrderId: item.id, goodSid: item.goodsid, num: stepperValue, type:4 }));
+          window.obj.jumpToConfirmOrderPage(JSON.stringify({ pointsOrderId: item.id, goodSid: item.goodsid, num: this.stepperValue, type:4 }));
         }
       }
     },
@@ -506,6 +508,7 @@ export default {
         let { data: datas } = res;
         /* 获取详细信息 */
         this.goodsInfo = datas
+        /* 设置商品详情页 */
         /* 相似商品 */
       } else if (res.code == 400) {