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

<!--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 label="商品名称：" size="large" required clearable value="{{ zscolor }}" placeholder="请输入商品名称" border="{{ false }}" bind:change="onChange" />
    </view>
    <view class="cell-item">
      <van-field label="预售总量：" size="large" required clearable value="{{ zsclarity }}" placeholder="请输入预售总量" border="{{ false }}" bind:change="onChange" />
      <view class="unit">(克拉)</view>
    </view>
    <view class="cell-item">
      <van-field label="预售价格：" size="large" required clearable value="{{ zssize }}" placeholder="请输入预售价格" border="{{ false }}" bind:change="onChange" />
      <view class="unit">(元/克拉)</view>
    </view>
    <view class="cell-item">
      <van-field label="最小采购单位：" size="large" required clearable value="{{ zscolor }}" placeholder="请输入最小采购单位" border="{{ false }}" bind:change="onChange" />
      <view class="unit">(克拉)</view>
    </view>
    <view class="cell-item">
      <van-field label="最大采购单位：" size="large" required clearable value="{{ zscolor }}" placeholder="请输入最大采购单位" border="{{ false }}" bind:change="onChange" />
      <view class="unit">(克拉)</view>
    </view>
    <view class="cell-item">
      <van-field label="最低成团量：" size="large" required clearable value="{{ zscolor }}" placeholder="请输入最低成团量" border="{{ false }}" bind:change="onChange" />
      <view class="unit">(克拉)</view>
    </view>
    <view class="cell-item">
      <van-field label="采购保证金比例：" size="large" required readonly clearable value="{{ zscolor }}" placeholder="请输入采购保证金比例" border="{{ false }}" bind:change="onChange" />
      <view class="unit">%</view>
    </view>
    <view class="cell-item">
      <van-field id="startdate" label="开始日期：" size="large" required readonly clearable value="{{ startdate }}" placeholder="请选择开始日期" border="{{ false }}" bind:click-input	="onButtonClick" />
    </view>
    <view class="cell-item">
      <van-field id="enddate" label="结束日期：" size="large" required readonly clearable value="{{ enddate }}" placeholder="请选择结束日期" border="{{ false }}" bind:click-input	="onButtonClick" />
    </view>
    <view class="cell-item">
      <van-field label="履约方式：" size="large" required readonly clearable value="{{ tmp.templatename }}" border="{{ false }}" bind:click-input="showPlanTmps" />
      <view class="unit"><van-icon name="arrow"></van-icon></view>
    </view>
    <view class="content prestyle">
      <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>
    </view>
  </van-cell-group>

  <van-cell-group>
    <van-cell><view solt="title" class="sub-title">钻石参考信息</view></van-cell>
    <van-field label="颜色：" size="large" clearable value="{{ zscolor }}" placeholder="请输入颜色" border="{{ false }}" bind:change="onChange" />
    <van-field label="净度：" size="large" clearable value="{{ zsclarity }}" placeholder="请输入净度" border="{{ false }}" bind:change="onChange" />
    <van-field label="尺寸：" size="large" clearable value="{{ zssize }}" placeholder="请输入尺寸" border="{{ false }}" bind:change="onChange" />
    <van-field label="成品率：" size="large" clearable value="{{ zscolor }}" placeholder="请输入成品率" border="{{ false }}" bind:change="onChange" />
    <van-field label="重量描述：" size="large" clearable value="{{ zscolor }}" placeholder="请输入重量描述" border="{{ false }}" bind:change="onChange" />
    <van-field label="数量描述：" size="large" clearable value="{{ zscolor }}" placeholder="请输入数量描述" border="{{ false }}" bind:change="onChange" />
    <van-field label="生产方式：" size="large" readonly clearable value="{{ zscolor }}" placeholder="请选择生产方式" border="{{ false }}" bind:change="onChange" />
    <van-cell size="large">
      <view solt="title" class="way-view">
        <view class="way-view__title" style="font-size: 16px; color: #666; text-align: left;">生产方式：</view>
        <van-dropdown-menu>
          <van-dropdown-item value="{{ way }}" options="{{ options }}" />
        </van-dropdown-menu>
      </view>
    </van-cell>
    <!-- 凭证 -->
    <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 label="备注：" size="large" type="textarea" autosize maxlength="200" clearable value="{{ zscolor }}" placeholder="请选择请输入备注信息" border="{{ false }}" bind:change="onChange" />
  </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" 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 }}" min-date="{{ minDate }}" bind:close="onCloseCal" bind:confirm="onConfirm" />