<view class="page">
  <view class="app__bgc bgc"></view>
  <view class="app__bg bg"></view>
  <!-- <view class="app__top-shadow"></view> -->
  <view class="app__content main">
    <view class="top-space"></view>
    <view class="content">
      <!-- 产品图 -->
      <view class="img-wrap">
        <swiper class="swiper" indicator-color="rgba(0,0,0,.3)" indicator-active-color="rgba(255,255,255,1)" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{5000}}" duration="{{500}}">
          <block wx:for="{{productInfo.auctionImage}}" wx:key="{{index}}">
            <swiper-item>
              <image class="swiper-image" src="{{item}}" mode="aspectFill" />
            </swiper-item>
          </block>
        </swiper>
      </view>
      <!-- 价格栏 -->
      <view class="func">
        <view class="arrow"></view>
        <view class="func-ele func-left">
          <text class="price">￥{{maxPrice}}</text>
          <text class="t1">当前价格</text>
        </view>
        <view class="func-ele func-right {{productInfo.status != 1 ? 'disable' : ''}}">
          <text wx:if="{{productInfo.status == 0}}" class="t1 t2">拍卖未开始</text>
          <text wx:if="{{productInfo.status == 1}}" class="t1">拍卖进行中</text>
          <text wx:if="{{productInfo.status == 2}}" class="t1 t2">拍卖已结束</text>
          <text wx:if="{{productInfo.status == 1}}" class="t1 date">{{lastTime}}</text>
        </view>
      </view>
      <!-- 描述 -->
      <view class="desc">
        <view bindtap="queryAuctionRecordLast" class="refresh-btn">刷新价格</view>
        <view class="desc-tit">{{productInfo.auctionName}}</view>
        <view class="desc-t1">{{productInfo.auctionDescription}}</view>
        <view class="desc-t1">{{productInfo.district}}</view>
      </view>
      <!-- 线 -->
      <view class="line"></view>
      <!-- 拍卖详情 -->
      <view class="auction">
        <view class="auction-desc">
          <view class="t1">产品原价：{{productInfo.originalPrice}}元</view>
          <view class="t1">起拍价：{{productInfo.startPrice}}元</view>
          <view class="t1">最小加价幅度：{{productInfo.minScope}}元</view>
          <view class="t1">延时周期：{{productInfo.delayPeriod}}</view>
        </view>
        <view class="auction-table">
          <view wx:if="{{priceInfo && priceInfo.length > 0}}">
            <view class="tab">
              <!-- 表头 -->
              <view class="tab-item">
                <view class="item item1">状态</view>
                <view class="item item2">竞拍者</view>
                <view class="item item3">出价</view>
                <view class="item item4">时间</view>
              </view>
              <!-- 表体 -->
              <view wx:for="{{priceInfo}}" wx:key="index" class="tab-item {{index != 0 ? 'tab-item2':''}}">
                <view class="item item1">
                  <view class="block">{{index == 0 ? "领先" : "淘汰"}}</view>
                </view>
                <view class="item item2">{{item.memberPhone}}</view>
                <view class="item item3">￥{{item.priceStr}}</view>
                <view class="item item4">{{item.recordTime}}</view>
              </view>
            </view>
            <view bindtap="onShowAuctionBidDetailHandler" class="tips">查看所有{{priceTotal}}次出价></view>
          </view>
          <view wx:else>大家都很矜持，该拍卖还未有人出价</view>
        </view>
      </view>
    </view>
    <!-- 按钮 -->
    <view class="submit-btn">我要出价</view>
  </view>
</view>
<van-popup show="{{ authorizeVisible }}">
  <authorize-comp bind:evtcomp="evtcomp"></authorize-comp>
</van-popup>