deposit.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. {extend name="layout/content" /}
  2. {block name="header"}
  3. <title>设置公会保证金</title>
  4. {/block}
  5. {block name="content"}
  6. <style type="text/css">
  7. .layui-form-label{
  8. width:130px;
  9. }
  10. .img{
  11. width: 88px;
  12. height: 88px;
  13. cursor: pointer;
  14. }
  15. </style>
  16. <body>
  17. <div class="x-body">
  18. <form class="layui-form">
  19. <div class="layui-form-item">
  20. <label for="" class="layui-form-label">
  21. 公会账号:
  22. </label>
  23. <div class="layui-input-inline">
  24. <input type="text" class="layui-input" value="{$channelInfo['name']}" disabled="">
  25. </div>
  26. </div>
  27. <div class="layui-form-item">
  28. <label for="" class="layui-form-label">
  29. 保证金(元):
  30. </label>
  31. <div class="layui-input-inline">
  32. <input type="text" name="deposit_amt" id="deposit_amt" required="" lay-verify="required|checkAmount" autocomplete="off"
  33. class="layui-input" value="{$channelInfo.deposit_amt|floatval}" >
  34. </div>
  35. </div>
  36. <div class="layui-form-item">
  37. <label class="layui-form-label">备注:</label>
  38. <textarea name="remark" style="width: 45%;height: 25%;" id="remark"></textarea>
  39. </div>
  40. <div class="layui-form-item">
  41. <div class="layui-input-block">
  42. <button type="button" class="layui-btn" id="deposit" val = "{$channel_id}">确定</button>
  43. <a type="button" class="layui-btn layui-btn-primary" id="cancell">取消</a>
  44. </div>
  45. </div>
  46. </form>
  47. </div>
  48. </body>
  49. {/block}
  50. {block name="footer"}
  51. <script type="text/javascript">
  52. layui.use(['form', 'layer'], function () {
  53. var form = layui.form,
  54. layer = layui.layer;
  55. form.verify({
  56. checkAmount:function(value,item){
  57. var szReg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;
  58. var bChk = szReg.test(value);
  59. if (!bChk) {
  60. return "请输入正确的保证金金额";
  61. }
  62. },
  63. })
  64. })
  65. $(document).on('click', '#deposit', function(event) {
  66. var channel_id = $(this).attr('val');
  67. var deposit_amt = $("#deposit_amt").val();
  68. if(!checkAmount(deposit_amt)){
  69. layer.msg('请输入正确的保证金金额');
  70. return;
  71. }
  72. data = {};
  73. data.deposit_amt = deposit_amt;
  74. data.remark = $("#remark").val();
  75. data.channel_id = channel_id;
  76. $.ajax({
  77. type: "post",
  78. url: "{:url('deposit')}",
  79. /*async: false,*/
  80. data: data,
  81. dataType: 'json',
  82. success: function (data) {
  83. layer.msg(data['msg']);
  84. setTimeout(function(){
  85. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  86. parent.layer.close(index); //再执行关闭
  87. parent.location.reload();
  88. }, 1500);
  89. },
  90. error: function () {
  91. layer.alert('网络错误,请重试');
  92. },
  93. });
  94. });
  95. $(document).on('click', '.img', function(event) {
  96. var src = $(this).attr('src');
  97. console.log(src)
  98. var img = '<img src="'+src+'" style="max-width:850px;">'
  99. layer.open({
  100. type: 1,
  101. title: false,
  102. closeBtn: 0,
  103. area: ['auto'],
  104. skin: 'layui-layer-nobg', //没有背景色
  105. shadeClose: true,
  106. content: img
  107. });
  108. });
  109. //取消按钮
  110. $(document).on('click', '#cancell', function(event) {
  111. var index=parent.layer.getFrameIndex(window.name);
  112. parent.layer.close(index);
  113. });
  114. //验证密码
  115. function checkAmount(amt) {
  116. var szReg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;
  117. var bChk = szReg.test(amt);
  118. if (!bChk) {
  119. return false;
  120. }
  121. else{
  122. return true;
  123. }
  124. }
  125. </script>
  126. {/block}