withdraw.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>提现审核</title>
  5. <#include "/header.html">
  6. <style>
  7. .statistics-row {
  8. padding: 10px 15px;
  9. background: #fff;
  10. margin-bottom: 10px;
  11. border-radius: 4px;
  12. }
  13. .stat-item {
  14. margin-right: 30px;
  15. font-size: 14px;
  16. font-weight: bold;
  17. color: #ff8c00;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div id="rrapp" v-cloak>
  23. <div v-show="showList">
  24. <div class="grid-btn">
  25. <div class="form-group col-sm-12 div-Gay">
  26. <div class="col-sm-2" style="padding-left: 0; width: auto;">
  27. <label class="control-label" style="display: inline-block; vertical-align: middle; margin-bottom: 0;">申请单号</label>
  28. <input type="text" class="form-control" style="width: 150px; display: inline-block;" v-model="q.businessCode" @keyup.enter="query" placeholder="申请单号">
  29. </div>
  30. <div class="col-sm-2" style="width: auto;">
  31. <label class="control-label" style="display: inline-block; vertical-align: middle; margin-bottom: 0;">手机号</label>
  32. <input type="text" class="form-control" style="width: 130px; display: inline-block;" v-model="q.phone" @keyup.enter="query" placeholder="手机号">
  33. </div>
  34. <div class="col-sm-3" style="width: auto;">
  35. <label class="control-label" style="display: inline-block; vertical-align: middle; margin-bottom: 0;">金额范围</label>
  36. <input type="text" class="form-control" style="width: 80px; display: inline-block;" v-model="q.minAmount" placeholder="最小">
  37. <span>-</span>
  38. <input type="text" class="form-control" style="width: 80px; display: inline-block;" v-model="q.maxAmount" placeholder="最大">
  39. </div>
  40. <div class="col-sm-2" style="width: auto;">
  41. <label class="control-label" style="display: inline-block; vertical-align: middle; margin-bottom: 0;">状态</label>
  42. <select class="form-control" style="width: 100px; display: inline-block;" v-model="q.auditState">
  43. <option value="">全部</option>
  44. <option value="1">待审核</option>
  45. <option value="2">已通过</option>
  46. <option value="3">已拒绝</option>
  47. <option value="4">已打款</option>
  48. </select>
  49. </div>
  50. <a class="btn btn-query" @click="query"><i class="fa fa-search"></i>&nbsp;查询</a>
  51. <a class="btn btn-success" @click="reset"><i class="fa fa-refresh"></i>&nbsp;刷新</a>
  52. </div>
  53. </div>
  54. <div class="statistics-row">
  55. <span class="stat-item">累计已提现成功:¥{{statistics.successAmount || '0.00'}}</span>
  56. <span class="stat-item">待审核提现总额:¥{{statistics.pendingAmount || '0.00'}}</span>
  57. </div>
  58. <table id="jqGrid"></table>
  59. <div id="jqGridPager"></div>
  60. </div>
  61. <div v-show="!showList" class="panel panel-default">
  62. <div class="panel-heading" style="border-bottom: none; font-weight: bold; font-size: 16px;">{{title}}</div>
  63. <form class="form-horizontal" style="width: 100%; padding: 0 20px;">
  64. <div class="form-group">
  65. <label class="col-sm-2 control-label" style="text-align: left; width: 120px;">申请单号:</label>
  66. <div class="col-sm-10">
  67. <p class="form-control-static">{{withdraw.businessCode}}</p>
  68. </div>
  69. </div>
  70. <div class="form-group">
  71. <label class="col-sm-2 control-label" style="text-align: left; width: 120px;">申请人:</label>
  72. <div class="col-sm-10">
  73. <p class="form-control-static">{{withdraw.userName}} ({{withdraw.phone}})</p>
  74. </div>
  75. </div>
  76. <div class="form-group">
  77. <label class="col-sm-2 control-label" style="text-align: left; width: 120px;">提现金额:</label>
  78. <div class="col-sm-10">
  79. <p class="form-control-static">¥{{withdraw.money || '0.00'}}</p>
  80. </div>
  81. </div>
  82. <div class="form-group">
  83. <label class="col-sm-2 control-label" style="text-align: left; width: 120px;">当前可提余额:</label>
  84. <div class="col-sm-10">
  85. <p class="form-control-static">¥{{withdraw.availableAmount || '0.00'}}</p>
  86. </div>
  87. </div>
  88. <div v-if="withdraw.auditState != 1">
  89. <div class="form-group">
  90. <label class="col-sm-2 control-label" style="text-align: left; width: 120px;">审核时间:</label>
  91. <div class="col-sm-10">
  92. <p class="form-control-static">{{withdraw.auditTime || '-'}}</p>
  93. </div>
  94. </div>
  95. <div class="form-group" v-if="withdraw.auditState == 4">
  96. <label class="col-sm-2 control-label" style="text-align: left; width: 120px;">打款时间:</label>
  97. <div class="col-sm-10">
  98. <p class="form-control-static">{{withdraw.remitTime || '-'}}</p>
  99. </div>
  100. </div>
  101. </div>
  102. <div style="margin-top: 20px;">
  103. <label style="display: block; margin-bottom: 10px; font-weight: bold;">操作备注/驳回原因</label>
  104. <textarea class="form-control" rows="6" v-model="withdraw.auditExplain" :readonly="withdraw.auditState != 1" placeholder="请输入"></textarea>
  105. </div>
  106. <div class="form-group" style="margin-top: 30px; margin-bottom: 30px;">
  107. <div class="col-sm-12" style="padding-left: 0;">
  108. <template v-if="withdraw.auditState == 1">
  109. <button type="button" class="btn btn-danger" @click="reject" style="width: 120px; margin-right: 15px;">驳回</button>
  110. <button type="button" class="btn btn-primary" @click="pass" style="width: 120px; margin-right: 15px;">通过</button>
  111. <button type="button" class="btn btn-default" @click="reload" style="width: 120px; border: 1px solid #ccc;">取消</button>
  112. </template>
  113. <template v-else>
  114. <button type="button" class="btn btn-default" @click="reload" style="width: 120px; border: 1px solid #ccc;">返回</button>
  115. </template>
  116. </div>
  117. </div>
  118. </form>
  119. </div>
  120. </div>
  121. <script src="${request.contextPath}/statics/js/modules/qyh/withdraw.js?_${.now?long}"></script>
  122. </body>
  123. </html>