auction-detail.wxml 4.5 KB
<wxs module="filter" src="../../utils/utilswxs.wxs"></wxs>
<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">¥{{filter.Fen2Yuan(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">产品原价:{{filter.Fen2Yuan(productInfo.originalPrice)}} 元</view>
          <view class="t1">起拍价:{{filter.Fen2Yuan(productInfo.startPrice)}}元</view>
          <view class="t1">最小加价幅度:{{filter.Fen2Yuan(productInfo.minScope)}}元</view>
          <view class="t1">延时周期: {{filter.msTimeFormat(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">¥{{filter.Fen2Yuan(item.price)}}</view>
                <view class="item item4">{{item.recordTime}}</view>
              </view>
            </view>
            <view bindtap="onShowAuctionBidDetailHandler" class="all-bid-tips">
              查看所有{{priceTotal}}次出价>
            </view>
          </view>
          <view class="empty-tips" wx:else>
            <text>大家都很矜持,该拍卖还未有人出价</text>
          </view>
        </view>
      </view>
    </view>
    <!-- 按钮 -->
    <view bindtap="onSubmitHandler" class="submit-btn {{productInfo.status != 1 ? 'disable' : ''}}">
      我要出价
    </view>
  </view>
</view>
<van-popup show="{{ authorizeVisible }}">
  <authorize-comp bind:evtcomp="evtcomp"></authorize-comp>
</van-popup>
<van-popup show="{{ auctionBidVisible }}">
  <auction-bid-comp id="auctionBidComp" max-price="{{maxPrice}}" product-info="{{productInfo}}" bind:evtcomp="evtcomp"></auction-bid-comp>
</van-popup>
<van-popup show="{{ auctionBidSuccessVisible }}">
  <auction-bid-success-comp bid-price="{{bidPrice}}" inner-title="成功出价" bind:evtcomp="evtcomp"></auction-bid-success-comp>
</van-popup>
<van-popup show="{{ auctionBidFailVisible }}">
  <auction-bid-fail-comp inner-title="出价失败" bind:evtcomp="evtcomp"></auction-bid-fail-comp>
</van-popup>