submit

src/pages/blind-box/index.vue

@@ -42,7 +42,7 @@
           <div class="wrap3">
             <image :src="imageSrc"></image>
           </div>
-          <div class="wrap4">确定</div>
+          <div class="wrap4" @click="showWin4=false">确定</div>
           <div class="wrap5">*可从“我的票库”查看</div>
         </div>
     </tm-drawer>

src/pages/mine/index.vue

@@ -48,17 +48,19 @@
       <div class="wrap1_5">
         <image :src="item.ticketCoverPic"></image>
       </div>
-        <div class="wrap1_6">
+        <div class="wrap1_6" :style="{backgroundColor:item.isBlindBox===2?'#CC2727':''}">
         </div>
-        <div class="wrap1_1" >{{statusList.find(x=>x.value===item.status).label}}</div>
+        <div class="wrap1_1" v-if="item.isBlindBox===1">{{statusList.find(x=>x.value===item.status).label}}</div>
+        <div class="wrap1_1" style="background-color: #fff" v-if="item.isBlindBox===2">盲盒</div>
         <div class="wrap1_2">
-          <div class="wrap1_2_1">首都博物馆门票</div>
-          <div class="wrap1_2_2">预约场馆:首都博物馆</div>
-          <div class="wrap1_2_2">预约日期:2023.12.30</div>
-          <div class="wrap1_2_2">预约类型:1</div>
+          <div class="wrap1_2_1">{{item.ticketName}}</div>
+          <div class="wrap1_2_2">预约场馆:{{item.venuesName}}</div>
+          <div class="wrap1_2_2">预约日期:{{item.date?.replaceAll('/','.')}}</div>
+          <div class="wrap1_2_2">预约类型:{{item.isBlindBox===1?'正常预约':'盲盒预约'}}</div>
         </div>
-        <div class="wrap1_3" @click="goViewVenues">
-          <image src="../../static/zu762@3x.png" alt=""/>
+        <div  class="wrap1_3" @click="goViewVenues" :style="{backgroundColor:item.isBlindBox===2?'#000':''}">
+          <image v-if="item.isBlindBox===1" src="../../static/zu762@3x.png" alt=""/>
+          <image v-if="item.isBlindBox===2" style="width: 79rpx;height: 34rpx" src="../../static/zu1216@3x.png" alt=""/>
         </div>
       </div>
     </div>
@@ -96,6 +98,10 @@ const statusList=ref([
   {
     label:'',
     value:5
+  },
+  {
+    label:'盲盒',
+    value:6
   }
 ])
 const getData=async ()=>{
@@ -182,6 +188,11 @@ const goSetUp = () => {
           background-color: #B29E92;
         }
       }
+      &.status6{
+        .wrap1_6{
+          background-color: #fff;
+        }
+      }
       &.status5{
         .wrap1_6{
           background-color: #EB783C;
@@ -222,7 +233,7 @@ const goSetUp = () => {
 
       .wrap1_2 {
         top: 16rpx;
-        right: 178rpx;
+        left: 285rpx;
         position: absolute;
 
         .wrap1_2_1 {