wxappb2b/GuangZuan/miniprogram/mHome/pages/purchase/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 label="钻石类型：" title-width="8em" size="large" required readonly>
        <view slot="input">
          <van-radio-group solt="input" value="{{ category }}" bind:change="onChange" direction="horizontal" >
            <van-radio wx:for="{{ categorys }}" wx:for-item="itm" wx:key="value" name="{{ itm.value }}">{{ itm.text }}</van-radio>
          </van-radio-group>
        </view>
      </van-field>
    </view>
    <view class="cell-item">
      <van-field id="pretotalqty" label="预售总量：" type="digit" title-width="8em" size="large" required clearable model:value="{{ pretotalqty }}" placeholder="请输入预售总量" bind:input="getInputNum" />
      <view class="unit">(克拉)</view>
    </view>
    <view class="cell-item">
      <van-field id="minbuyqty" label="最小采购单位：" type="digit" title-width="8em" 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="最大采购单位：" type="digit" title-width="8em" 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="最低成团量：" type="digit" title-width="8em" 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="采购保证金比例：" type="digit" title-width="8em" size="large" required clearable model:value="{{ buymarginvalue }}" placeholder="请输入采购保证金比例" bind:input="getInputNum"	/>
      <view class="unit">%</view>
    </view>
    <view class="cell-item">
      <van-field id="startdate" label="开始日期：" title-width="8em" size="large" required readonly clearable value="{{ startdate }}" placeholder="请选择开始日期" bind:click-input	="onButtonClick" />
    </view>
    <view class="cell-item">
      <van-field id="enddate" label="结束日期：" title-width="8em" size="large" required readonly clearable value="{{ enddate }}" placeholder="请选择结束日期" bind:click-input	="onButtonClick" />
    </view>
    <view class="cell-item">
      <van-field label="履约方式：" title-width="8em" size="large" required readonly clearable value="{{ tmp.templatename }}" 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-icon slot="right-icon" name="plus" size="20px" color="#226FD9" class="custom-icon" bind:click="addPrice" />
    </van-cell>
    <view class="column-title">
     <view class="column-title__item" wx:for="{{ columns }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx">{{ itm }}</view>
    </view>
    <view class="row" wx:for="{{ datas }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx">
      <view class="row__item">{{ itm.step }}</view> 
      <view class="row__item">
        <van-field id="{{ itm.step }} qty" value="{{ itm.qty }}" input-align="center" clearable type="digit" readonly="{{ idx === 0 }}" bind:input="onRowChanged" ></van-field>
      </view> 
      <view class="row__item">
        <van-field id="{{ itm.step }} price" value="{{ itm.price }}" input-align="center" clearable type="digit" bind:input="onRowChanged"	></van-field>
      </view> 
      <view class="row__item"><van-icon name="delete-o" size="15px" bind:click="deleteRow" id="{{ itm.step }}"></van-icon></view>
    </view>
  </van-cell-group>

  <van-cell-group>
    <van-cell><view solt="title" class="sub-title">钻石参考信息</view></van-cell>
    <van-field id="zsshape" label="形状：" size="large" clearable model:value="{{ zsshape }}" placeholder="请输入形状" />
    <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="zspolish" label="抛光：" size="large" clearable model:value="{{ zspolish }}" placeholder="请输入抛光"/>
    <van-field id="zssymmetry" label="对称：" size="large" clearable model:value="{{ zssymmetry }}" placeholder="请输入对称" />
    <van-field id="zscut" label="切工：" size="large" clearable model:value="{{ zscut }}" placeholder="请输入切工" />
    <van-field id="zsfluorescence" label="荧光：" size="large" clearable model:value="{{ zsfluorescence }}" placeholder="请输入荧光" />
    <!-- 凭证 -->
    <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" />