微信小程序
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

69 Zeilen
3.7 KiB

  1. <!--pages/apply/paymentTemplate/add/add.wxml-->
  2. <view class="ns" style="height:{{isIPX?'88px':'64px'}};">
  3. <image src="/image/apply/back.png" style="top:{{isIPX?'54px':'30px'}};" mode="widthFix" bindtap="back"></image>
  4. <text style="top:{{isIPX?'54px':'30px'}};">待我支付</text>
  5. </view>
  6. <view class="pure_top" style="top:{{isIPX?'88px':'64px'}};"></view>
  7. <view class="main-box top-box topBox" style="margin-top:{{isIPX?'100px':'75px'}};">
  8. <view style="display: flex;">
  9. <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>
  10. <view style="flex:1;text-align: right;">
  11. <image src="/image/icon/detailNum_icon.png" style="width: 15px;height: 15px;margin-bottom: -2px;" referrer="no-referrer|origin|unsafe-url"></image>
  12. 共{{list.length}}条</view>
  13. </view>
  14. <view style="display: flex;margin: 12px 0 ;">
  15. <view style="flex:1;color:#b3b3b3;;">支付总金额</view>
  16. <view style="flex:1;text-align: right;">{{data.applyDate}}</view>
  17. </view>
  18. <view style="border-top: 1px dashed #ddd;background: url('/image/icon/payBg.png') no-repeat;background-position: right bottom;background-size: 70px 70px;">
  19. <view style="display: flex;color:#3c9370;font-size: 22px;font-weight: bold;line-height: 40px;">
  20. {{data.payerAccount}}
  21. </view>
  22. <view style="display: flex;color: #FC9A55;font-size: 14px;line-height: 40px;">
  23. {{data.payer}}
  24. </view>
  25. <view style="display: flex;color:#b3b3b3;font-size: 14px;line-height:30px;">
  26. {{data.remark}}
  27. </view>
  28. </view>
  29. </view>
  30. <view style="margin-top: 20px;" class="main-box top-box topBox">
  31. <view class="workflow " wx:for-item="item" wx:for="{{list}}" wx:key="index" data-type="up" >
  32. <view class="workflow_list">
  33. <view class="process_intro">
  34. <view class="name">{{item.payee}}</view>
  35. <view class="amounts">¥{{item.incomeAmount}}</view>
  36. </view>
  37. <view class="process_pay">
  38. <view class="describe">
  39. <text class="name">{{item.payeeAccount}}</text>
  40. </view>
  41. <view class="time">{{item.bankDeposit}}</view>
  42. </view>
  43. </view>
  44. </view>
  45. </view>
  46. <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}}">
  47. <input type="number" placeholder="请输入口令" value="{{data.accountPassword}}" bindinput="bindNewInput" data-name="data.accountPassword"/>
  48. </view>
  49. <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}}">
  50. <input type="number" placeholder="输入验证码" value="{{data.alternateField1}}" bindinput="bindNewInput" data-name="data.alternateField1"/>
  51. <button type="primary" plain="true" size="mini" style="position: absolute;right: 4px;top: 5px;z-index: 999;" bind:disabled="{{msgTime>0}}"
  52. bindtap="sendMsg" hover-class="btnView">发送验证码</button>
  53. </view>
  54. <view style="padding:10px;width:90%;" wx:if="{{msgText!=''}}">
  55. <text style="color: red;">*{{msgText}}</text>
  56. </view>
  57. <block>
  58. <view class="bottom">
  59. <view class="btn1" bindtap="back">取消</view>
  60. <view class="btn2" data-type="0" bindtap="goSubmit" hover-class="btnView">支付</view>
  61. </view>
  62. </block>
  63. <modal hidden="{{!showPopup}}" title="确认支付?" confirm-text="是" cancel-text="否" bindcancel="cancelPay" bindconfirm="confirmPay">
  64. </modal>