<!--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 topBox" style="margin-top:{{isIPX?'100px':'75px'}};">
    <view style="display: flex;">
        <view style="flex:3;color:red;font-size: 18px;font-size: 30px;font-weight: bold"><text style="display: inline;font-size: 12px;">￥</text>{{data.expenditureAmount}}</view>
        <view style="flex:1;text-align: right;">
          <image src="/image/icon/detailNum_icon.png" style="width: 15px;height: 15px;margin-bottom: -2px;"  referrer="no-referrer|origin|unsafe-url"></image>
        
        共{{list.length}}条</view>
    </view>
    <view style="display: flex;margin: 12px 0 ;">
        <view style="flex:1;color:#b3b3b3;;">支付总金额</view>
        <view style="flex:1;text-align: right;">{{data.applyDate}}</view>
    </view>
    <view style="border-top: 1px dashed #ddd;background: url('/image/icon/payBg.png') no-repeat;background-position: right bottom;background-size: 70px 70px;">
      <view style="display: flex;color:#3c9370;font-size: 22px;font-weight: bold;line-height: 40px;">
        {{data.payerAccount}}
      </view>
      <view style="display: flex;color: #FC9A55;font-size: 14px;line-height: 40px;">
          {{data.payer}}
      </view>
      <view style="display: flex;color:#b3b3b3;font-size: 14px;line-height:30px;">
          {{data.remark}}
      </view>
    </view>
</view>
<view style="margin-top: 20px;" class="main-box top-box topBox">
    <view class="workflow "  wx:for-item="item" wx:for="{{list}}" wx:key="index" data-type="up" >
      <view class="workflow_list">
          <view class="process_intro">
              <view class="name">{{item.payee}}</view>
              <view class="amounts">￥{{item.incomeAmount}}</view>
          </view>
          <view class="process_pay">
              <view class="describe">
                  <text class="name">{{item.payeeAccount}}</text>
              </view>
              <view class="time">{{item.bankDeposit}}</view>
          </view>
      </view> 
  </view>
</view>
<view style="padding:10px;width:90%;border:1px solid #ddd;border-radius: 5px;line-height: 16px;background-color: #FFF;margin-left:5%;margin-top: 20px;" wx:if="{{data.bankType!=4}}">
    <input type="number" placeholder="请输入口令" value="{{data.accountPassword}}" bindinput="bindNewInput"  data-name="data.accountPassword"/>
</view>
<view style="padding:10px;width:90%;border:1px solid #ddd;border-radius: 5px;line-height: 16px;background-color: #FFF;margin-left:5%;margin-top: 20px;position:relative;" wx:if="{{data.bankType==4}}">
    <input type="number" placeholder="输入验证码"  value="{{data.alternateField1}}" bindinput="bindNewInput"  data-name="data.alternateField1"/>
    <button type="primary" plain="true" size="mini" style="position: absolute;right: 4px;top: 5px;z-index: 999;" bind:disabled="{{msgTime>0}}" 
    bindtap="sendMsg" hover-class="btnView">发送验证码</button>
    
</view>
<view style="padding:10px;width:90%;" wx:if="{{msgText!=''}}">
    <text style="color: red;">*{{msgText}}</text>
</view>

<block>
  <view class="bottom">
    <view class="btn1" bindtap="back">取消</view>
    <view class="btn2" data-type="0" bindtap="goSubmit" hover-class="btnView">支付</view>
  </view>
</block>
<modal hidden="{{!showPopup}}" title="确认支付？" confirm-text="是" cancel-text="否" bindcancel="cancelPay" bindconfirm="confirmPay">  
 
</modal>