recharge.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>审核</title>
  6. </head>
  7. <body>
  8. <script type="text/html" id="form">
  9. <input type="hidden" name="id" value="{{ d.id }}" />
  10. <div class="mainBox">
  11. <div class="main-container">
  12. <div class="main-container">
  13. <div class="layui-form-item">
  14. <label class="layui-form-label" title="当前剩余点数">当前剩余点数</label>
  15. <div class="layui-input-block">
  16. <input value="{{=d.coin}}" class="layui-input" disabled style="border:none">
  17. </div>
  18. </div>
  19. <div class="layui-form-item">
  20. <label class="layui-form-label">充值方式</label>
  21. <div class="layui-input-block">
  22. <input type="radio" name="status" lay-filter="status" value="0" title="增加"/>
  23. <input type="radio" name="status" lay-filter="status" value="1" title="减少" />
  24. <input type="radio" name="status" lay-filter="status" value="2" title="最终点数"/>
  25. </div>
  26. </div>
  27. <div class="layui-form-item">
  28. <label class="layui-form-label" title="变更数量">变更数量</label>
  29. <div class="layui-input-block">
  30. <input autocomplete="off" type="text" lay-verify="required|number" min="1" name="number" id="number" placeholder="请输入变更数量" class="layui-input" lay-verify="">
  31. </div>
  32. </div>
  33. <div class="layui-form-item">
  34. <label class="layui-form-label">备注</label>
  35. <div class="layui-input-block">
  36. <textarea name="mark" class="layui-textarea"></textarea>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. <div class="bottom">
  43. <div class="button-container">
  44. <button type="submit" class="laytp-btn laytp-btn-primary laytp-btn-sm" lay-submit=""
  45. lay-filter="laytp-form">
  46. <i class="layui-icon layui-icon-ok"></i>
  47. 提交
  48. </button>
  49. <button type="reset" class="laytp-btn laytp-btn-sm">
  50. <i class="layui-icon layui-icon-refresh"></i>
  51. 重置
  52. </button>
  53. </div>
  54. </div>
  55. </script>
  56. <form class="layui-form" lay-filter="layui-form"></form>
  57. <script>
  58. document.write("<link rel='stylesheet' href='" + localStorage.getItem("staticDomain") +
  59. "/component/layui/css/layui.css?v=" + localStorage.getItem("version") + "'>");
  60. document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/layui/layui.js?v=" +
  61. localStorage.getItem("version") + "'><\/script>");
  62. document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/laytp/layuiConfig.js?v=" +
  63. localStorage.getItem("version") + "'><\/script>");
  64. </script>
  65. <script>
  66. layui.use(['laytp'], function () {
  67. let form = layui.form;
  68. let $ = layui.jquery;
  69. var status = null,coin = 0;
  70. //获取参数ID
  71. var id = facade.getUrlParam('id');
  72. if (!id) {
  73. facade.error('参数ID不能为空');
  74. return false;
  75. }
  76. //获取数据,渲染到对应的节点上
  77. facade.ajax({
  78. route: "/admin.user/info",
  79. data: {
  80. id: id
  81. },
  82. successAlert: false,
  83. showLoading: true
  84. }).done(function (res) {
  85. if (res.code === 0) {
  86. layui.laytpl($("#form").html()).render(res.data, function (string) {
  87. coin = res.data.coin;
  88. $("form").html(string);
  89. layui.laytpForm.render();
  90. form.render();
  91. });
  92. }
  93. });
  94. form.on("radio(status)", function (data) {
  95. var val = data.value;
  96. status = val;
  97. });
  98. form.on('submit(laytp-form)', function (data) {
  99. var btnAnim = layui.button.load({
  100. elem: $(this)
  101. });
  102. if(!status){
  103. facade.error("请选择充值方式");
  104. btnAnim.stop();
  105. return false;
  106. }
  107. if(!data.field.number){
  108. facade.error("请输入变更数量");
  109. btnAnim.stop();
  110. return false;
  111. }
  112. if(data.field.number <=0){
  113. facade.error("变更数量需要大于0的整数");
  114. btnAnim.stop();
  115. return false;
  116. }
  117. if(status ==1){
  118. if(data.field.number > coin){
  119. facade.error("请填写小于当前剩余点数" + coin +"的数字");
  120. btnAnim.stop();
  121. return false;
  122. }
  123. }
  124. if(status ==2){
  125. if(data.field.number == coin){
  126. facade.error("请填写不等于当前剩余点数的数字");
  127. btnAnim.stop();
  128. return false;
  129. }
  130. }
  131. facade.ajax({
  132. route: '/admin.user/recharge',
  133. data: data.field
  134. }).done(function (res) {
  135. if (res.code === 0) {
  136. parent.layui.layer.close(parent.layui.layer.getFrameIndex(window
  137. .name)); //关闭当前页
  138. parent.layui.table.reload("laytp-table");
  139. }
  140. btnAnim.stop();
  141. }).fail(function () {
  142. btnAnim.stop();
  143. });
  144. return false;
  145. });
  146. })
  147. </script>
  148. </body>
  149. </html>