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>
  <text>总  金  额：{{form.approvalItemTemplate.totalAmount}}</text>
</view>
<block wx:for="{{form.transfers}}" wx:key="index">
  <view class="main-title">事项{{form.transfers[index].num}}<image src="/image/apply/delete.png" style="width: 25px;height: 25px;position: absolute;right: 4%;top: 7px;" data-index="{{index}}" bindtap="deleteTransfers"></image></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 required label="申请时间" readonly is-link value="{{ form.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.transfers[{{index}}].applyDate" show-confirm="{{ false }}" />

      <van-field readonly label="合计支出" value="{{ form.transfers[index].expenditureAmount }}" placeholder="(自动计算)" border="{{ false }}"  data-formname="form.transfers[{{index}}].expenditureAmount" input-align="right"/>
      <van-field required label="支出原因" value="{{  form.transfers[index].remark }}" placeholder="请输入支出原因" border="{{ false }}" bind:change="onChange" input-align="right" data-formname="form.transfers[{{index}}].remark" data-value="form.transfers[{{index}}].remark"/>
      <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.transfers[{{index}}].capitalExpenditureType"
        />
      </van-popup>
      <van-field required label="资金支出类别" readonly value="{{ form.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.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="form.transfers[{{index}}].projectForm"
          />
        </van-popup>
        <van-field label="项目名称" readonly value="{{ form.transfers[index].projectForm.projectName }}" placeholder="请输入项目名称" border="{{ false }}" bind:change="onChange" input-align="right" is-link bindtap="openBox" data-name="showProject"/>
        <van-field label="承建单位" readonly value="{{ form.transfers[index].projectForm.projectContractor }}" placeholder="请输入承建单位" border="{{ false }}" bind:change="onChange" input-align="right"/>
        <van-field label="合同价款(元)" readonly value="{{ form.transfers[index].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="form.transfers[{{index}}].projectForm.projectFundType"
          />
        </van-popup>
        <van-field label="工程款类型" readonly value="{{ form.transfers[index].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="{{ form.transfers[index].projectForm.projectBillNum }}" placeholder="请输入工程发票号" border="{{ false }}" data-value="form.transfers[{{index}}].projectForm.projectBillNum" bind:change="onChange" input-align="right"/>
      </view>
    </block>

    <block wx:if="{{form.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.transfers[{{index}}]"
        />
      </van-popup>
      <van-field required label="付款方式" readonly value="{{ form.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.transfers[{{index}}]"
        />
      </van-popup>
      <van-field required wx:if="{{form.transfers[index].transferType != 12}}" readonly value="{{ form.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.transfers[index].transferType == 11}}" label="可用余额(元)" value="{{ balance }}" placeholder="可用余额" border="{{ false }}" bind:change="onChange" input-align="right"/>
      <block wx:elif="{{form.transfers[index].transferType == 12}}">
        <van-popup show="{{showAccount}}" round position="bottom"  bind:close="closeBox" data-name="showMoneyorder">
          <van-picker
            columns="{{moneyorderOptions}}"
            show-toolbar
            value-key="accountName"
            bind:cancel="closeBox"
            bind:confirm="onConfirmMoneyorder"
            data-name="showMoneyorder"
            data-value="form.transfers[{{index}}]"
          />
        </van-popup>
        <van-field readonly label="出票方" value="{{ form.transfers[index].payerAccount }}" placeholder="请选择出票方" border="{{ false }}" bind:change="onChange" input-align="right" is-link arrow-direction	="down" bindtap="openBox" data-name="showMoneyorder"/>

        <van-field readonly label="汇票号码" value="{{ form.transfers[index].bankTypeText }}" placeholder="汇票号码" border="{{ false }}" bind:change="onChange" input-align="right"/>
        <van-field readonly label="出票金额(元)" value="{{ form.transfers[index].bankTypeText }}" placeholder="出票金额(元)" border="{{ false }}" bind:change="onChange" input-align="right"/>
        <van-field readonly label="汇票类型" value="{{ form.transfers[index].bankTypeText }}" placeholder="汇票类型" border="{{ false }}" bind:change="onChange" input-align="right"/>
        <van-field readonly label="开票日" value="{{ form.transfers[index].bankTypeText }}" placeholder="开票日" border="{{ false }}" bind:change="onChange" input-align="right"/>
        <van-field readonly label="到期日" value="{{ form.transfers[index].bankTypeText }}" placeholder="到期日" border="{{ false }}" bind:change="onChange" input-align="right"/>
      </block>
      <block wx:else>
        <van-field required readonly label="付款方账号" value="{{ form.transfers[index].payerAccount }}" placeholder="请输入付款方账号" border="{{ false }}" bind:change="onChange" input-align="right"/>
        <van-field required readonly label="所属银行" value="{{ form.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" wx:if="{{form.transfers[index].bankType == 1 && form.transfers[index].transferType != 10 && form.transfers[index].transferType != 11 && form.transfers[index].transferType != 12}}">
        <van-cell title="收款账户类型" center border="{{false}}">
          <view style="float: right;">
            <van-radio-group
              value="{{ form.transfers[index].bankAccountType }}"
              bind:change="onChange"
              direction="horizontal"
              data-value="form.transfers[{{index}}].bankAccountType"
            >
              <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" wx:if="{{(form.transfers[index].bankType == 2 || form.transfers[index].bankType == 3 || form.transfers[index].bankType == 4) && (form.transfers[index].transferType != 10 && form.transfers[index].transferType != 11 && form.transfers[index].transferType != 12)}}">
        <van-cell title="是否同行" center border="{{false}}">
          <view style="float: right;">
            <van-radio-group
              value="{{ form.transfers[index].isPeers }}"
              bind:change="onChange"
              direction="horizontal"
              data-value="form.transfers[{{index}}].isPeers"
            >
              <van-radio name="Y" checked-color="#2C8E68">是</van-radio>
              <van-radio name="N" checked-color="#2C8E68">否</van-radio>
            </van-radio-group>
          </view>
        </van-cell>
      </view>

      <view class="main-box table-box" wx:for="{{form.transfers[index].payeeList}}" wx:for-index="childrenIndex" wx:key="payeeId">
        <van-field required readonly value="{{ form.transfers[index].payeeList[childrenIndex].payee }}" placeholder="请输入姓名" border="{{ false }}" bind:change="onChange" input-align="right" is-link arrow-direction	="down" bindtap="goPayeeList" data-payer="{{form.transfers[index].payer}}" data-index="{{index}}" data-isPeers="{{ form.transfers[index].isPeers }}" data-bankType="{{ form.transfers[index].bankType }}" data-accountType="{{ form.transfers[index].bankAccountType }}" data-transferType="{{ form.transfers[index].transferType }}">
          <view slot="label">
            姓名<van-tag plain type="danger" color="#5CAE77" round style="margin-left:10px;">收款方</van-tag>
          </view>
        </van-field>
        <van-field required readonly label="收款账户" value="{{ form.transfers[index].payeeList[childrenIndex].payeeAccount }}" placeholder="请输入收款账户" border="{{ false }}" bind:change="onChange" input-align="right"/>
        <van-field required readonly label="开户银行" value="{{ form.transfers[index].payeeList[childrenIndex].bankDeposit }}" placeholder="请输入开户银行" border="{{ false }}" bind:change="onChange" input-align="right" is-link arrow-direction	="down"/>
        <van-field required label="收入金额" value="{{ form.transfers[index].payeeList[childrenIndex].incomeAmount }}" placeholder="请输入收入金额" border="{{ false }}" bind:change="onChangeMoney" input-align="right" data-formname="form.transfers[{{index}}].payeeList[{{childrenIndex}}]" data-index="{{index}}" data-childrenIndex="{{childrenIndex}}"/>

        <van-field required readonly label="所属银行" value="{{ form.transfers[index].payeeList[childrenIndex].bankTypeText }}" 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;"> {{form.transfers[index].fileNum?form.transfers[index].fileNum:0}}张 </van-tag></view>
        </view>
      </van-cell>
      <view class="fj-box">
        <view class="fj-li">
          <view>
            <text>收\n据</text>
          </view>
          <view class="img_box">
            <image wx:for="{{form.transfers[index].SJimage}}" src="{{item.tempFilePath}}" wx:key="index" data-option="{{form.transfers[index].SJimage}}" data-index="{{index}}" bindtap="openPreview"></image>
            <image src="/image/apply/fj_upload.png" data-index="{{index}}" bindtap="SJtakephoto"></image>
          </view>
        </view>
        <view class="fj-li">
          <view>
            <text>发\n票</text>
          </view>
          <view class="img_box">
            <image wx:for="{{form.transfers[index].FPimage}}" src="{{item.tempFilePath}}" data-option="{{form.transfers[index].FPimage}}" data-index="{{index}}" bindtap="openPreview" wx:key="index"></image>
            <image src="/image/apply/fj_upload.png" data-index="{{index}}" bindtap="FPtakephoto"></image>
          </view>
        </view>
        <view class="fj-li">
          <view>
            <text>其\n他</text>
          </view>
          <view class="img_box">
            <image wx:for="{{form.transfers[index].QTimage}}" src="{{item.tempFilePath}}" data-option="{{form.transfers[index].QTimage}}" data-index="{{index}}" bindtap="openPreview" wx:key="index"></image>
            <image src="/image/apply/fj_upload.png" data-index="{{index}}" bindtap="QTtakephoto"></image>
          </view>
        </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>
</block>

<block wx:if="{{!isUpdate}}">
  <view class="bottomBtn">
    <view bindtap="goSubmitMB">
      <image src="/image/apply/icon_pres.png"></image>
      <text>保存模板</text>  
    </view>
    <view bindtap="addList">
      <image src="/image/apply/icon_add.png"></image>
      <text>新增事项</text>  
    </view>
  </view>

  <view class="bottom">
    <view class="btn1" data-type="3" bindtap="goSubmit">提交复核</view>
    <view class="btn2" data-type="0" bindtap="goSubmit">下一步</view>
  </view>
</block>
<block wx:if="{{isUpdate}}">
  <view class="bottom">
    <view class="btn3" data-type="0" bindtap="goKeep">保存</view>
  </view>
</block>
<view class="ipXbtn"></view>
<!-- <view class="bottom">
  <button type="warn" plain class="btnDis">驳回</button>
  <button type="primary" class="btnAgree">同意</button>
</view> -->
<van-dialog
  use-slot
  title="支付模板"
  show="{{ showDialog }}"
  bind:close="onClose"
  theme='round-button'
  confirmButtonText="保存"
  data-type="1"
  bind:confirm="goSubmit"
  closeOnClickOverlay="{{ true }}"
>
  <input class="input_tit" placeholder="请输入模板名称" style="width: 90%;margin: 0 auto;margin-top: 15px;margin-bottom: 10px;text-align: center;" value="{{form.approvalItemTemplate.templateName}}" bindinput="bindNameInput"/> 
</van-dialog>