<!--pages/apply/paymentTemplate/paymentTemplate.wxml height:{{isIPX?'88px':'64px'}};-->
<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 topBox" style="margin-top:{{isIPX?'100px':'75px'}};">
  <text class="box-title">审批事项</text>
  <input class="input_tit" placeholder="房屋出租整年费用" readonly value="{{form.approvalItemTemplate.approvalItems}}"/>
  <text>支出总金额</text>
  <view class="money_box">￥<input class="input_money" readonly placeholder="总金额" placeholder-style="color:#E90000;" value="{{form.approvalItemTemplate.totalAmount}}"/></view>
  <text>提交单位：{{form.approvalItemTemplate.submitCompany}}</text>
  <text>提交日期：{{form.approvalItemTemplate.submitDate}}</text>
  <text>提  交  人：{{form.approvalItemTemplate.submitter}}</text>
  <text>联系电话：{{form.approvalItemTemplate.telephone}}</text>
</view>

<van-collapse accordion value="{{ activeNames }}" bind:change="onChange">
  <van-collapse-item name="{{index}}" is-link="{{false}}" wx:for="{{form.transfers}}" wx:key="index">
    <view slot="title" class="tit_box">
      <text class="title">事项{{item.num}}</text>
      <view class="top-box">
        <text>支出金额</text>
        <view class="money_box">￥<input class="input_money" disabled placeholder="金额" placeholder-style="color:#E90000;" value="{{item.expenditureAmount}}"/></view>
        <van-cell-group border="{{ false }}">
          <van-cell title="{{item.remark}}" border="{{ false }}" >
            <view slot="icon" style="width: 15%;">事由：</view>
          </van-cell>
          <van-cell title="{{item.payer}}" border="{{ false }}" center >
            <view slot="icon" style="width: 15%;"><image src="/image/apply/icon_fu.png" style="width: 20px;height: 20px;"></image></view>
          </van-cell>
          
          <van-cell title="{{item.payeeList[0].payee}}" center border="{{ false }}"  >
            <view slot="icon" style="width: 15%;"><image src="/image/apply/icon_shou.png" style="width: 20px;height: 20px;"></image></view>
          </van-cell>
          <view class="btnBox">
            <image src="/image/apply/down.png" data-index="{{index}}" class="down"></image>
            <image src="/image/apply/icon_update.png" class="update" bindtap="goUpdate"></image>
            <image src="/image/apply/icon_delete.png" class="delete" data-index="{{index}}" bindtap="goDelete"></image>
          </view>
        </van-cell-group>
      </view>
    </view>
    <view class="center">
      <text class="title">基础信息</text>
      <view class="main-box table-box">
        <van-field label="申请时间" readonly is-link value="{{ form.transfers[index].applyDate }}" placeholder="请选择申请时间" border="{{ false }}" bind:change="onChange" input-align="right" bindtap="openBox" data-name="showApplyDate" />

        <van-field readonly label="合计支出" value="{{ form.transfers[index].expenditureAmount }}" placeholder="(自动计算)" border="{{ false }}"  data-formname="form.transfers[{{index}}].expenditureAmount" input-align="right"/>

        <van-field label="支出原因" readonly 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-field 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-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-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="工程发票号" readonly value="{{ form.transfers[index].projectForm.projectBillNum }}" placeholder="请输入工程发票号" border="{{ false }}" 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-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="合同编码" readonly 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-field 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-field 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-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 readonly label="付款方账号" value="{{ form.transfers[index].payerAccount }}" 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>

      </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" disabled checked-color="#2C8E68">公户</van-radio>
                <van-radio name="2" disabled 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" disabled checked-color="#2C8E68">是</van-radio>
                <van-radio name="N" disabled 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 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 readonly label="收款账户" value="{{ form.transfers[index].payeeList[childrenIndex].payeeAccount }}" placeholder="请输入收款账户" border="{{ false }}" bind:change="onChange" input-align="right"/>
          <van-field 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 readonly 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 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>
  </van-collapse-item>
</van-collapse>


<!-- <block wx:for="{{form.transfers}}" wx:key="index">
<text class="title">事项{{item.num}}</text>

<view class="main-box top-box">
  <text>支出金额</text>
  <view class="money_box">￥<input class="input_money" readonly placeholder="金额" placeholder-style="color:#E90000;" value="{{item.expenditureAmount}}"/></view>
  <van-cell-group border="{{ false }}">
    <van-cell title="{{item.remark}}" border="{{ false }}" >
      <view slot="icon" style="width: 15%;">事由：</view>
    </van-cell>
    <van-cell title="{{item.payer}}" border="{{ false }}" center >
      <view slot="icon" style="width: 15%;"><image src="/image/apply/icon_fu.png" style="width: 20px;height: 20px;"></image></view>
    </van-cell>
    
    <van-cell title="{{item.payeeList[0].payee}}" center border="{{ false }}"  >
      <view slot="icon" style="width: 15%;"><image src="/image/apply/icon_shou.png" style="width: 20px;height: 20px;"></image></view>
    </van-cell>
    <view class="btnBox">
      <image src="/image/apply/down.png" data-index="{{index}}" class="down" bindtap="goSee"></image>
      <image src="/image/apply/icon_update.png" class="update" bindtap="goUpdate"></image>
      <image src="/image/apply/icon_delete.png" class="delete" data-index="{{index}}" bindtap="goDelete"></image>
    </view>
  </van-cell-group>
</view>

</block> -->

<view class="bottomBtn">
  <view bindtap="showPopup">
    <image src="/image/apply/icon_pres.png"></image>
    <text>保存模板</text>  
  </view>
  <view data-add="add" bindtap="goUpdate">
    <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>

<van-dialog
  use-slot
  title="支付模板"
  show="{{ show }}"
  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>