edit.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  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. <input name="id" value="{$data['id']}" type="hidden">
  27. <div class="layui-form-item">
  28. <label class="layui-form-label"><i style="color:red;">*</i>店面名称</label>
  29. <div class="layui-input-inline">
  30. <input type="text" name="name" lay-verify="required" placeholder="请输入店面名称" autocomplete="off" class="layui-input" value="{$data['name']}">
  31. </div>
  32. </div>
  33. <div class="layui-form-item">
  34. <label class="layui-form-label"><i style="color:red;">*</i>店面地址</label>
  35. <div class="layui-input-inline">
  36. <input type="text" name="address" lay-verify="required" placeholder="请输入店面地址" autocomplete="off" class="layui-input" value="{$data['address']}" >
  37. </div>
  38. </div>
  39. <div class="layui-form-item btn-submit">
  40. <input type="button" class="layui-btn layui-btn-success" lay-submit lay-filter="layuiadmin-app-form-submit" id="layuiadmin-app-form-submit" value="保存">
  41. </div>
  42. </form>
  43. </body>
  44. {/block}
  45. {block name="js"}
  46. <script>
  47. layui.config({
  48. base: '__LAYUI__/',
  49. urlbase: '/sys'
  50. }).extend({
  51. index: 'lib/index' //主入口模块
  52. }).use(['index', 'form', 'element', 'upload'], function () {
  53. var form = layui.form,
  54. element = layui.element,
  55. upload = layui.upload,
  56. admin = layui.admin,
  57. $ = layui.jquery;
  58. form.on('submit(layuiadmin-app-form-submit)', function(data) {
  59. if (data.field.name == '') {
  60. layer.msg('请输入店面名称', {
  61. anim: 0
  62. });
  63. return false;
  64. }
  65. if (data.field.address =='') {
  66. layer.msg('请输入店面地址', {
  67. anim: 0
  68. });
  69. return false;
  70. }
  71. var formData = new FormData(data.form);
  72. admin.req({
  73. url: '{:url("shop/edit")}',
  74. data: formData,
  75. type: 'post',
  76. processData: false,
  77. contentType: false,
  78. done: function(res) {
  79. if(res.code == 0) {
  80. layer.msg('保存成功', {
  81. offset: '15px',
  82. icon: 1,
  83. anim: 0,
  84. time: 400
  85. });
  86. setTimeout(function () {
  87. window.parent.layer.closeAll();//关闭弹窗
  88. }, 400);
  89. }else{
  90. layer.msg(res.msg, {
  91. anim: 0,
  92. time: 400
  93. });
  94. }
  95. }
  96. });
  97. });
  98. });
  99. </script>
  100. {/block}