fix

src/components/MyWinning.vue

@@ -14,11 +14,33 @@
       <!-- </router-link> -->
 
       <div>
-        <div v-if="stater!==0">
+        <div v-if="PrizeState!==0">
           <!-- 领取屏保 -->
           <div class="outer3 flex-col">
             <div class="haibao">
               <img class="haibao" src="../assets/prizeImg/MyPrize.jpg" alt />
+
+              <div class="haibao-jiangping">
+                <img src="../../public/images/banana.png" alt />
+              </div>
+            </div>
+          </div>
+        </div>
+        <div v-else style="overflow: auto;height:100vh;">
+          <!-- 挂历 -->
+          <div class="page flex-col">
+            <div class="group1 flex-col">
+              <div class="wrap3 flex-col">
+                <img :src="currentMonth.calendarImg" class="subhaibao" />
+              </div>
+              <!-- <div class="wrap5 flex-col">
+                <span class="txt1" :style="`background-image: url(${pressLucky});`"></span>
+                <div
+                  class="main5 flex-col"
+                  :style="`background-image: url(${shaerButRed});`"
+                  @click="()=>{this.shaerShow=true}"
+                ></div>
+              </div>-->
             </div>
           </div>
         </div>
@@ -52,7 +74,7 @@ export default {
     currentPerson: {
       type: Object
     },
-    stater: {
+    PrizeState: {
       type: Number
     }
   },
@@ -181,7 +203,23 @@ export default {
       position: absolute;
       left: 0;
       top: 0;
+      .haibao-jiangping {
+        // border: 1px solid black;
+        width: 80vw;
+        height: 60vw;
+        position: relative;
+        margin: 0 auto;
+        display: flex;
+        top: 18vh;
+        img {
+          width: 100%;
+          height: 100%;
+          background-size: 100% 100%;
+          background-repeat: no-repeat;
+        }
+      }
     }
+
     .mod2 {
       z-index: 35;
       height: 210px;

src/pages/Honghe.vue

@@ -8,6 +8,15 @@
       :is-prize="myPrize"
     />
     <WinningPopup :show="showMyWinning" @cancel="cancelWinnint" :current-person="person" />
+
+    <!-- 奖品没了 -->
+    <MyWinning
+      :show="NOMyWinningShow"
+      @cancelPopus="canclMyWinning"
+      :current-month="currentMonth"
+      :PrizeState="PrizeState"
+    />
+
     <img class="topImage" src="../assets/indexImg/indexBgctop.jpg" alt />
     <div class="outer6-wrapper">
       <div class="outer6 flex-col">
@@ -154,6 +163,7 @@ export default {
     WinningPopup: () => import('@/components/WinningPopup.vue'),
     ImgBox: () => import('@/components/imgbox.vue'),
     BgMusic: () => import('@/components/BgMusic.vue'),
+    MyWinning: () => import('@/components/MyWinning.vue')
   },
   data() {
     return {
@@ -163,7 +173,8 @@ export default {
       showMyWinning: false,
       prizeList: [],
       bingoId: rand(0, 12) + 1, // 可以抽奖的月份
-      prizeIds: null
+      NOMyWinningShow: true,
+      PrizeState: 0
     }
   },
   computed: {
@@ -232,20 +243,23 @@ export default {
     },
     // 抽奖
     drawLots() {
-      drawLottery(this.person).then((res) => {
-        // 更新人员信息
-        this.person = res
-        this.showMyWinning = true
+      drawLottery(this.person)
+        .then((res) => {
+          // 更新人员信息
+          this.person = res
+          this.showMyWinning = true
 
-        // 其他动作
-      }).catch(err => {
-        if (err && err.code === 9999) {
-          // 奖品没了
-        } else {
-          // 其他错误
-          const errMsg = err.message || err;
-        }
-      })
+          // 其他动作
+        })
+        .catch((err) => {
+          if (err && err.code === 9999) {
+            // 奖品没了
+            ;(this.NOMyWinningShow = true), (this.PrizeState = 0)
+          } else {
+            // 其他错误
+            const errMsg = err.message || err
+          }
+        })
     },
     // 获取奖品列表
     getPrizes() {