Baozhangchao 3 vuotta sitten
vanhempi
commit
188dc01089

src/assets/prizeImg/banana.png → public/images/banana.png Näytä tiedosto


src/assets/prizeImg/banana2.png → public/images/banana2.png Näytä tiedosto


src/assets/prizeImg/chaye.png → public/images/chaye.png Näytä tiedosto


src/assets/prizeImg/chaye2.png → public/images/chaye2.png Näytä tiedosto


src/assets/prizeImg/fanbubao.png → public/images/fanbubao.png Näytä tiedosto


src/assets/prizeImg/fanbubao2.png → public/images/fanbubao2.png Näytä tiedosto


src/assets/prizeImg/huanlegu.png → public/images/huanlegu.png Näytä tiedosto


src/assets/prizeImg/huanlegu2.png → public/images/huanlegu2.png Näytä tiedosto


src/assets/prizeImg/madai.png → public/images/madai.png Näytä tiedosto


src/assets/prizeImg/madai2.png → public/images/madai2.png Näytä tiedosto


src/assets/prizeImg/qingshiji.png → public/images/qingshiji.png Näytä tiedosto


src/assets/prizeImg/qingshiji2.png → public/images/qingshiji2.png Näytä tiedosto


+ 40
- 2
src/components/MyWinning.vue Näytä tiedosto

14
       <!-- </router-link> -->
14
       <!-- </router-link> -->
15
 
15
 
16
       <div>
16
       <div>
17
-        <div v-if="stater!==0">
17
+        <div v-if="PrizeState!==0">
18
           <!-- 领取屏保 -->
18
           <!-- 领取屏保 -->
19
           <div class="outer3 flex-col">
19
           <div class="outer3 flex-col">
20
             <div class="haibao">
20
             <div class="haibao">
21
               <img class="haibao" src="../assets/prizeImg/MyPrize.jpg" alt />
21
               <img class="haibao" src="../assets/prizeImg/MyPrize.jpg" alt />
22
+
23
+              <div class="haibao-jiangping">
24
+                <img src="../../public/images/banana.png" alt />
25
+              </div>
26
+            </div>
27
+          </div>
28
+        </div>
29
+        <div v-else style="overflow: auto;height:100vh;">
30
+          <!-- 挂历 -->
31
+          <div class="page flex-col">
32
+            <div class="group1 flex-col">
33
+              <div class="wrap3 flex-col">
34
+                <img :src="currentMonth.calendarImg" class="subhaibao" />
35
+              </div>
36
+              <!-- <div class="wrap5 flex-col">
37
+                <span class="txt1" :style="`background-image: url(${pressLucky});`"></span>
38
+                <div
39
+                  class="main5 flex-col"
40
+                  :style="`background-image: url(${shaerButRed});`"
41
+                  @click="()=>{this.shaerShow=true}"
42
+                ></div>
43
+              </div>-->
22
             </div>
44
             </div>
23
           </div>
45
           </div>
24
         </div>
46
         </div>
52
     currentPerson: {
74
     currentPerson: {
53
       type: Object
75
       type: Object
54
     },
76
     },
55
-    stater: {
77
+    PrizeState: {
56
       type: Number
78
       type: Number
57
     }
79
     }
58
   },
80
   },
181
       position: absolute;
203
       position: absolute;
182
       left: 0;
204
       left: 0;
183
       top: 0;
205
       top: 0;
206
+      .haibao-jiangping {
207
+        // border: 1px solid black;
208
+        width: 80vw;
209
+        height: 60vw;
210
+        position: relative;
211
+        margin: 0 auto;
212
+        display: flex;
213
+        top: 18vh;
214
+        img {
215
+          width: 100%;
216
+          height: 100%;
217
+          background-size: 100% 100%;
218
+          background-repeat: no-repeat;
219
+        }
220
+      }
184
     }
221
     }
222
+
185
     .mod2 {
223
     .mod2 {
186
       z-index: 35;
224
       z-index: 35;
187
       height: 210px;
225
       height: 210px;

+ 28
- 14
src/pages/Honghe.vue Näytä tiedosto

8
       :is-prize="myPrize"
8
       :is-prize="myPrize"
9
     />
9
     />
10
     <WinningPopup :show="showMyWinning" @cancel="cancelWinnint" :current-person="person" />
10
     <WinningPopup :show="showMyWinning" @cancel="cancelWinnint" :current-person="person" />
11
+
12
+    <!-- 奖品没了 -->
13
+    <MyWinning
14
+      :show="NOMyWinningShow"
15
+      @cancelPopus="canclMyWinning"
16
+      :current-month="currentMonth"
17
+      :PrizeState="PrizeState"
18
+    />
19
+
11
     <img class="topImage" src="../assets/indexImg/indexBgctop.jpg" alt />
20
     <img class="topImage" src="../assets/indexImg/indexBgctop.jpg" alt />
12
     <div class="outer6-wrapper">
21
     <div class="outer6-wrapper">
13
       <div class="outer6 flex-col">
22
       <div class="outer6 flex-col">
154
     WinningPopup: () => import('@/components/WinningPopup.vue'),
163
     WinningPopup: () => import('@/components/WinningPopup.vue'),
155
     ImgBox: () => import('@/components/imgbox.vue'),
164
     ImgBox: () => import('@/components/imgbox.vue'),
156
     BgMusic: () => import('@/components/BgMusic.vue'),
165
     BgMusic: () => import('@/components/BgMusic.vue'),
166
+    MyWinning: () => import('@/components/MyWinning.vue')
157
   },
167
   },
158
   data() {
168
   data() {
159
     return {
169
     return {
163
       showMyWinning: false,
173
       showMyWinning: false,
164
       prizeList: [],
174
       prizeList: [],
165
       bingoId: rand(0, 12) + 1, // 可以抽奖的月份
175
       bingoId: rand(0, 12) + 1, // 可以抽奖的月份
166
-      prizeIds: null
176
+      NOMyWinningShow: true,
177
+      PrizeState: 0
167
     }
178
     }
168
   },
179
   },
169
   computed: {
180
   computed: {
232
     },
243
     },
233
     // 抽奖
244
     // 抽奖
234
     drawLots() {
245
     drawLots() {
235
-      drawLottery(this.person).then((res) => {
236
-        // 更新人员信息
237
-        this.person = res
238
-        this.showMyWinning = true
246
+      drawLottery(this.person)
247
+        .then((res) => {
248
+          // 更新人员信息
249
+          this.person = res
250
+          this.showMyWinning = true
239
 
251
 
240
-        // 其他动作
241
-      }).catch(err => {
242
-        if (err && err.code === 9999) {
243
-          // 奖品没了
244
-        } else {
245
-          // 其他错误
246
-          const errMsg = err.message || err;
247
-        }
248
-      })
252
+          // 其他动作
253
+        })
254
+        .catch((err) => {
255
+          if (err && err.code === 9999) {
256
+            // 奖品没了
257
+            ;(this.NOMyWinningShow = true), (this.PrizeState = 0)
258
+          } else {
259
+            // 其他错误
260
+            const errMsg = err.message || err
261
+          }
262
+        })
249
     },
263
     },
250
     // 获取奖品列表
264
     // 获取奖品列表
251
     getPrizes() {
265
     getPrizes() {