<wxs src="./../../utils/wxsUtil.wxs" module="wxsUtil" />
<view class="border-radius top flex-column flex-align-center">
  <image  src="/images/icon_21.png"></image>
  <text style="font-size: 36rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;">{{source === 'project' ? '预约成功' : '购买成功'}}</text>
  <text style="margin: 40rpx 0 12rpx;font-size: 24rpx;color: #666666;"wx:if="{{source =='project'?true:false}}">{{tips[source][0]}}</text>
  <view class="flex-align-baseline" wx:if="{{source =='project'?true:false}}">
    <text style="font-size: 24rpx;color: #666666;">请于{{takeOutTime}}之前</text>
  </view>
  <view class="flex-align-baseline" wx:elif="{{seconds}}">
    <text style="font-size: 24rpx;color: #666666;">距离订单开始还剩：</text>
    <text style="font-size: 36rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;">{{countdownStr}}</text>
  </view>
  <view class="btn-box flex">
    <view class="btn flex-center" style="margin-right: 60rpx;" bindtap="gotoOrderDetail">{{source === 'secondaryCard' ? '我的卡包' : '查看订单'}}</view>
    <view class="btn active flex-center" bindtap="gotoHome">返回首页</view>
  </view>
</view>
<view class="border-radius list " wx:if="{{productList.length > 0}}">
  <view class="flex-column flex-align-center">
    <text style="font-size: 36rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #000000;">新用户福利</text>
    <text style="font-size: 28rpx;color: #666666;margin: 40rpx 0 8rpx;">检测你预约的项目使用的产品可升级！</text>
    <view class="flex-align-center">
      <text style="font-size: 28rpx;font-family: PingFang-SC-Medium, PingFang-SC;font-weight: 500;color: #343434;">新用户升级立享</text>
      <text style="font-size: 36rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FF3A13;">5</text>
      <text style="font-size: 28rpx;font-family: PingFang-SC-Medium, PingFang-SC;font-weight: 500;color: #343434;">折</text>
    </view>
    <!-- <view class=""></view> -->
  </view>
  <view class="item flex-align-center" wx:for="{{ productList }}" wx:key="index" bindtap="selectProjectProduct" data-item="{{item}}">
    <image class="change-img" src="{{selectProductData && selectProductData.product_id == item.product_id ? '/images/icon_17.png' : '/images/icon_16.png'}}"></image>
    <view class="flex1 flex item-card">
      <image class="card-img" src="{{item.cover_url}}"></image>
      <view class="flex1 flex-column" style="padding:0 20rpx;">
        <!-- <view class="flex-align-center flex-justify-space-between">
          <text>月卡</text>
          <image src="/images/icon_19.png" style="width:56rpx;height:56rpx;" bindtap="onOpenLandscape"></image>
        </view> -->
        <text class="ellipsis2" style="height: 80rpx;margin-top: 14rpx;">{{item.product_name}}</text>
        <view class="flex-align-center">
          <text style="font-size: 36rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FF3A13;">¥{{item.member_price}}</text>
          <text style="font-size: 24rpx;color: #999999;margin-left: 12rpx;text-decoration:line-through;">¥{{item.original_price}}</text>
          <text class="flex1"></text>
          <view class="btn flex-center" catchtap="gotoProductDetail" data-item="{{item}}">
            了解更多
          </view>
        </view>
      </view>
    </view>
  </view>
</view>
<view wx:if="{{recommendList.length > 0}}">
  <view class="tabs-title flex-center">
    <view class="line"></view>
    <view style="font-size: 24rpx;color: #666;margin: 0 20rpx;">为你推荐</view>
    <view class="line"></view>
  </view>
  <view class="tabs-content active">
    <view class="item flex" wx:for="{{ recommendList }}" wx:key="index" bindtap="gotoRecommendDetail" data-item="{{item}}">
      <image src="{{item.cover_url}}" class="item-image"></image>
      <view class="item-text flex1 flex-column flex-justify-space-around ellipsis">
        <text class="ellipsis">{{item.name}}</text>
        <view class="tags ellipsis">
          <view class="tags-item " wx:for="{{ wxsUtil.split(item.tags, ' ') }}" wx:key="t_index" wx:for-item="t_item">
            {{t_item}}
          </view>
        </view>
        <view class="vip-price-box flex">
          <!-- <view class="vip-price flex-align-center" wx:if="{{!isMember}}">
            <text style="padding: 4rpx;">VIP:</text>
            <text class="price">¥{{item.member_price}}</text>
          </view> -->
          <!-- <view wx:else> -->
            <!-- <text class="vip-origin-price">¥{{item.original_price}}</text> -->
            <text class="vip-origin-price"></text>
          <!-- </view> -->
        </view>
        <view class="btn-box flex-align-center">
          <view class="price-text">
            <text style="font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FA4622;">¥</text>
            <text style="font-size: 40rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FA4622;">{{isMember ? item.member_price : item.original_price}}</text>
          </view>
          <image wx:if="{{isMember}}" src="/images/icon_11.png"></image>
          <text class="flex1"></text>
          <image src="/images/icon_15.png" wx:if="{{ current != 0 }}" style="width: 48rpx;height: 48rpx;"></image>
          <view class="btn flex-center" wx:if="{{ current == 0 }}">下单</view>
        </view>
      </view>
    </view>
  </view>
  <view class="no-more-data">到底啦~</view>
</view>
<view class="btm flex-center" wx:if="{{productList.length > 0}}">
  <view class="btm-btn flex-center" style="{{selectProductData ? '':'opacity: 0.3'}}" bindtap="addProductOrder">
    立即升级套装产品
  </view>
</view>
<view style="height: 170rpx;"></view>