Feat：多品送礼，建立送礼清单（盲盒）/ 盲盒订单商品信息隐藏

pages/order/MyOrder/index.vue

@@ -42,9 +42,16 @@
           <view class="font-color-white statusTag v12-primary" v-if="order.isTickets===1 && order._status._type === 1">
             待核销
           </view>
-          <view class="font-color-white statusTag v12-primary" v-else>{{ order.isGiftCardSend ? '礼包' :getStatus(order) }}</view>
+          <view class="font-color-white statusTag v12-primary" v-else>{{ order.isGiftCardSend || order.isGiftCardReceive ? '礼包' :getStatus(order) }}</view>
         </view>
         <view @click="goOrderDetails(order)">
+          <view class="item-info acea-row row-between row-top"  v-if="order.isGiftCardReceiveBlind === 1">
+            <view class="pictrue">
+              <image
+                :src="webUrl+'/orderIcon/盲盒礼包.png'"
+              />
+            </view>
+          </view>
           <view class="item-info acea-row row-between row-top" v-for="(cart,cartInfoIndex) in order.cartInfo"
                 :key="cartInfoIndex">
             <view class="pictrue">

pages/order/OrderDetails/index.vue

@@ -112,7 +112,7 @@
     <view style="margin-top: 30rpx;border-radius:20rpx;overflow: hidden;" class="v12-white">
       <!-- <OrderGoods :evaluate="status.type || 0" :cartInfo="orderInfo.cartInfo || []" title="商品信息"></OrderGoods> -->
       <view class="v12-radius-20 v12-pa-3" v-for="(cart, d) in orderInfo.cartInfo" :key="d" @click="goGoodsCon(cart)">
-        <view class="v12-justify-between">
+        <view class="v12-justify-between" v-if="orderInfo.isGiftCardReceiveBlind === 0">
           <view class="">
             <image style="width: 120rpx; height: 120rpx" class="v12-radius-8" :src="cart.productInfo.image"></image>
           </view>
@@ -136,6 +136,19 @@
             </view>
           </view>
         </view>
+        <view class="v12-justify-between" v-else>
+          <view class="">
+            <image style="width: 120rpx; height: 120rpx" class="v12-radius-8" :src="webUrl+'/orderIcon/盲盒礼包.png'"></image>
+          </view>
+          <view class="v12-justify-between v12-flex-column v12-ml-2 v12-py-2" style="flex: 2">
+            <view class="v12-font-28 v12-dark-text v12-font-bold more-t">
+              盲盒礼物
+            </view>
+            <view class="more-t v12-secondary-dark-text v12-font-24">
+              待收货后展示商品信息
+            </view>
+          </view>
+        </view>
         <view class=""  v-if="orderInfo.cartInfo &&( d === orderInfo.cartInfo.length - 1)">
           <view class="v12-justify-between v12-align-center v12-mt-3 v12-dark-text">
             <view class="v12-font-24 v12-dark-text">

pkg_user/views/gift/components/GiftCard.vue

@@ -1,8 +1,11 @@
 <template>
   <view class="dialog-conent" v-show="isLogin">
     <view class="gift-card-modal" >
-      <image class="bg-image" :src="card.cover" mode="aspectFit|aspectFill|widthFix" lazy-load="false"></image>
+      <image class="bg-image" :src="card.cover || card.blindBoxImage" mode="aspectFit|aspectFill|widthFix" lazy-load="false"></image>
-      <view class="image-wrap">
+      <view v-if="card.isBlind !== 1" class="image-wrap" :style="{
+        top: card.productImageY*2 * 1.8 + 'rpx',
+        left: card.productImageX*2 * 1.8 + 'rpx'
+      }">
         <image class="pro-image" :src="card.giftProducts[0].productImage" mode="aspectFit|aspectFill|widthFix" lazy-load="false" @error="" @load="">
           
         </image>
@@ -15,6 +18,10 @@
       </view>
       
     </view>
+    <view class="blind-box" v-if="card.isBlind">
+      <u-icon :name="webUrl + '/orderIcon/礼物.png'" size="30" ></u-icon>
+      <text class="v12-font-30 v12-dark-text v12-font-bold v12-ml-2">您收到一份来自朋友的神秘礼物</text>
+    </view>
     <view class="btn-wrap">
       <button v-if="!isReceive && myGift.isCurrentUser !== 1" class="share-btn v12-white-text v12-primary" @click="setAddress(0)">
         填写地址并收下
@@ -176,6 +183,17 @@ export default {
 </script>
 
 <style scoped>
+.blind-box{
+  width: 578rpx;
+  height: 90rpx;
+  background: rgba(255,255,255,0.39);
+  box-shadow: 0rpx 2rpx 20rpx rgba(0,0,0,0.05);
+  border-radius: 16rpx;
+  line-height: 90rpx;
+  display: flex;
+  padding-left: 35rpx;
+  align-items: center;
+}
 .info-btn{
   border: 1px solid #C52733;
   color: #C52733;
@@ -202,9 +220,10 @@ export default {
   align-content: center;
 }
 .bg-image{
-  width: 586rpx;
+  width: 576rpx;
-  height: 704rpx;
+  height: 720rpx;
   position: absolute;
+  border-radius: 16rpx;
   top: 0;
 }
 .tips{
@@ -233,17 +252,19 @@ export default {
   height: 296rpx;
 }
 .image-wrap{
-  width: 296rpx;
+  width: 288rpx;
-  height: 296rpx;
+  height: 288rpx;
   border: 10rpx solid #FDF0D3;
   border-radius: 30rpx;
   position: absolute;
   overflow: hidden;
   top: -140rpx;
+  right: 0;
+  margin: auto;
 }
 .pro-image{
-  width: 296rpx;
+  width: 288rpx;
-  height: 296rpx;
+  height: 288rpx;
   /* border-radius: 30rpx; */
 }
 .auto-text-color {
@@ -287,7 +308,8 @@ export default {
   text-align: center;
 }
 .gift-card-modal {
-    height: 704rpx;
+    height: 720rpx;
+    width: 576rpx;
     justify-content: center;
     z-index: 999;
     margin-top: 100rpx;

pkg_user/views/giftList.vue

@@ -142,6 +142,15 @@
                   </view>
                 </view>
               </view>
+              <view v-if="item.isBlind" class="gift-body" @click="giftItemClickHanlde(item)">
+                <view class="gift-img">
+                  <image
+                    :src="webUrl+'/orderIcon/盲盒礼包.png'"
+                    class="img"
+                    mode="widthFix"
+                  />
+                </view>
+              </view>
               <view class="gift-bottom">
                 <view class="gift-txt">
                   赠言：{{ item.message || '' }}
@@ -335,7 +344,7 @@ export default {
       this.isLoad = false
       giftCardReceiveList({
         page: 1,
-        limit: 999
+        limit: 10
       }).then(res => {
         const { success, data } = res
         if (success) {
@@ -351,7 +360,7 @@ export default {
       this.isLoad = false
       giftCardSendList({
         page: 1,
-        limit: 999
+        limit: 10
       }).then(res => {
         const { success, data } = res
         if (success) {