map.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. {extend name="base"/}
  2. {block name="resources"}
  3. <style type="text/css">
  4. .inline-block{display: inline-block;}
  5. </style>
  6. {/block}
  7. {block name="main"}
  8. <div class="layui-form form-wrap">
  9. <div class="layui-form-item">
  10. <label class="layui-form-label">腾讯地图KEY:</label>
  11. <div class="layui-input-block">
  12. <input type="text" name="tencent_map_key" autocomplete="off" value="{$info.tencent_map_key ?? ''}" class="layui-input len-long inline-block">
  13. <a href="https://lbs.qq.com/dev/console/key/manage" class="text-color" target="_blank" style="margin-left:5px;">获取密钥</a>
  14. </div>
  15. <div class="word-aux">
  16. <p>平台腾讯定位地图应用KEY</p>
  17. <p>使用场景:手机端收货地址选择、管理端店铺联系地址、管理端-门店地图选择</p>
  18. </div>
  19. </div>
  20. <div class="form-row">
  21. <button class="layui-btn" lay-submit lay-filter="save">保存</button>
  22. </div>
  23. </div>
  24. {/block}
  25. {block name="script"}
  26. <script>
  27. layui.use('form', function() {
  28. var form = layui.form,
  29. repeat_flag = false; //防重复标识
  30. form.render();
  31. /**
  32. * 监听提交
  33. */
  34. form.on('submit(save)', function(data) {
  35. if (repeat_flag) return false;
  36. repeat_flag = true;
  37. $.ajax({
  38. url: ns.url("shop/config/map"),
  39. data: data.field,
  40. dataType: 'JSON',
  41. type: 'POST',
  42. success: function(data){
  43. layer.msg(data.message);
  44. repeat_flag = false;
  45. }
  46. });
  47. });
  48. });
  49. </script>
  50. {/block}