<!-- <button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button> -->
<navbar back home text="砍价专场"  background='#fff'></navbar>
<view style="height:{{navigationBarHeight}} "></view>
<view class="page" hover-class="none" hover-stop-propagation="false" >
    <!-- <view class='top' wx:if="{{bargaingoods&&list.length>0}}">
      <view class="banner" wx:if="{{list.length>0}}" hover-class="none" hover-stop-propagation="false">
          <c-banner wx:key="unique" list="{{list}}" />
      </view>
    </view> -->
    <!-- 砍价商品 -->
    <view class="bargaingoods" style='padding-bottom:120rpx;' wx:if="{{bargaingoods&&lists.length>0}}" hover-class="none" hover-stop-propagation="false">
        <view class="list" hover-class="none" hover-stop-propagation="false">
            <view class="listitem clearfix" wx:for="{{lists}}" wx:key="index"  hover-stop-propagation="false" data-couponId='{{item.couponId}}' data-id='{{item.id}}' bindtap='invite'>
                <image class="fl" src="{{item.coverImg}}" mode="aspectFill" lazy-load="true" binderror=""
                    bindload=""></image>
                <view class="fl ri" hover-class="none" hover-stop-propagation="false">
                    <text class="txt01">{{item.title}}</text>
                    <!-- <text class="txt02">{{item.subTitle}}</text> -->
                    <view class="txt04">
                      <view>可砍至¥</view>
                      <view class="money">{{item.salePriceStr}}</view>
                    </view>
                    <text class="txt03">原价{{item.priceStr}}</text>
                </view>
                <view class="botton" wx:if="{{item.remainInventory != 0}}" hover-class="none" hover-stop-propagation="false">发起砍价</view>
                <view class="botton botton02" wx:if="{{item.remainInventory == 0}}" hover-class="none" hover-stop-propagation="false">已售罄</view>
            </view>
            <view class="loading" wx:if="{{loading}}">{{content}}</view>
            <!-- <view class='loadingtext' wx:if="{{loadingtext}}">{{loadingtext}}</view> -->
        </view>
    </view>
    <!-- 我的砍价 -->
    <view class="list mybargain" style='padding-bottom:120rpx;' wx:if="{{mybargain&&lists.length>0}}" hover-class="none" hover-stop-propagation="false">
        <view class="listitem clearfix" wx:for="{{lists}}" wx:key="index"  zhover-stop-propagation="false">
            <image class="frImg" wx:if="{{item.orderStatus == 6&&todayDate<=item.pressEndDate}}" src="{{orangeImg}}" mode="aspectFill" lazy-load="true"><text>进行中</text></image>
            <image class="frImg" wx:if="{{item.orderStatus == 7}}" src="{{blueImg}}" mode="aspectFill" lazy-load="true"><text>已完成</text></image>
            <image class="frImg" wx:if="{{item.orderStatus == 8||item.orderStatus == 6&&todayDate>item.pressEndDate}}" src="{{grayImg}}" mode="aspectFill" lazy-load="true"><text>已失效</text></image>
            <image class="fl" src="{{item.coverImg}}" mode="aspectFill" lazy-load="true"></image>
            <view class="fl ri" hover-class="none" hover-stop-propagation="false">
              <text class="txt01">{{item.title}}</text>
              <view class="txt04  mr txt004" wx:if="{{item.orderStatus !=7}}">
                <view>已砍至¥</view> 
                <view class='money'>{{item.price/100-(item.price/100-item.salePrice/100-item.pressCurrentValue/100)}}</view>
              </view>
              <text class="txt03">原价{{item.price/100}}</text>
              <text class="txt04  mr" wx:if="{{item.orderStatus == 7}}">已砍价到底价：{{item.salePrice/100}}元</text>
            </view>
            <view class='again' wx:if="{{item.orderStatus == 6&&todayDate<=item.pressEndDate}}" hover-class="none" hover-stop-propagation="false" data-data="{{item}}" bindtap="inviteFriend">
              <view class="botton1">邀请好友</view>
            </view>

            <view class='again' wx:if="{{item.orderStatus == 7}}" data-data="{{item}}" bindtap="inviteFriend">
                <view class="botton2" hover-class="none" hover-stop-propagation="false">立即付款</view>
                <!-- <image class="icon" src="{{bargainsuccess}}" lazy-load="true"/> -->
            </view>

            <form bindsubmit="submit" report-submit='true' >
                <view class='again' wx:if="{{item.orderStatus == 8||item.orderStatus == 6&&todayDate>item.pressEndDate}}"
                    data-couponChannelId="{{item.couponChannelId}}"  data-couponId="{{item.productId}}" data-id="{{item.id}}" bindtap="barginAgain">
                    <button form-type="submit" class="botton3" hover-class="none" hover-stop-propagation="false">重新砍价</button>
                    <!-- <image class="icon" src="{{bargainfail}}" lazy-load="true"/> -->
                </view>
            </form>

            <view wx:if="{{item.orderStatus != 8}}" >
              <view class='line'></view>
              <view class='pt_progress' >
                <progress percent="{{(item.pressCurrentNum/item.pressLimitNum)*100}}"  stroke-width="6" activeColor="#FD7E2B" />
                <text class='msg' wx:if="{{item.orderStatus == 6}}">还差{{item.pressLimitNum-item.pressCurrentNum}}人即享最低</text>
                <text class='msg' wx:if="{{item.orderStatus == 7}}">已至底价</text>
              </view>
            </view>
          
            <view wx:if="{{item.orderStatus == 2 || item.orderStatus == 9}}">
                <image class="icon" style="margin-top:60rpx;" src="{{bargaincancel}}" lazy-load="true"/>
            </view>
        </view>
        <view class="loading" wx:if="{{loading}}">{{content}}</view>
    </view>

    <view class='no-data01' wx:if='{{flag=="bargaingoods"&&lists.length==0}}' style='{{"height:"+(list.length>0?"calc(100vh - 460rpx)":"calc(100vh - 160rpx)")}}'>
      <image src='{{noCoupon}}'></image>
      <view class='no-data-text'>暂无数据</view>
    </view>
    <view class='no-data' wx:if='{{flag=="mybargain"&&lists.length==0}}'>
      <image src='{{noCoupon}}'></image>
      <view class='no-data-text'>暂无数据</view>
    </view>
    <view class='bottom'>
        <view bindtap="bargaingoods"  class="{{bargaingoods?'bottom-left':'bottom-leftQ'}}">砍价商品</view>
        <view  bindtap="mybargain"  class="{{mybargain?'bottom-right':'bottom-rightQ'}}">我的砍价</view>
    </view>
</view>