Feat：旅居礼包

pkg_product/views/sojoumOrderDetails.vue

@@ -110,6 +110,28 @@
         <text class="value">{{orderInfo.payTypeName}}</text>
       </view>
     </view>
+    <view
+      class="gift-wrap"
+    >
+      <view class="v12-justify-between v12-align-center">
+        <view class="v12-font-28 v12-font-bold v12-align-center">
+          <u-icon :name="webUrl + '/icon/gift-primary.png'" size="24"></u-icon>
+          {{ `已领取${orderInfo.giftCardInfo.receiveNum}/${orderInfo.giftCardInfo.giftNum}份礼包` }}
+        </view>
+        <view
+          v-if="orderInfo.giftCardInfo.refundNum > 0"
+          class="v12-font-bold v12-primary-text v12-font-24"
+        >{{ `剩余${orderInfo.giftCardInfo.refundNum}份已退回` }}</view>
+      </view>
+      <view 
+        v-for="(receive, index) in orderInfo.giftCardInfo.receiveInfo" 
+        :key="index"
+        class="v12-mt-3 v12-justify-between v12-align-center"
+      >
+        <view class="v12-font-24">{{ receive.userNickname }}</view>
+        <view class="v12-font-24">{{ receive.receiveStatus ? '已领取' : '未领取' }}</view>
+      </view>
+    </view>
 
     <!-- 底部按钮 -->
     <view class="bottom-buttons">
@@ -139,6 +161,7 @@ export default {
   },
   data() {
     return {
+      webUrl: this.$VUE_APP_RESOURCES_URL,
       key: '',
       popContent: '',
       title: '',
@@ -544,4 +567,10 @@ export default {
     }
   }
 }
+.gift-wrap{
+  background: #fff;
+  border-radius: 20rpx;
+  margin-top: 30rpx;
+  padding: 30rpx;
+}
 </style>