recharge_list.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>充值管理</title>
  6. <link rel="stylesheet" href="../../component/pear/css/pear.css"/>
  7. <style>
  8. .input-narrow {
  9. width: 105px !important;
  10. }
  11. .layui-form-label {
  12. padding: 9px 5px !important;
  13. width: 60px !important;
  14. }
  15. .money-info{
  16. padding: 10px;
  17. font-weight: 700;
  18. font-size: 18px;
  19. }
  20. .money-info .item{
  21. color: #ff0000;
  22. }
  23. </style>
  24. </head>
  25. <body class="pear-container">
  26. <div class="layui-card">
  27. <div class="layui-card-body">
  28. <form class="layui-form" action="">
  29. <div class="layui-form-item">
  30. <div class="layui-form-item layui-inline">
  31. <label class="layui-form-label">查询条件</label>
  32. <div class="layui-input-inline input-narrow">
  33. <select name="search_key" lay-search>
  34. <option value=""></option>
  35. <option class="search_key_user_uid" value="user_uid">用户UID</option>
  36. <option class="search_key_order_sn" value="order_sn">订单号</option>
  37. </select>
  38. </div>
  39. </div>
  40. <div class="layui-form-item layui-inline layui-inline">
  41. <label class="layui-form-label">条件内容</label>
  42. <div class="layui-input-inline">
  43. <input type="text" name="search_val" placeholder="条件内容" class="layui-input search_val">
  44. </div>
  45. </div>
  46. <div class="layui-form-item layui-inline">
  47. <label class="layui-form-label">支付方式</label>
  48. <div class="layui-input-inline input-narrow">
  49. <select name="pay_type" lay-search>
  50. <option value=""></option>
  51. <option class="pay_type_1" value="1">支付宝</option>
  52. <option class="pay_type_2" value="2">微信</option>
  53. <option class="pay_type_3" value="3">银行卡</option>
  54. <option class="pay_type_4" value="4">金币</option>
  55. <option class="pay_type_5" value="5">USDT</option>
  56. </select>
  57. </div>
  58. </div>
  59. <div class="layui-form-item layui-inline">
  60. <label class="layui-form-label">支付状态</label>
  61. <div class="layui-input-inline input-narrow">
  62. <select name="order_status" lay-search>
  63. <option value=""></option>
  64. <option class="order_status_1" value="1">已支付</option>
  65. <option class="order_status_2" value="2">已取消</option>
  66. <option class="order_status_3" value="3">待支付</option>
  67. </select>
  68. </div>
  69. </div>
  70. <div class="layui-form-item layui-inline">
  71. <label class="layui-form-label">所属应用</label>
  72. <div class="layui-input-inline input-narrow">
  73. <select name="mom_app_uid" class="mom_app_uid" lay-search>
  74. <option value=""></option>
  75. </select>
  76. </div>
  77. </div>
  78. <div class="layui-form-item layui-inline">
  79. <label class="layui-form-label">时间筛选</label>
  80. <div class="layui-input-inline">
  81. <div class="layui-inline"> <!-- 注意:这一层元素并不是必须的 -->
  82. <input type="text" class="layui-input" name="start_date" id="start_date" placeholder="开始时间">
  83. <input type="text" class="layui-input" name="end_date" id="end_date" placeholder="结束时间">
  84. </div>
  85. </div>
  86. </div>
  87. <div class="layui-form-item layui-inline">
  88. <button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="recharge-search">
  89. <i class="layui-icon layui-icon-search"></i>
  90. 查询
  91. </button>
  92. <button type="reset" id="reset" class="pear-btn pear-btn-md">
  93. <i class="layui-icon layui-icon-refresh"></i>
  94. 重置
  95. </button>
  96. </div>
  97. </div>
  98. </form>
  99. </div>
  100. </div>
  101. <div class="layui-card money-info">
  102. <p>
  103. <span>当前支付成功率:<span class="succ_rate item">00%</span></span>
  104. <span>总充值金额:<span class="total_money item">00,00元(0单)</span></span>
  105. <span>成功金额:<span class="succ_money item">00.00元(0单)</span></span>
  106. </p>
  107. </div>
  108. <div class="layui-card">
  109. <div class="layui-card-body">
  110. <table lay-size="sm" id="recharge-table" lay-filter="recharge-table"></table>
  111. </div>
  112. </div>
  113. <script src="../../component/layui/layui.js"></script>
  114. <script src="../../component/pear/pear.js"></script>
  115. <script src="../../app/app.js?v=v1.0.2"></script>
  116. <script src="../../public/config/login.js?v=v1.0.2"></script>
  117. <script src="../../config/config.js?v=v1.0.2"></script>
  118. <script src="../../public/js/recharge/recharge_list.js?v=v1.0.2"></script>
  119. </body>
  120. </html>