浏览代码

修改bug

huangxiaojing 2 年之前
父节点
当前提交
db970b15aa
共有 1 个文件被更改,包括 16 次插入33 次删除
  1. 16 33
      pages/activity/lottery/index.vue

+ 16 - 33
pages/activity/lottery/index.vue

@@ -4,10 +4,7 @@
       <van-swipe-item v-for="item in carousel" :key="item.mealId">有{{ item.count }}个用户 {{ ['', '抽奖', '购买'][item.type]
         }}{{ item.title }}</van-swipe-item>
     </van-swipe>
-    <img class="w51h26" src="~/assets/image/activity/lottery/rule.png" alt="" @click="
-        showRule = true;
-        makePoint('activity_购买协议');
-      " />
+    <img class="w51h26" src="~/assets/image/activity/lottery/rule.png" alt="" @click="showRule = true;makePoint('activity_购买协议');" />
 
     <div class="sl">
       <img src="~/assets/image/activity/lottery/solgan.png" alt="" class="slogan" />
@@ -37,19 +34,14 @@
       <div class="popup-view">
         <van-icon name="close" class="close" color="#939393"  @click="closed" />
         <div class="meal-item">
-          <div :class="selMealId === mealId ? 'coupon-1 active' : 'coupon-1'" @click="selMealId = mealId">
+          <div :class="selMealId === mealId ? 'coupon-1 active' : 'coupon-1'" @click="selMealId = mealId;originalPrice=yearOriginalPrice">
             <div class="coupon-title">
               <span>¥</span><span class="txt2">{{ actualPrice }}</span>
             </div>
             <div class="txt4"> 1年使用权  每月30小时</div>
           </div>
           <div class="fb">
-            <div v-for="item in mealList" :key="item.id" :class="selMealId === item.id ? 'coupon-2 active' : 'coupon-2'" @click="
-              selMealId = item.id;
-              makePoint(
-                item.day === 30 ? 'activity_38月卡' : 'activity_268年卡',
-              );
-            ">
+            <div v-for="item in mealList" :key="item.id" :class="selMealId === item.id ? 'coupon-2 active' : 'coupon-2'" @click=" selMealId = item.id;originalPrice=+item.originalPrice;makePoint(item.day === 30 ? 'activity_38月卡' : 'activity_268年卡');">
               <div class="coupon-title">
                 <span>¥</span><span class="txt2">{{
                 item.originalPrice ? item.originalPrice : item.actualPrice
@@ -66,10 +58,7 @@
           <van-grid-item :icon="require('../../../assets/image/activity/lottery/icon4.png')" text="上班自由" />
           <van-grid-item :icon="require('../../../assets/image/activity/lottery/icon5.png')" text="影音听歌" />
         </van-grid>
-        <div v-for="item in paySupportType" :key="item" class="fnbc" @click="
-            payType = item;
-            makePoint(item === 'aliPay' ? 'activity_支付宝' : 'activity_微信');
-          ">
+        <div v-for="item in paySupportType" :key="item" class="fnbc" @click="payType = item;makePoint(item === 'aliPay' ? 'activity_支付宝' : 'activity_微信');">
           <div v-if="item === 'aliPay'" class="fnc">
             <van-icon class="icon-pay" :name="require('~/assets/image/activity/lottery/alipay.png')" />
             <span class="txt5">支付宝支付</span>
@@ -78,26 +67,19 @@
             <van-icon class="icon-pay" :name="require('~/assets/image/activity/lottery/wx.png')" />
             <span class="txt5">微信支付</span>
           </div>
-          <van-icon :name="
-              payType === item
-                ? require('~/assets/image/activity/lottery/select-round-icon.png')
-                : require('~/assets/image/activity/lottery/unselect-round-icon.png')
-            " size="24" />
+          <van-icon :name="payType === item? require('~/assets/image/activity/lottery/select-round-icon.png'): require('~/assets/image/activity/lottery/unselect-round-icon.png')" size="24" />
         </div>
       </div>
       <div class="buy-bar">
-        原价¥298
+        原价¥{{originalPrice}}
         <div class="buy-bar-btn" @click="createOrder">
           <div>立即购买</div>
-          <div>(节省¥{{298-actualPrice}})</div>
+          <div>(节省¥{{originalPrice-actualPrice}})</div>
         </div>
       </div>
       <div class="txt6">
-        <van-icon :name="checked?'checked':'circle'" color="#666666" @click="checked=!checked" class="check" />开通前阅读并同意<a @click="
-              showRule = true;
-              makePoint('activity_购买协议');
-              ">《购买协议》</a>
-        </div>
+        <van-icon :name="checked?'checked':'circle'" color="#666666" class="check" @click="checked=!checked" />开通前阅读并同意<a @click="showRule = true;makePoint('activity_购买协议');">《购买协议》</a>
+      </div>
     </van-popup>
     <van-popup v-model="show" style="background: transparent;" :close-on-click-overlay="false">
       <div class="popup-view popup-view-leave">
@@ -105,8 +87,8 @@
         <div class="txt11">
           离开后您将失去
         </div>
-        <img v-if="luckDrawType===1" class="w283h81" src="~/assets/image/activity/lottery/coupon-9.9.png" alt="">
-        <img v-if="luckDrawType===2" class="w283h81" src="~/assets/image/activity/lottery/coupon-15.9.png" alt="">
+        <img v-if="luckDrawType===2" class="w283h81" src="~/assets/image/activity/lottery/coupon-9.9.png" alt="">
+        <img v-if="luckDrawType===1" class="w283h81" src="~/assets/image/activity/lottery/coupon-15.9.png" alt="">
         <van-grid :column-num="5" :border="false">
           <van-grid-item :icon="require('../../../assets/image/activity/lottery/icon1.png')" text="包月" />
           <van-grid-item :icon="require('../../../assets/image/activity/lottery/icon2.png')" text="游戏托管" />
@@ -115,10 +97,7 @@
           <van-grid-item :icon="require('../../../assets/image/activity/lottery/icon7.png')" text="影音听歌" />
         </van-grid>
         <div class="fnbc1">
-          <div class="btn-leave" @click="
-              show = false;
-              makePoint('activity_狠心离开');
-            ">
+          <div class="btn-leave" @click="show = false;makePoint('activity_狠心离开');">
             狠心离开
           </div>
           <div class="btn-pay" @click="createOrder">立即购买</div>
@@ -214,6 +193,8 @@ export default {
   },
   data() {
     return {
+      yearOriginalPrice: 0,
+      originalPrice: 0,
       checked: true,
       luckDrawType: 0,
       showRule: false,
@@ -321,6 +302,8 @@ export default {
         (item) =>
           (item.day === 30 || item.day === 365) && item.id !== this.mealId,
       );
+      this.yearOriginalPrice = +res.data.list.filter((item) =>(item.day === 365))[0].originalPrice
+      this.originalPrice = this.yearOriginalPrice
     },
     async createOrder() {
       try {