增加云鹊豆瓜分情况展示逻辑

components/carve-up/index.vue

 <template>
   <section class="carve-up-wrap">
-    <div class="inter-content carve-container" v-if="joinStatus == 1">
+    <div class="inter-content carve-container" v-if="isFirstCarve">
       <img
         class="main-bg"
         src="~/assets/carve-up/main-bg.png"
@@ -13,14 +13,14 @@
         v-bp="{ component_tag: '363#360015'}"
       >
     </div>
-    <div class="success-content carve-container" v-else-if="joinStatus == 2">
+    <div class="success-content carve-container" v-if="!isFirstCarve && carveData.status == 1">
       <div class="success-bg">
         <p class="title">
           <span class="line1"></span>
           <span class="text">恭喜您瓜分</span>
           <span class="line2"></span>
         </p>
-        <p class="awards-num">500<span>云鹊豆</span></p>
+        <p class="awards-num">{{carveData.totalBonus}}<span>云鹊豆</span></p>
         <p class="tips">所获云鹊豆将在1分钟内到账</p>
         <div class="btn-content">
           <div
@@ -40,15 +40,15 @@
         v-bp="{ component_tag: '363#360015'}"
       >
     </div>
-    <div class="defeat-content carve-container" v-else >
+    <div class="defeat-content carve-container" v-if="!isFirstCarve && carveData.status != 1" >
       <div class="defeat-bg">
-        <div class="content content2">
+        <div class="content content2" v-show="carveData.status == 3">
           <p class="title">您未参加本次活动</p>
         </div>
-       <!-- <div class="content content1">
+        <div class="content content1" v-show="carveData.status == 3">
           <p class="title">很遗憾</p>
           <p class="text">您的勤奋分小于100不能瓜分云鹊豆</p>
-        </div>-->
+        </div>
         <div
           class="know-btn"
           @click="knowFn"
@@ -70,6 +70,20 @@
   const { NUXT_ENV_APP } = process.env;
   export default {
     name: "index",
+    props: {
+      carveData: {
+        type: Object,
+        default() {
+          return {}
+        }
+      },
+      isFirstCarve: {
+        type: Number,
+        default() {
+          return 1;
+        }
+      }
+    },
     data() {
       return {
         joinStatus: 2

components/first-enter-dialog/index.vue

@@ -3,7 +3,7 @@
     <div class="first-enter-container">
       <div class="bg-content">
         <p class="title">恭喜您</p>
-        <p class="awards">参与活动奖励您<span>75</span>勤奋分</p>
+        <p class="awards">参与活动奖励您<span>{{beanNum}}</span>勤奋分</p>
         <p class="tips">奖励发放可能会有延迟</p>
         <div class="know-btn" @click="cancel">我知道了</div>
       </div>
@@ -19,9 +19,12 @@
 <script>
   export default {
     name: "index",
-    data() {
-      return {
-
+    props: {
+      beanNum: {
+        type: Object,
+        default() {
+          return 0
+        }
       }
     },
     methods: {

pages/index.vue

@@ -78,12 +78,14 @@
     <!--瓜分云鹊豆模块———start-->
     <carve-up
       v-if="showCarveUp"
+      :carveData="carveData"
     >
     </carve-up>
     <!--瓜分云鹊豆模块 ————end-->
     <!--首次进入活动任务弹框———start-->
     <first-enter-dialog
       v-if="showFirstEnter"
+      :beanNum="beanNum"
       @handlerCancel="cancelFirstEnter"
     >
     </first-enter-dialog>
@@ -103,7 +105,8 @@ import {
   selectAppModuleParam,
   getSelfAllScore,
   checkFirstEnter,  
-  getActivityTime } from "@/service";
+  getActivityTime,
+  getCarveStatus } from "@/service";
 import { setEventByModuleCode } from "@/utils"
 import { ENV_CONFIG } from '@/utils/enumerate';
 import { Base64 } from 'js-base64';
@@ -156,6 +159,8 @@ export default {
       origin: 'tims',
 		  encryptId: '',
       showFirstEnter: false, //是否展示第一次进入获得勤奋分弹框
+      beanNum: 0, //第一次进入奖励弹框的奖励额度
+      carveData: {}, //云鹊豆瓜分结果
     }
   },
   async asyncData({ $axios }) {
@@ -367,8 +372,12 @@ export default {
     cancelFirstEnter(val) { //关闭首次进入活动奖励弹框
       this.showFirstEnter = val;
     },
-    goToWinnerList() {
-      alert('跳转至获奖名单') //跳转至获奖名单
+    getCarveStatus() {
+      getCarveStatus({
+        activityId: this.activityId
+      }).then(res => {
+        this.carveData = res.data
+      })
     }
   } 
 }

service/index.js

@@ -107,7 +107,16 @@ export const checkFirstEnter = ( data ) => {
   return request({
     url: `/campaign/homepage/firstInPage`,
     method: 'post',
-    withCredentials: true,
-    data: data
+    data: data,
+    withCredentials: true
+  })
+}
+// 获取用户云鹊豆瓜分情况
+export const getCarveStatus = ( data ) => {
+  return request({
+    url: `/campaign/redPackets/grantRedPackets`,
+    method: 'post',
+    data: data,
+    withCredentials: true
   })
 }
\ No newline at end of file