<!--pages/handle/expenditureAudit/expenditureAudit.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 topBox" style="margin-top:{{isIPX?'100px':'75px'}};">
  <text class="box-title">审批事项</text>

  <van-field required readonly class="input_tittop" value="{{ form.approvalItemTemplate.approvalItems }}" placeholder="请输入审批事项" border="{{ false }}" />
  <text>支出总金额</text>
  <view class="money_box">￥<input class="input_money" type="digit" disabled placeholder="总金额" placeholder-style="color:#E90000;" value="{{form.approvalItemTemplate.totalAmount}}"/></view>
  <text>提交单位：{{form.approvalItemTemplate.submitCompany}}</text>
  <text>提交日期：{{form.approvalItemTemplate.submitDate}}</text>
  <text>提<text style="margin-right:0.5rem;display: inline-block;"></text>交<text style="margin-right:0.5rem;display: inline-block;"></text>人：{{form.approvalItemTemplate.submitter}}</text>
  <text>联系电话：{{form.approvalItemTemplate.telephone}}</text>
</view>

  <van-collapse accordion value="0" bind:change="onChangeBox" bind:open="onOpen" bind:close="onCloseSecond">
    <van-collapse-item name="0" disabled="{{item.collapseDis}}" is-link="{{false}}" wx:for="{{form.transfers}}" wx:key="index">
      <view slot="title" class="main-title">事项{{form.transfers[index].num}}</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 readonly label="支出金额" focus="{{form.transfers[index].expenditureAmountTirme}}" error="{{form.transfers[index].expenditureAmountTirme}}" type="digit" value="{{ form.transfers[index].expenditureAmount }}" placeholder="请输入支出金额" border="{{ false }}"  data-formname="form.transfers[{{index}}].expenditureAmount" data-index="{{index}}" input-align="right"  bind:change="onChangeMoney" bind:blur="errorJE"/>

          <!-- <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].remark }}" placeholder="请输入支出原因" border="{{ false }}" input-align="right" />
          
          <van-field required label="支付方式" readonly value="{{ form.transfers[index].paymentPatternText }}" placeholder="请选择支付方式" border="{{ false }}" bind:change="onChange" input-align="right" is-link arrow-direction	="down" bindtap="openBox" data-name="form.transfers[{{index}}].showTransferType"/>

          <van-field required label="支出类别" readonly value="{{ form.transfers[index].capitalExpenditureTypeText }}" placeholder="请选择支出类别" border="{{ false }}" input-align="right" is-link arrow-direction	="down"/>
        </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/>
            <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"/>

            <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="{{form.transfers[index].showContraction}}" round position="bottom"  bind:close="closeBox" data-name="form.transfers[{{index}}].showContraction">
              <van-picker
                columns="{{contractionOptions}}"
                show-toolbar
                value-key="name"
                bind:cancel="closeBox"
                bind:confirm="onConfirmContraction"
                data-name="form.transfers[{{index}}].showContraction"
                data-value="form.transfers[{{index}}].contractionForm.name"
              />
            </van-popup>
            <van-field label="合同名称" readonly value="{{ form.transfers[index].contractionForm.name }}" placeholder="请选择合同名称" border="{{ false }}" bind:change="onChange" input-align="right" is-link bindtap="openBox" data-name="form.transfers[{{index}}].showContraction"/>
            <van-field label="合同编码" value="{{ form.transfers[index].contractionForm.code }}" placeholder="请输入合同编码" border="{{ false }}" bind:change="onChange" input-align="right"/>
            <van-field label="合同价款(元)" readonly value="{{ form.transfers[index].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 required label="付款方式" readonly value="{{ form.transfers[index].transferTypeText }}" placeholder="请输入付款方式" border="{{ false }}"  input-align="right" is-link arrow-direction	="down"/>

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

            <van-field readonly label="汇票号码" value="{{ form.transfers[index].moneyOrderForm.orderNum }}" placeholder="汇票号码" border="{{ false }}" bind:change="onChange" input-align="right"/>
            <van-field readonly label="出票金额(元)" value="{{ form.transfers[index].moneyOrderForm.orderAmount }}" placeholder="出票金额(元)" border="{{ false }}" bind:change="onChange" input-align="right"/>
            <van-field readonly label="汇票类型" value="{{ form.transfers[index].moneyOrderForm.orderType }}" placeholder="汇票类型" border="{{ false }}" bind:change="onChange" input-align="right"/>
            <van-field readonly label="开票日" value="{{ form.transfers[index].moneyOrderForm.startTime }}" placeholder="开票日" border="{{ false }}" bind:change="onChange" input-align="right"/>
            <van-field readonly label="到期日" value="{{ form.transfers[index].moneyOrderForm.endTime }}" 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">
          <block wx:if="{{form.transfers[index].transferType == 12}}">
            <view class="main-box table-box" wx:for="{{form.transfers[index].payeeList}}" wx:for-index="childrenIndex" wx:key="payeeId">
              <van-field required value="{{ form.transfers[index].payeeList[childrenIndex].payee }}" placeholder="请输入收款方" border="{{ false }}" bind:change="onChange" input-align="right" data-value="form.transfers[{{index}}].payeeList[{{childrenIndex}}].payee">
              <view slot="label">
                收票方<van-tag plain type="danger" color="#5CAE77" round style="margin-left:10px;">输入</van-tag>
              </view>
              </van-field>
              <van-field required  label=" 联系方式" value="{{ form.transfers[index].payeeList[childrenIndex].phone }}" placeholder="请输入联系方式" border="{{ false }}" bind:change="onChange" data-value="form.transfers[{{index}}].payeeList[{{childrenIndex}}].phone" input-align="right"/>
              <van-field required  label="所属单位" value="{{ form.transfers[index].payeeList[childrenIndex].unit }}" placeholder="请输入所属单位" border="{{ false }}" bind:change="onChange" data-value="form.transfers[{{index}}].payeeList[{{childrenIndex}}].unit" input-align="right"/>
              <van-field required  label="负责人全称" value="{{ form.transfers[index].payeeList[childrenIndex].leader }}" placeholder="请输入负责人全称" border="{{ false }}" bind:change="onChange" data-value="form.transfers[{{index}}].payeeList[{{childrenIndex}}].leader" input-align="right"/>
              <van-field required  label="资金用途" value="{{ form.transfers[index].payeeList[childrenIndex].remark }}" placeholder="请输入资金用途" border="{{ false }}" bind:change="onChange" data-value="form.transfers[{{index}}].payeeList[{{childrenIndex}}].remark" input-align="right"/>
            </view>
          </block>
          <block wx:elif="{{form.transfers[index].transferType == 11}}">
            <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" data-value="form.transfers[{{index}}].payeeList[{{childrenIndex}}].payee">
              <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].phone }}" placeholder="请输入联系方式" border="{{ false }}" bind:change="onChange" data-value="form.transfers[{{index}}].payeeList[{{childrenIndex}}].phone" input-align="right"/>
              <!-- <van-field required  label="申请使用金额" value="{{ form.transfers[index].payeeList[childrenIndex].incomeAmount }}" placeholder="请输入申请使用金额" border="{{ false }}" bind:change="onChange" data-value="form.transfers[{{index}}].payeeList[{{childrenIndex}}].incomeAmount" input-align="right"/> -->
              <van-field required readonly label="资金用途" value="{{ form.transfers[index].payeeList[childrenIndex].remark }}" placeholder="请输入资金用途" border="{{ false }}" bind:change="onChange" data-value="form.transfers[{{index}}].payeeList[{{childrenIndex}}].remark" input-align="right"/>
            </view>
          </block>
          <block wx:else>
            <view class="main-box table-box" wx:for="{{form.transfers[index].payeeList}}" wx:for-index="childrenIndex" wx:key="payeeId" wx:if="{{form.transfers[index].payeeList.length < 2}}">
              <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"/>
            </view>

            <view class="main-box table-box payeeList" wx:if="{{form.transfers[index].payeeList.length > 1}}">

              <van-collapse accordion value="{{ form.transfers[index].activeName }}" data-index="{{index}}" bind:change="onChangePayee">
                <van-collapse-item title="{{ form.transfers[index].payeeList[childrenIndex].payee }}" value="￥{{ form.transfers[index].payeeList[childrenIndex].incomeAmount }}" name="{{childrenIndex}}" wx:for="{{form.transfers[index].payeeList}}" wx:if="{{childrenIndex<10}}" wx:for-index="childrenIndex" wx:key="payeeId">

                  <van-field required readonly border="{{ false }}" input-align="right" is-link arrow-direction	="down" >
                    <view slot="label" style="color: var(--field-label-color,#646566);">
                      {{ form.transfers[index].payeeList[childrenIndex].payee }}<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 }}"  border="{{ false }}"  input-align="right"/>
                  <van-field required readonly label="开户银行" value="{{ form.transfers[index].payeeList[childrenIndex].bankDeposit }}" border="{{ false }}"  input-align="right"/>
                  <van-field required readonly label="收入金额" value="{{ form.transfers[index].payeeList[childrenIndex].incomeAmount }}" border="{{ false }}"  input-align="right"/>
                  <van-field required readonly label="所属银行" value="{{ form.transfers[index].payeeList[childrenIndex].bankTypeText }}" border="{{ false }}" input-align="right"/>
                  <van-field required readonly label="转账状态" value="{{ form.transfers[index].payeeList[childrenIndex].transferStatusText }}" border="{{ false }}" input-align="right"/>
                  <van-field required readonly label="交易结果描述" value="{{ form.transfers[index].payeeList[childrenIndex].causeFailure }}" border="{{ false }}" input-align="right"/>
                  
                </van-collapse-item>
              </van-collapse>
              <!-- wx:if="{{form.transfers[index].payeeList.length>10}}" -->
              <text style="text-align: center;color: #2C8E68;padding-top: 10px;" data-option="{{form.transfers[index].payeeList}}" bindtap="goPayee">查看更多</text>
              <!-- 

              <van-field required readonly label="{{ form.transfers[index].payeeList[childrenIndex].payee }}" value="￥{{ form.transfers[index].payeeList[childrenIndex].incomeAmount }}" wx:for="{{form.transfers[index].payeeList}}"  wx:for-index="childrenIndex" wx:key="payeeId" is-link placeholder="请输入收款方" border="{{ false }}" bind:change="onChange" input-align="right" input-class="aaa" /> -->
            </view>
          </block>  
        </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}}" wx:for-index="childrenIndex" src="{{item.tempFilePath}}" wx:key="childrenIndex" data-option="{{form.transfers[index].SJimage}}" data-index="{{childrenIndex}}" bindtap="openPreview"></image>
              </view>
            </view>
            <view class="fj-li">
              <view>
                <text>发\n票</text>
              </view>
              <view class="img_box">
                <image wx:for="{{form.transfers[index].FPimage}}" wx:for-index="childrenIndex" src="{{item.tempFilePath}}" data-option="{{form.transfers[index].FPimage}}" data-index="{{childrenIndex}}" bindtap="openPreview" wx:key="childrenIndex"></image>
              </view>
            </view>
            <view class="fj-li">
              <view>
                <text>其\n他</text>
              </view>
              <view class="img_box">
                <image wx:for="{{form.transfers[index].QTimage}}" wx:for-index="childrenIndex" src="{{item.tempFilePath}}" data-option="{{form.transfers[index].QTimage}}" data-index="{{childrenIndex}}" bindtap="openPreview" wx:key="childrenIndex"></image>
              </view>
            </view>
          </view>
        </view>
      </view>
    </van-collapse-item>
  </van-collapse>
  <view class="main-box steps-box">
    <view class="steps-tit">审批流程</view>
    <van-row wx:for="{{spsxOptions}}" wx:key="index">
      <van-col span="3">
        <view class="index {{(item.approverStatus != null||index==0) ? 'active':'' }}">{{index+1}}</view>
        <!-- :class="{'indexCenter':index==0 ? false : true}" -->
        <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="{{spsxOptions.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="{{spsxOptions.length != index+1}}"></view>
          </view>
        </block>
      </van-col>
      <van-col span="21" style="height: 77px;">
        <van-cell center="{{true}}" border="{{false}}">
          <view slot="title" class="cellTit">
            <text>{{item.assigneeName}}</text>
            <text>{{item.deptLabel}}</text>
          </view>
          <view class="agree" wx:if="{{item.approverStatus=='true'}}">同意</view>
          <view class="in" wx:elif="{{(item.assigneeName==nickName && pageType!='see')}}">审核中</view>
          <view class="disagree" wx:elif="{{item.approverStatus=='false'}}">驳回</view>
        </van-cell>

        <van-cell wx:if="{{item.approverStatus!=null}}" center border="{{false}}">
          <view slot="title" style="margin-top: 10px;">
            <view style="color: #999999;line-height: 32px;">{{ item.comment }}</view>
          </view>
          <view style="color: #999999;font-size: 12px;margin-top: 10px;line-height: 32px;">{{ sub.times(item.time) }}</view>
        </van-cell>

      </van-col>
    </van-row>
  </view>
  <view class="bottom" wx:if="{{form.transfers[0].paymentState==1}}">
    <view type="primary" class="btnAgree" bindtap="goPay">去支付</view>
  </view>
<!-- <view class="bottom" wx:if="{{pageType!='see'}}">
  <button type="primary" plain class="btnOther" bindtap="goAgree">转办</button>
</view> -->
<view class="ipXbtn"></view>
<wxs module="sub">
  var times = function(time){
    console.log(time)
    return time.substring(0,10);
  }
  module.exports.times = times;
</wxs>