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

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

  <!-- banner轮播图 -->
  <swiper class="banner" wx:if="{{ banners.count != 0 }}" indicator-active-color="orange" indicator-dots autoplay interval="5000" circular>
    <swiper-item class="banner_item" wx:for="{{ banners }}" wx:for-item="itm" wx:key="index" id="{{ item }}">
      <view class="swiper-item">
        <image src='{{ itm }}' mode="widthFix" />
      </view>
    </swiper-item>
  </swiper>

  <view style="background-color: #f0f0f0; height: 10px; width: 100%;"></view>

  <view class="container__top">
    <view class="container__top__row">
      <text selectable="false">{{ item.wrstandardname }}</text>
    </view>
    <view class="container__top__row price">
      <text selectable="false">剩余数量：{{ item.surplusqty }}</text>
      <text selectable="false">克拉单价：{{ item.price }}</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">卖方：{{ item.customername }}</text>
      <text selectable="false">预售总量：{{ item.presaleqty }}</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">最小采购单位：{{ item.minbuyqty }}</text>
      <text selectable="false">最大采购单位：{{ item.maxbuyqty }}</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">最低成团量：{{ item.minsuccessqty }}</text>
      <text selectable="false">采购保证金比例：{{ item.buymarginvalue }}</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">开始日期：{{ item.startdate }}</text>
      <text selectable="false">结束日期：{{ item.enddate }}</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">状态：{{ item.status }}</text>
      <text selectable="false">已认购数量：{{ item.tradeqty }}</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">履约方式：</text>
    </view>
    <scroll-view class="container__top__row__step" scroll-x="true" scroll-left="true">
      <view class="container__top__row__step__item" wx:for="{{ tmp.LstStep }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx"> 
        <text class="value" style="color: white; background-color: {{ colors[idx] }};">{{ itm.stepinfo }}</text>
        <text class="value">{{ itm.stepdate }}</text>
      </view>
    </scroll-view>
    <view class="container__top__row">
      <text selectable="false">备注：{{ item.remark }}</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">单号：{{ item.presaleapplyid }}</text>
    </view>
  </view>

  <view style="background-color: #f0f0f0; height: 10px; width: 100%;"></view>

  <view class="container__diamondinfo">
    <text selectable="false">【钻石参考信息】</text>
    <text selectable="false">颜色：{{ item.zscolortypestr }} </text>
    <text selectable="false">净度：{{ item.zsclaritytypestr }} </text>
    <text selectable="false">尺寸：{{ item.sizestr }} </text>
    <text selectable="false">成品率：{{ item.yieldrate }} </text>
    <text selectable="false">重量：{{ item.weightdesc }} </text>
    <text selectable="false">数量：{{ item.qtydesc }} </text>
    <text selectable="false">生产方式：{{ item.ysproductionmode === 1 ? 'HPHT' : 'CVD' }} </text>
  </view>

   <view class="button-view" wx:if="{{ item.presalestatus != 1 }}">
    <van-button block color="linear-gradient(to right, #4bb0ff, #666)" bind:click="showPopup" round>立即购买</van-button>
  </view>
</view>

<van-popup show="{{ show }}" round position="bottom" custom-style="height: 30%;" bind:close="onClose">
  <view class="popup-view"> 
    <text class="title">提示</text>
    <text class="message">确认要提交认购吗？</text>
    <van-field label="认购数量：" model:value="{{ orderQty }}" placeholder="请输入认购数量" type="digit" required clearable border="{{ false }}" bind:input="getInputNum" ></van-field>
    <view class="button-view" style="padding-bottom: {{ safeBottom }}px;">
      <van-button bind:click="onClose" color="#999" round block>取消</van-button>
      <van-button bind:click="doSubmit" color="#407DB8" round block>确定</van-button>
    </view>
  </view>
</van-popup>