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

<view class="container" style="padding-bottom: {{ safeBottom }}px;">
  <view class="nav-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>
  </view>
  
  <van-cell-group>
    <van-cell><view solt="title" class="sub-title">预售信息</view></van-cell>
    <view class="cell-item">
      <van-field id="wrstandname" label="商品名称：" title-width="8em" size="large" required clearable model:value="{{ wrstandname }}" placeholder="请输入商品名称"/>
    </view>
    <view class="cell-item">
      <van-field id="pretotalqty" label="预售总量：" title-width="8em" type="digit" size="large" required clearable model:value="{{ pretotalqty }}" placeholder="请输入预售总量" bind:input="getInputNum" />
      <view class="unit">(克拉)</view>
    </view>
    <view class="cell-item">
      <van-field id="preprice" label="预售价格：" title-width="8em" type="digit" size="large" required clearable model:value="{{ preprice }}" placeholder="请输入预售价格" bind:input="getInputNum" />
      <view class="unit">(元/克拉)</view>
    </view>
    <view class="cell-item">
      <van-field id="minbuyqty" label="最小采购单位：" title-width="8em" type="digit" size="large" required clearable model:value="{{ minbuyqty }}" placeholder="请输入最小采购单位" bind:input="getInputNum" />
      <view class="unit">(克拉)</view>
    </view>
    <view class="cell-item">
      <van-field id="maxbuyqty" label="最大采购单位：" title-width="8em" type="digit" size="large" required clearable model:value="{{ maxbuyqty }}" placeholder="请输入最大采购单位" bind:input="getInputNum" />
      <view class="unit">(克拉)</view>
    </view>
    <view class="cell-item">
      <van-field id="minsuccessqty" label="最低成团量：" title-width="8em" type="digit" size="large" required clearable model:value="{{ minsuccessqty }}" placeholder="请输入最低成团量" bind:input="getInputNum" />
      <view class="unit">(克拉)</view>
    </view>
    <view class="cell-item">
      <van-field id="buymarginvalue" label="采购保证金比例：" title-width="8em" type="digit" size="large" required clearable model:value="{{ buymarginvalue }}" placeholder="请输入采购保证金比例" bind:input="getInputNum" />
      <view class="unit">%</view>
    </view>
    <view class="cell-item">
      <van-field id="startdate" title-width="8em" label="开始日期：" size="large" required readonly clearable value="{{ startdate }}" placeholder="请选择开始日期" bind:click-input	="onButtonClick" />
    </view>
    <view class="cell-item">
      <van-field id="enddate" title-width="8em" label="结束日期：" size="large" required readonly clearable value="{{ enddate }}" placeholder="请选择结束日期" bind:click-input	="onButtonClick" />
    </view>
    <view class="cell-item">
      <van-field value="" title-width="8em" label="履约方式：" size="large" required readonly clearable value="{{ tmp.templatename }}" bind:click-input="showPlanTmps" />
      <view class="unit"><van-icon name="arrow"></van-icon></view>
    </view>
    <scroll-view class="content prestyle" scroll-x>
      <view class="content__item__step">
        <view class="content__item__step__item" wx:for="{{ tmp.LstStep }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx"> 
          <text style="background-color: {{ tcolors[idx] }}; color: white;">{{ itm.stepinfo }}</text>
          <text>{{ itm.stepdate }}</text>
        </view>
      </view>
    </scroll-view>
  </van-cell-group>

  <van-cell-group>
    <van-cell><view solt="title" class="sub-title">钻石参考信息</view></van-cell>
    <van-field id="zscolor" label="颜色：" size="large" clearable model:value="{{ zscolor }}" placeholder="请输入颜色" />
    <van-field id="zsclarity" label="净度：" size="large" clearable model:value="{{ zsclarity }}" placeholder="请输入净度"/>
    <van-field id="zssize" label="尺寸：" size="large" clearable model:value="{{ zssize }}" placeholder="请输入尺寸" />
    <van-field id="zsyield" label="成品率：" size="large" clearable model:value="{{ zsyield }}" placeholder="请输入成品率" />
    <van-field id="weightdesc" label="重量描述：" size="large" clearable model:value="{{ weightdesc }}" placeholder="请输入重量描述" />
    <van-field id="qtydesc" label="数量描述：" size="large" clearable model:value="{{ qtydesc }}" placeholder="请输入数量描述" />
    <van-field label="生产方式：" value="" size="large" readonly>
      <view slot="input">
        <van-radio-group solt="input" value="{{ way }}" bind:change="onChange" direction="horizontal" >
          <van-radio wx:for="{{ options }}" wx:for-item="itm" wx:key="value" name="{{ itm.value }}">{{ itm.text }}</van-radio>
        </van-radio-group>
      </view>
    </van-field>
    <!-- 凭证 -->
    <view class="credentials-info" style="padding-top: 10px;">
      <text style="padding-left: 15px; font-size: 15px; width: 130px;">*附件</text>
      <view class="credentials-top-view">
        <text class="value">请上传相关图片</text>
        <!-- 凭证图片 -->
        <view class="upload"><van-uploader max-count="6" deletable="{{ true }}" file-list="{{ fileList }}" bind:after-read="afterRead" bind:delete="deleteImage" /></view> 
      </view>
    </view>
    <van-field id="remark" label="备注：" size="large" type="textarea" autosize maxlength="200" clearable model:value="{{ remark }}" placeholder="请输入备注信息" />
  </van-cell-group>

  <!-- 操作按钮 -->
  <view class="button-view">
    <van-button custom-class="cancel" round bind:click="backToParent" block color="linear-gradient(to right, #999, #aaa)">取消</van-button>
    <van-button custom-class="submit" id="submit" round bind:click="onButtonClick" block color="linear-gradient(to right, #4bb0ff, #D91D34)">提交申请</van-button>
  </view>
</view>

<!-- toast -->
<van-toast id="van-toast"/>
<!-- 履约模板 -->
<van-popup show="{{ show }}" position="bottom" custom-style="height: 30%"  bind:click-overlay="onClose">
  <van-picker show-toolbar bind:confirm="onSelect" bind:cancel="onClose" columns="{{ actions }}" title="请选择履约模板" />
</van-popup>
<!-- 选择日期 -->  
<van-calendar show="{{ showCal }}" bind:close="onCloseCal" bind:confirm="onConfirm" />