ouList

api/drawCard.js

@@ -79,3 +79,19 @@ export function combosApi(data) {
     data: data,
   })
 }
+
+export function getOuCount(data) {
+  return request({
+    url: '/wx/raffle/ou/count',
+    method: 'get',
+    data: data,
+  })
+}
+
+export function getOuList(data) {
+  return request({
+    url: '/wx/raffle/ou/list',
+    method: 'get',
+    data: data,
+  })
+}

pages/drawCard_infinite/drawCard_infinite.vue

@@ -30,7 +30,30 @@
         </view>
       </view>
     </view>
-    <view class="box">
+    <div v-if="detail.subType.includes('110')" class="oubox flex justify-around items-center">
+      <div class="flex items-center" @click="showList">
+        <img src="https://file.rongcyl.cn/festatic/bkm/ouking.png" class="w-10 h-10" />
+        <div class="ml-1">
+          <div class="fontPFSCS" style="font-size: 15px">欧王奖励</div>
+          <div style="font-size: 12px">50届欧王</div>
+        </div>
+      </div>
+      <div class="flex items-center">
+        <img src="https://file.rongcyl.cn/festatic/bkm/x.png" class="w-10 h-10" />
+        <div class="ml-1" style="color: #a9bcd1">
+          <div class="fontPFSCS" style="font-size: 15px">随机掉落</div>
+          <div style="font-size: 12px">未开启</div>
+        </div>
+      </div>
+      <div class="flex items-center">
+        <img src="https://file.rongcyl.cn/festatic/bkm/free.png" class="w-10 h-10" />
+        <div class="ml-1" style="color: #a9bcd1">
+          <div class="fontPFSCS" style="font-size: 15px">随机免单</div>
+          <div style="font-size: 12px">未开启</div>
+        </div>
+      </div>
+    </div>
+    <view class="box" v-else>
       <view class="boxContent">
         <view class="boxLeft">
           <view class="row1">
@@ -136,6 +159,17 @@
       </view>
     </view>
     <paymentPopup ref="paymentPopup" @callBack="paymentSuccess" />
+    <uni-popup ref="popup">
+      <view class="popup-content oulist">
+        <img src="https://file.rongcyl.cn/festatic/bkm/oulist.png" class="w-full h-full" />
+      </view>
+      <img
+        src="https://file.rongcyl.cn/festatic/bkm/close.png"
+        @click="closeList"
+        class="w-9 h-9 mt-6"
+        style="margin-left: 50%; transform: translateX(-50%); z-index: 9999; position: relative"
+      />
+    </uni-popup>
     <view style="width: 100%; height: 100px"></view>
   </view>
 </template>
@@ -143,7 +177,7 @@
 <script>
 import noData from '@/component/noData.vue'
 import { rewardType } from '@/utils/commonConfig.js'
-import { raffleDetailApi, prizeListApi, prizeUserListApi, combosApi } from '@/api/drawCard.js'
+import { raffleDetailApi, prizeListApi, prizeUserListApi, combosApi, getOuCount, getOuList } from '@/api/drawCard.js'
 
 import { cardType, formatSeconds } from '@/utils/utils.js'
 
@@ -173,9 +207,30 @@ export default {
       prizeUserList: [],
       winningRecordList: [],
       combos: 0,
+      ouCount: 0,
+      ouList: [],
     }
   },
   methods: {
+    showList() {
+      this.$refs.popup.open('center')
+    },
+    closeList() {
+      this.$refs.popup.close()
+    },
+    subType(value) {
+      let index = null
+      if (value == 120) {
+        index = 1
+      } else if (value == 110) {
+        index = 2
+      } else if (value == 111) {
+        index = 3
+      } else if (value == 112) {
+        index = 4
+      }
+      return index
+    },
     init() {
       // 获取卡包详情
       this.getDetail()
@@ -209,6 +264,14 @@ export default {
       raffleDetailApi(params).then(res => {
         console.log(res, '详情')
         this.detail = res.data
+        if (res.data.subType.includes('110')) {
+          getOuCount(params).then(rs => {
+            this.ouCount = rs.data.count
+          })
+          getOuList({ ...params, page: 1, limit: 1000 }).then(rs => {
+            this.ouList = rs.data.list
+          })
+        }
       })
     },
     getPrizeList() {
@@ -256,7 +319,17 @@ export default {
 }
 </script>
 
+<style>
+.container >>> .uni-popup__wrapper.center {
+  border-radius: 12px !important;
+}
+</style>
 <style scoped lang="scss">
+.oulist {
+  width: 330px;
+  height: 408px;
+  overflow: hidden;
+}
 .container {
   background: #9ec8f9;
   padding-top: 15px;
@@ -336,6 +409,17 @@ export default {
     }
   }
 
+  .oubox {
+    width: 365px;
+    height: 74px;
+    background: rgba(255, 255, 255, 0.85);
+    box-shadow: 0px 2px 6px 0px rgba(176, 123, 255, 0.3);
+    border-radius: 24px;
+    margin: auto;
+    opacity: 1;
+    border: 1px solid rgba(58, 67, 207, 1);
+  }
+
   .box {
     margin: 0 10px 10px 10px;
     padding: 2px;

pages/index2/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div style="background-image: url(https://file.rongcyl.cn/festatic/bkm/task.png)">
-    <img src="https://file.rongcyl.cn/festatic/bkm/invite.png" class="w-full" />
+    <img src="https://mall.rongtongh.cn/storage/imgv2/raffle/1.jpg" class="w-full" />
     <div
       style="
         background: rgba(0, 0, 0, 0.85);