add.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. {extend name="public/layout" /} {block name="title"}添加店面{/block} {block name="head"} {include file="public/head"}
  2. <style>
  3. html {
  4. background: #fff;
  5. }
  6. @media screen and (max-width: 450px){
  7. .layui-form-item{
  8. position: relative;
  9. }
  10. .layui-form-item .layui-input-inline {
  11. padding-right: 40px !important;
  12. }
  13. .adding {
  14. position: absolute;
  15. right: 10px;
  16. top: 0;
  17. }
  18. .btn-submit{
  19. margin-left: 29%;
  20. }
  21. }
  22. </style>
  23. {/block} {block name="body"}
  24. <body>
  25. <form class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list" style="padding: 20px 30px 0 0;">
  26. <div class="layui-form-item">
  27. <label class="layui-form-label"><i style="color:red;">*</i>店面名称</label>
  28. <div class="layui-input-inline">
  29. <input type="text" name="name" lay-verify="required" placeholder="请输入店面名称" autocomplete="off" class="layui-input" value="">
  30. </div>
  31. </div>
  32. <div class="layui-form-item">
  33. <label class="layui-form-label"><i style="color:red;">*</i>店面地址</label>
  34. <div class="layui-input-inline">
  35. <input type="text" name="address" lay-verify="required" placeholder="请输入店面地址" autocomplete="off" class="layui-input" value="" >
  36. </div>
  37. </div>
  38. <div class="layui-form-item btn-submit">
  39. <input type="button" class="layui-btn layui-btn-success" lay-submit lay-filter="layuiadmin-app-form-submit" id="layuiadmin-app-form-submit" value="确认添加">
  40. </div>
  41. </form>
  42. </body>
  43. {/block}
  44. {block name="js"}
  45. <script>
  46. layui.config({
  47. base: '__LAYUI__/',
  48. urlbase: '/sys'
  49. }).extend({
  50. index: 'lib/index' //主入口模块
  51. }).use(['index', 'form', 'element', 'upload'], function () {
  52. var form = layui.form,
  53. element = layui.element,
  54. upload = layui.upload,
  55. admin = layui.admin,
  56. $ = layui.jquery;
  57. form.on('submit(layuiadmin-app-form-submit)', function(data) {
  58. if (data.field.name == '') {
  59. layer.msg('请输入店面名称', {
  60. anim: 0
  61. });
  62. return false;
  63. }
  64. if (data.field.address == '') {
  65. layer.msg('请输入店面地址', {
  66. anim: 0
  67. });
  68. return false;
  69. }
  70. var formData = new FormData(data.form);
  71. admin.req({
  72. url: '{:url("shop/add")}',
  73. data: formData,
  74. type: 'post',
  75. processData: false,
  76. contentType: false,
  77. done: function(res) {
  78. if(res.code == 0) {
  79. layer.msg('添加成功', {
  80. offset: '15px',
  81. icon: 1,
  82. anim: 0,
  83. time: 400
  84. });
  85. setTimeout(function () {
  86. window.parent.layer.closeAll();//关闭弹窗
  87. }, 400);
  88. }else{
  89. layer.msg(res.msg, {
  90. anim: 0,
  91. time: 400
  92. });
  93. }
  94. }
  95. });
  96. });
  97. });
  98. </script>
  99. {/block}