wxappb2b/GuangZuan/miniprogram/mHome/pages/presell/list/index.wxml

<view class="container"  style="padding-bottom: {{ safeBottom }}px;">
  <view class="tab-view" style="position: sticky; top: 0; z-index: 999;">
    <!-- 导航栏 -->
    <van-nav-bar custom-style="background-color: #407DB8">
      <van-icon slot="left" name="arrow-left" size="25px" color="#fff" bind:click="backToParent"/>
      <text slot="title" style="color: #fff;">预售大厅</text>
    </van-nav-bar>

    <!-- tabs -->
    <van-tabs id="category" active="{{ active }}" swipeable bind:change="onTabChange" color="#2270D9" line-width="20px" title-inactive-color="#333" title-active-color="#407DB8">
      <van-tab wx:for="{{ tabs }}" wx:for-item="itm" wx:key="id" name="{{ itm.id }}" title="{{ itm.name }}"/>
    </van-tabs> 

    <view class="filter-view">
      <van-tabs id="subCategory" active="{{ status }}" bind:change="onTabChange" line-height="0px" title-inactive-color="#333" title-active-color="#DC203D">
        <van-tab wx:for="{{ subtabs }}" wx:for-item="itm" wx:key="id" name="{{ itm.id }}" title="{{ itm.name }}"/>
      </van-tabs>
      <van-icon name="add-o" size="25px" color="#387BDC" bind:click="addPreSell"/>
    </view>
  </view> 

  <!-- 数据内容 -->
  <view class="container__list">
    <view wx:if="{{ active != 3 }}" class="container__list__item" wx:for="{{ values }}" wx:key="presaleapplyid" wx:for-item="itm" wx:for-index="idx" id="{{ idx }}" bindtap="onItemClick">
      <view class="container__list__item__top">
        <text>{{ itm.wrstandardname }}</text>
        <text>{{ itm.surplusqty }}</text>
        <text>{{ itm.price }}</text>
        <text>{{ itm.status }}</text>
      </view>
      <view class="container__list__item__row">
        <text>卖方：{{ itm.customername }}</text>
        <text>预售数量：{{ itm.presaleqty }}</text>
      </view>
      <view class="container__list__item__row">
        <text>采购保证金：{{ itm.buymarginvalue }}</text>
        <text>最小采购单位：{{ itm.minbuyqty }}</text>
      </view>
      <view class="container__list__item__row">
        <text>开始日期：{{ itm.startdate }}</text>
        <text>最大采购单位：{{ itm.maxbuyqty }}</text>
      </view>
      <view class="container__list__item__row">
        <text>结束日期：{{ itm.enddate }}</text>
        <text>最低成团量：{{ itm.minsuccessqty }}</text>
      </view>
    </view>

    <view wx:if="{{ active === 3 }}" class="container__list__item" wx:for="{{ values }}" wx:key="presaleapplyid" wx:for-item="itm" wx:for-index="idx" bindtap="onItemClick">
      <view class="container__list__item__top">
        <text>{{ itm.wrstandardname }}</text>
        <text>{{ itm.orderqty }}</text>
        <text>{{ itm.tradeprice }}</text>
        <text>{{ itm.status }}</text>
      </view>
      <view class="container__list__item__row">
        <text>卖方：{{ itm.customername }}</text>
        <text>货款：{{ itm.tradeamount }}</text>
      </view>
      <view class="container__list__item__row">
        <text>采购保证金：{{ itm.buymarginvalue*100.0 }}%</text>
        <text>已付保证金：{{ itm.freezemargin }}</text>
      </view>
      <view class="container__list__item__row">
        <text>{{ itm.ordertime }}</text>
      </view>
    </view>
  </view>
</view>

<!-- empty -->
<van-empty wx:if="{{ isEmpty }}" class="custom-image" description="无数据"/>