usermessage.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  1. {include file="common/header"/}
  2. <div class="LM-container">
  3. <div class="LM-main">
  4. <fieldset class="layui-elem-field layui-field-title">
  5. <blockquote class="layui-elem-quote">
  6. <a href="{:url('index')}" class="layui-btn layui-btn-xs" lay-event="update_pwd">返回</a>
  7. </blockquote>
  8. </fieldset>
  9. <form class="layui-form layui-form-pane" lay-filter="form">
  10. <input type="hidden" name="id" id="id">
  11. <div class="layui-form-item">
  12. <label class="layui-form-label">手机号</label>
  13. <div class="layui-input-inline">
  14. <input type="text" name="phone" value="" class="layui-input">
  15. </div>
  16. </div>
  17. <div class="layui-form-item">
  18. <label class="layui-form-label">银行卡持卡人</label>
  19. <div class="layui-input-inline">
  20. <input type="text" name="name" value="" class="layui-input">
  21. </div>
  22. </div>
  23. <div class="layui-form-item">
  24. <label class="layui-form-label">银行卡名称</label>
  25. <div class="layui-input-inline">
  26. <input type="text" name="bank_name" value="" class="layui-input">
  27. </div>
  28. </div>
  29. <div class="layui-form-item">
  30. <label class="layui-form-label">银行卡号</label>
  31. <div class="layui-input-inline">
  32. <input type="text" name="bank_number" value="" class="layui-input">
  33. </div>
  34. </div>
  35. <div class="layui-form-item">
  36. <label class="layui-form-label">开户支行</label>
  37. <div class="layui-input-inline">
  38. <input type="text" name="bank_branch" value="" class="layui-input">
  39. </div>
  40. </div>
  41. <div class="layui-form-item">
  42. <label class="layui-form-label">支付宝账号</label>
  43. <div class="layui-input-inline">
  44. <input type="text" name="ali_pay" value="" class="layui-input">
  45. </div>
  46. </div>
  47. <div class="layui-form-item">
  48. <label class="layui-form-label">微信账号</label>
  49. <div class="layui-input-inline">
  50. <input type="text" name="wx_pay" value="" class="layui-input">
  51. </div>
  52. </div>
  53. <div class="layui-form-item">
  54. <label class="layui-form-label">支付宝收款码</label>
  55. <input type="hidden" name="ali_pay_image" id="logo">
  56. <div class="layui-input-block">
  57. <div class="layui-upload">
  58. <button type="button" class="layui-btn layui-btn-primary" id="logoBtn"><i
  59. class="icon icon-upload3"></i>{:lang('upload')}
  60. </button>
  61. <div class="layui-upload-list">
  62. <img class="layui-upload-img" id="site_logo">
  63. <p id="demoText"></p>
  64. </div>
  65. </div>
  66. </div>
  67. <div class="layui-form-mid layui-word-aux">
  68. 支付宝收款码
  69. </div>
  70. </div>
  71. <div class="layui-form-item">
  72. <label class="layui-form-label">微信收款码</label>
  73. <input type="hidden" name="wx_pay_image" id="logos">
  74. <div class="layui-input-block">
  75. <div class="layui-upload">
  76. <button type="button" class="layui-btn layui-btn-primary" id="logoBtns"><i
  77. class="icon icon-upload3"></i>{:lang('upload')}
  78. </button>
  79. <div class="layui-upload-list">
  80. <img class="layui-upload-img" id="site_logos">
  81. <p id="demoTexts"></p>
  82. </div>
  83. </div>
  84. </div>
  85. <div class="layui-form-mid layui-word-aux">
  86. 微信收款码。
  87. </div>
  88. </div>
  89. <div class="layui-form-item">
  90. <div class="layui-input-inline">
  91. <button type="button" class="layui-btn" lay-submit="" lay-filter="submit">{:lang('submit')}</button>
  92. <!--<a href="{:url('hlep')}" class="layui-btn layui-btn-primary">{:lang('back')}</a>-->
  93. </div>
  94. </div>
  95. </form>
  96. </div>
  97. </div>
  98. {include file="common/footer"/}
  99. <script>
  100. layui.use(['form', 'layer','upload','laydate'], function () {
  101. var form = layui.form, laydate=layui.laydate,layer = layui.layer,$= layui.jquery,upload = layui.upload;
  102. var info = '';
  103. var config = {$user|raw};
  104. console.log("user",config)
  105. //日期范围
  106. form.val("form", config);
  107. $('#site_logo').attr('src',config.ali_pay_image);
  108. $('#site_logos').attr('src',config.wx_pay_image);
  109. if(info){
  110. }
  111. form.render();
  112. form.on('submit(submit)', function (data) {
  113. console.log("data",data.field)
  114. loading =layer.load(1, {shade: [0.1,'#fff']});
  115. $.post("", data.field, function (res) {
  116. layer.close(loading);
  117. if (res.code== 200) {
  118. layer.msg(res.msg, {time: 1800, icon: 1}, function () {
  119. // location.href = res.url;
  120. // location.href = res.url;
  121. });
  122. } else {
  123. layer.msg(res.msg, {time: 1800, icon: 2});
  124. }
  125. },"json");
  126. });
  127. //普通图片上传
  128. var uploadInst = upload.render({
  129. elem: '#logoBtn'
  130. ,url: '{:url("uploads/uploads")}'
  131. ,before: function(obj){
  132. //预读本地文件示例,不支持ie8
  133. obj.preview(function(index, file, result){
  134. $('#site_logo').attr('src', result); //图片链接(base64)
  135. });
  136. }
  137. ,done: function(res){
  138. //上传成功
  139. if(res.code>0){
  140. $('#logo').val(res.url);
  141. }else{
  142. //如果上传失败
  143. return layer.msg('上传失败');
  144. }
  145. }
  146. ,error: function(){
  147. //演示失败状态,并实现重传
  148. var demoText = $('#demoText');
  149. demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
  150. demoText.find('.demo-reload').on('click', function(){
  151. uploadInst.upload();
  152. });
  153. }
  154. });
  155. //普通图片上传
  156. var uploadInsts = upload.render({
  157. elem: '#logoBtns'
  158. ,url: '{:url("uploads/uploads")}'
  159. ,before: function(obj){
  160. //预读本地文件示例,不支持ie8
  161. obj.preview(function(index, file, result){
  162. $('#site_logos').attr('src', result); //图片链接(base64)
  163. });
  164. }
  165. ,done: function(res){
  166. //上传成功
  167. if(res.code>0){
  168. $('#logos').val(res.url);
  169. }else{
  170. //如果上传失败
  171. return layer.msg('上传失败');
  172. }
  173. }
  174. ,error: function(){
  175. //演示失败状态,并实现重传
  176. var demoText = $('#demoTexts');
  177. demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
  178. demoText.find('.demo-reload').on('click', function(){
  179. uploadInsts.upload();
  180. });
  181. }
  182. });
  183. });
  184. </script>