Fix：3961 【商城小程序】这部分功能未出接口，出接口后指派给前端

pages/order/OrderDetails/index.vue

@@ -316,6 +316,23 @@
         <text class="money font-color-red">￥{{ force2Decimal(orderInfo.payPrice) }}</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 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 style="height:100rpx;" v-if="!refundOrder && offlineStatus"></view>
     <view class="footer acea-row row-right row-middle" v-if="!refundOrder && offlineStatus">
       <template v-if="status.type == 0">
@@ -1192,4 +1209,10 @@ export default {
     text-align: left !important;
   }
 }
+.gift-wrap{
+  background: #fff;
+  border-radius: 20rpx;
+  margin-top: 30rpx;
+  padding: 30rpx;
+}
 </style>