nsgk_wechat/pages/apply/paymentTemplate/add/add.wxml

<!--pages/apply/paymentTemplate/add/add.wxml-->
<view class="ns" style="height:{{isIPX?'88px':'64px'}};">
  <image src="/image/apply/back.png" style="top:{{isIPX?'54px':'30px'}};" mode="widthFix" bindtap="back"></image>
  <text style="top:{{isIPX?'54px':'30px'}};">支出申请</text>
</view>
<view class="pure_top" style="top:{{isIPX?'88px':'64px'}};"></view>
<view class="main-box top-box" style="margin-top:{{isIPX?'100px':'75px'}};">
  <text class="box-title">审批事项</text>
  <input class="input_tit" placeholder="请输入审批事项" value="{{form.approvalItemTemplate.approvalItems}}" bindinput="bindKeyInput"/>
  <text>提交单位：{{form.approvalItemTemplate.submitCompany}}</text>
  <text>提交日期：{{form.approvalItemTemplate.submitDate}}</text>
  <text>提  交  人：{{form.approvalItemTemplate.submitter}}</text>
  <text>联系电话：{{form.approvalItemTemplate.telephone}}</text>
</view>
<block wx:for="{{form.approvalItemTemplate.transfers}}" wx:key="index">
  <view class="main-title">事项一</view>
  <view class="center">
    <text class="title">基础信息</text>
    <view class="main-box table-box">
      <!-- <van-field label="申请流水号" value="{{ form.approvalItemTemplate.telephone }}" placeholder="请输入申请流水号" border="{{ false }}" bind:change="onChange" input-align="right"/> -->
      <van-field label="申请时间" readonly is-link value="{{ form.approvalItemTemplate.transfers[index].applyDate }}" placeholder="请选择申请时间" border="{{ false }}" bind:change="onChange" input-align="right" bindtap="openBox" data-name="showApplyDate" />
      <van-calendar show="{{ showApplyDate }}" bind:close="closeBox"  data-name="showApplyDate" bind:confirm="onConfirm" data-value="form.approvalItemTemplate.transfers[{{index}}].applyDate" show-confirm="{{ false }}" />

      <van-field label="合计支出" value="{{ form.approvalItemTemplate.transfers[index].expenditureAmount }}" placeholder="请输入合计支出" border="{{ false }}" bind:change="onChange" input-align="right"/>
      <van-field label="支出原因" value="{{  form.approvalItemTemplate.transfers[index].remark }}" placeholder="请输入支出原因" border="{{ false }}" bind:change="onChange" input-align="right"/>
      <van-popup show="{{showCapitalExpenditureType}}" round position="bottom"  bind:close="closeBox" data-name="showCapitalExpenditureType">
        <van-picker
          columns="{{capitalExpenditureTypeOptions}}"
          show-toolbar
          value-key="dictLabel"
          bind:cancel="closeBox"
          bind:confirm="onConfirmPick"
          data-name="showCapitalExpenditureType"
          data-value="form.approvalItemTemplate.transfers[{{index}}].capitalExpenditureType"
        />
      </van-popup>
      <van-field label="资金支出类别" readonly value="{{ form.approvalItemTemplate.transfers[index].capitalExpenditureTypeText }}" placeholder="请选择资金支出类别" border="{{ false }}" bind:change="onChange" input-align="right" is-link arrow-direction	="down" bindtap="openBox" data-name="showCapitalExpenditureType"/>
    </view>
    <block wx:if="{{form.approvalItemTemplate.transfers[index].capitalExpenditureType == 2}}">
      <text class="title">关联项目</text>
      <view class="main-box table-box">
        <van-popup show="{{showProject}}" round position="bottom"  bind:close="closeBox" data-name="showProject">
          <van-picker
            columns="{{projectOptions}}"
            show-toolbar
            value-key="projectName"
            bind:cancel="closeBox"
            bind:confirm="onConfirmProject"
            data-name="showProject"
            data-value="projectForm.projectName"
          />
        </van-popup>
        <van-field label="项目名称" readonly value="{{ projectForm.projectName }}" placeholder="请输入项目名称" border="{{ false }}" bind:change="onChange" input-align="right" is-link bindtap="openBox" data-name="showProject"/>
        <van-field label="承建单位" readonly value="{{ projectForm.projectContractor }}" placeholder="请输入承建单位" border="{{ false }}" bind:change="onChange" input-align="right"/>
        <van-field label="合同价款(元)" readonly value="{{ projectForm.projectAmount }}" placeholder="请输入合同价款（元）" border="{{ false }}" bind:change="onChange" input-align="right"/>

        <van-popup show="{{showProjectFundType}}" round position="bottom"  bind:close="closeBox" data-name="showProjectFundType">
          <van-picker
            columns="{{projectFundTypeOptions}}"
            show-toolbar
            value-key="dictLabel"
            bind:cancel="closeBox"
            bind:confirm="onConfirmPick"
            data-name="showProjectFundType"
            data-value="projectForm.projectFundType"
          />
        </van-popup>
        <van-field label="工程款类型" readonly value="{{ projectForm.projectFundTypeText }}" placeholder="请选择工程款类型" border="{{ false }}" bind:change="onChange" input-align="right" is-link arrow-direction	="down" bindtap="openBox" data-name="showProjectFundType"/>

        <van-field label="工程发票号" value="{{ projectForm.projectBillNum }}" placeholder="请输入工程发票号" border="{{ false }}" bind:change="onChange" input-align="right"/>
      </view>
    </block>

    <block wx:if="{{form.approvalItemTemplate.transfers[index].capitalExpenditureType == 4}}">
      <text class="title">关联合同</text>
      <view class="main-box table-box">
        <van-popup show="{{showContraction}}" round position="bottom"  bind:close="closeBox" data-name="showContraction">
          <van-picker
            columns="{{contractionOptions}}"
            show-toolbar
            value-key="name"
            bind:cancel="closeBox"
            bind:confirm="onConfirmContraction"
            data-name="showContraction"
            data-value="contractionForm.name"
          />
        </van-popup>
        <van-field label="合同名称" readonly value="{{ contractionForm.name }}" placeholder="请选择合同名称" border="{{ false }}" bind:change="onChange" input-align="right" is-link bindtap="openBox" data-name="showContraction"/>
        <van-field label="合同编码" value="{{ contractionForm.code }}" placeholder="请输入合同编码" border="{{ false }}" bind:change="onChange" input-align="right"/>
        <van-field label="合同价款(元)" readonly value="{{ contractionForm.totalAmount }}" placeholder="请输入合同价款（元）" border="{{ false }}" bind:change="onChange" input-align="right"/>
        
      </view>
    </block>


    <text class="title">付款方信息</text>
    <view class="main-box table-box">
      <van-popup show="{{showTransferType}}" round position="bottom"  bind:close="closeBox" data-name="showTransferType">
        <van-picker
          columns="{{transferTypeOptions}}"
          show-toolbar
          value-key="dictLabel"
          bind:cancel="closeBox"
          bind:confirm="onConfirmaTransfer"
          data-name="showTransferType"
          data-value="form.approvalItemTemplate.transfers[{{index}}]"
        />
      </van-popup>
      <van-field label="付款方式" readonly value="{{ form.approvalItemTemplate.transfers[index].transferTypeText }}" placeholder="请输入付款方式" border="{{ false }}" bind:change="onChange" input-align="right" is-link arrow-direction	="down" bindtap="openBox" data-name="showTransferType"/>

      <van-popup show="{{showAccount}}" round position="bottom"  bind:close="closeBox" data-name="showAccount">
        <van-picker
          columns="{{accountOptions}}"
          show-toolbar
          value-key="accountName"
          bind:cancel="closeBox"
          bind:confirm="onConfirmAccount"
          data-name="showAccount"
          data-value="form.approvalItemTemplate.transfers[{{index}}]"
        />
      </van-popup>
      <van-field readonly value="{{ form.approvalItemTemplate.transfers[index].payer }}" placeholder="请选择付款方名称" border="{{ false }}" bind:change="onChange" input-align="right" is-link arrow-direction	="down" bindtap="openBox" data-name="showAccount">
        <view slot="label">
          付款方<van-tag plain type="danger" color="red" round style="margin-left:10px;">必填</van-tag>
        </view>
      </van-field>

      <van-field readonly wx:if="{{form.approvalItemTemplate.transfers[index].transferType == 11}}" label="可用余额(元)" value="{{ balance }}" placeholder="可用余额" border="{{ false }}" bind:change="onChange" input-align="right"/>
      <block wx:else>
        <van-field readonly label="付款方账号" value="{{ form.approvalItemTemplate.transfers[index].payerAccount }}" placeholder="请输入付款方账号" border="{{ false }}" bind:change="onChange" input-align="right"/>
        <van-field readonly label="所属银行" value="{{ form.approvalItemTemplate.transfers[index].bankTypeText }}" placeholder="请输入所属银行" border="{{ false }}" bind:change="onChange" input-align="right"/>
      </block>

    </view>
    <text class="title">收款方信息</text>
    <view class="center-box">
      <view class="main-box table-box">
        <van-cell title="收款账户类型" center border="{{false}}">
          <view>
            <van-radio-group
              value="{{ form.approvalItemTemplate.bankAccountType }}"
              bind:change="onChange"
              direction="horizontal"
            >
              <van-radio name="1" checked-color="#2C8E68">公户</van-radio>
              <van-radio name="2" checked-color="#2C8E68">私户</van-radio>
            </van-radio-group>
          </view>
        </van-cell>
      </view>
      <view class="main-box table-box">
        <van-field value="{{ form.approvalItemTemplate.transfers[index].payee }}" placeholder="请输入姓名" border="{{ false }}" bind:change="onChange" input-align="right" is-link arrow-direction	="down">
          <view slot="label">
            姓名<van-tag plain type="danger" color="#5CAE77" round style="margin-left:10px;">收款方</van-tag>
          </view>
        </van-field>
        <van-field label="收款账户" value="{{ form.approvalItemTemplate.transfers[index].payeeAccount }}" placeholder="请输入收款账户" border="{{ false }}" bind:change="onChange" input-align="right"/>
        <van-field label="开户银行" value="{{ form.approvalItemTemplate.transfers[index].bankDeposit }}" placeholder="请输入开户银行" border="{{ false }}" bind:change="onChange" input-align="right" is-link arrow-direction	="down"/>
        <van-field label="收入金额" value="{{ form.approvalItemTemplate.transfers[index].incomeAmount }}" placeholder="请输入收入金额" border="{{ false }}" bind:change="onChange" input-align="right"/>

        <van-field label="所属银行" value="{{ form.approvalItemTemplate.transfers[index].bankType }}" placeholder="请输入所属银行" border="{{ false }}" bind:change="onChange" input-align="right" is-link arrow-direction	="down"/>
      </view>
    </view>

    <view class="main-box">
      <van-cell>
        <!-- <view slot="icon">
          <van-icon class-prefix="my-icon" name="extra" />
        </view> -->
        <view slot="title">
          <view class="van-cell-text">附件<van-tag type="danger" style="margin-left: 10px;">可拍照</van-tag></view>
        </view>
        <view>
          <view class="van-cell-text">总数<van-tag round color="#5CAE77" plain style="margin-left: 10px;"> 0张 </van-tag></view>
        </view>
      </van-cell>
      <view class="fj-box">
        <view class="fj-li">
          <text>
收
据
          </text>
          <image src="/image/apply/fj_upload.png" mode="widthFix"></image>
        </view>
        <view class="fj-li">
          <text>
发
票
          </text>
          <image src="/image/apply/fj_upload.png" mode="widthFix"></image>
        </view>
        <view class="fj-li">
          <text>
其
他
          </text>
          <image src="/image/apply/fj_upload.png" mode="widthFix"></image>
        </view>
      </view>
    </view>

    <!-- <view class="main-box steps-box">
      <view class="steps-tit">审批流程</view>
      <van-row wx:for="{{steps}}" wx:key="index">
        <van-col span="3">
          <view class="index">{{index+1}}</view>
          <block wx:if="{{index==0}}">
            <view class="indexBorder">
              <view class="ssT" wx:if="{{index>0}}"></view>
              <view class="yq"></view>
              <view class="ss" wx:if="{{steps.length != index+1}}"></view>
            </view>
          </block>
          <block wx:else>
            <view class="indexBorder indexCenter">
              <view class="ssT" wx:if="{{index>0}}"></view>
              <view class="yq"></view>
              <view class="ss" wx:if="{{steps.length != index+1}}"></view>
            </view>
          </block>
        </van-col>
        <van-col span="21">
          <van-cell title="{{item.activityName}}" center="{{true}}" border="{{false}}">
            <view class="agree" wx:if="{{item.type=='1'}}">{{ item.assigneeName }}</view>
            <view class="in" wx:if="{{item.type=='2'}}">{{ item.assigneeName }}</view>
            <view class="disagree" wx:if="{{item.type=='3'}}">{{ item.assigneeName }}</view>
          </van-cell>

          <van-cell center border="{{false}}">
            <view slot="title">
              <view style="color: #999999;">{{ item.durationInMillis }}</view>
            </view>
            <view style="color: #999999;font-size: 12px;">{{ item.endTime }}</view>
          </van-cell>
        </van-col>
      </van-row>
    </view> -->
    <view class="bottomBtn">
      <view bindtap="showPopup">
        <image src="/image/apply/icon_pres.png"></image>
        <text>保存模板</text>  
      </view>
      <view>
        <image src="/image/apply/icon_add.png"></image>
        <text>新增事项</text>  
      </view>
    </view>

    <view class="bottom">
      <view class="btn1" bindtap="openBox">保存</view>
      <view class="btn2" bindtap="goApproval">下一步</view>
    </view>
  </view>
</block>
<!-- <view class="bottom">
  <button type="warn" plain class="btnDis">驳回</button>
  <button type="primary" class="btnAgree">同意</button>
</view> -->