edit_personal.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. {extend name="common/base"/}
  2. <!-- 主体 -->
  3. {block name="body"}
  4. <form class="layui-form p-4">
  5. <h3 class="pb-3">修改个人信息</h3>
  6. <table class="layui-table layui-table-form">
  7. <tr>
  8. <td class="layui-td-gray">用户名<font>*</font></td>
  9. <td><input type="text" lay-verify="required" autocomplete="off" placeholder="请输入节点名称" class="layui-input"
  10. value="{$admin.username}" disabled></td>
  11. <td class="layui-td-gray" rowspan="3">头像</td>
  12. <td rowspan="3">
  13. <div class="layui-upload">
  14. <button type="button" class="layui-btn layui-btn-normal" id="uploadBtn">上传头像</button>
  15. <div class="layui-upload-list" id="demo1">
  16. <img src="{$admin.thumb}" width="100" />
  17. <input type="hidden" name="thumb" value="{$admin.thumb}">
  18. </div>
  19. </div>
  20. </td>
  21. <td class="layui-td-gray" rowspan="3">扫码关注并绑定公众号</td>
  22. <td rowspan="3">
  23. <div class="we-login">
  24. <button type="button" class="layui-btn layui-btn-normal" id="reQrCode">刷新</button>
  25. <div class="login-img">
  26. <img src="{$QrCode}" width="100" id="codebox" />
  27. <p>有效时长:5分钟。失效请刷新!!!</p>
  28. <p>请勿泄露:防止被他人扫码绑定!!!</p>
  29. </div>
  30. </div>
  31. </td>
  32. </tr>
  33. <tr>
  34. <td class="layui-td-gray">昵称<font>*</font></td>
  35. <td>
  36. <input type="text" name="nickname" lay-verify="required" placeholder="请输入昵称" lay-reqText="请输入昵称"
  37. autocomplete="off" class="layui-input" value="{$admin.nickname}">
  38. </td>
  39. </tr>
  40. <tr>
  41. <td class="layui-td-gray">手机号码</td>
  42. <td><input type="text" name="mobile" lay-verify="required" placeholder="请输入手机" autocomplete="off"
  43. class="layui-input" value="{$admin.mobile}"></td>
  44. </tr>
  45. </table>
  46. <div class="py-3">
  47. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">立即提交</button>
  48. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  49. <button type="button" lay-submit="" class="layui-btn layui-btn-normal" lay-filter="aaa">aaa</button>
  50. </div>
  51. </form>
  52. <!-- <div>
  53. <table class="layui-table layui-table-form">
  54. <tr>
  55. <td class="layui-td-gray" rowspan="3">扫码关注并绑定公众号</td>
  56. <td rowspan="3">
  57. <div class="we-login">
  58. <button type="button" class="layui-btn layui-btn-normal" id="reQrCode">刷新</button>
  59. <div class="login-img">
  60. <img src="{$QrCode}" width="100" />
  61. <p>有效时长:5分钟。失效请刷新!!!</p>
  62. <p>请勿泄露:防止被他人扫码绑定!!!</p>
  63. </div>
  64. </div>
  65. </td>
  66. </tr>
  67. </table>
  68. </div> -->
  69. {/block}
  70. <!-- /主体 -->
  71. <!-- 脚本 -->
  72. {block name="script"}
  73. <script>
  74. const moduleInit = ['tool'];
  75. function gouguInit() {
  76. var form = layui.form, tool = layui.tool, upload = layui.upload;
  77. //头像上传
  78. var uploadInst = upload.render({
  79. elem: '#uploadBtn'
  80. , url: '/admin/api/upload'
  81. , done: function (e) {
  82. //如果上传失败
  83. if (e.code == 1) {
  84. return layer.msg('上传失败');
  85. }
  86. else {
  87. //上传成功
  88. $('#demo1 input').attr('value', e.data.filepath);
  89. $('#demo1 img').attr('src', e.data.filepath);
  90. }
  91. }
  92. });
  93. //刷新二维码
  94. $('#reQrCode').click(function(e){
  95. createQrCode();
  96. });
  97. function createQrCode(){
  98. var loadIndex = layer.msg('请稍等...', {
  99. icon: 16,
  100. shade: 0.01
  101. });;
  102. $.ajax({
  103. url: "/wechat/officialaccount/getQrCode_bindAccount",
  104. type: 'get',
  105. success: function (res) {
  106. $('#codebox').attr('src',res)
  107. layer.close(loadIndex)
  108. }
  109. })
  110. }
  111. createQrCode();
  112. let a = 1;
  113. //监听提交
  114. form.on('submit(webform)', function (data) {
  115. if(a){
  116. let callback = function (e) {
  117. layer.msg(e.msg);
  118. if (e.code == 0) {
  119. layer.confirm('保存成功,关闭本页面吗?', { icon: 3, title: '提示' }, function (index) {
  120. tool.tabClose();
  121. a = 1
  122. layer.close(index);
  123. });
  124. }
  125. }
  126. tool.post("/admin/api/personal_submit", data.field, callback);
  127. }
  128. a = 0
  129. return false;
  130. });
  131. let aaa = 100;
  132. form.on('submit(aaa)', function (data) {
  133. alert("这是弹出框提示文本")
  134. console.log(aaa)
  135. return false;
  136. });
  137. }
  138. </script>
  139. {/block}
  140. <!-- /脚本 -->