editbrand.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  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. .layui-form {
  7. margin-top: 10px;
  8. }
  9. </style>
  10. {/block} {block name="body"}
  11. <body>
  12. <div id="edit-company-brand">
  13. <form class="layui-form" name="edit-company-brand" lay-filter="edit-company-brand"
  14. enctype="multipart/form-data">
  15. <div class="layui-form-item">
  16. <label class="layui-form-label">品牌名</label>
  17. <div class="layui-input-inline">
  18. <input type="text" name="brand_name" lay-verify="required" placeholder="请输入品牌名" autocomplete="off"
  19. class="layui-input" style="max-width: 500px;" {notempty name="$data.brand_name"}value="{$data.brand_name}"{/notempty}>
  20. </div>
  21. </div>
  22. <div class="layui-form-item">
  23. <label class="layui-form-label">LOGO</label>
  24. <div class="layui-input-inline" id="upload-drag">
  25. <img src="{$data.logo}" style="height: 100%;width:100%;">
  26. </div>
  27. </div>
  28. <input type="hidden" name="id" value="{$data.id}">
  29. <div class="layui-form-item ">
  30. <label class="layui-form-label"></label>
  31. <input type="button" class="layui-btn btn layui-btn-primary" lay-submit lay-filter="company-brand" id="company-brand" value="确认添加">
  32. </div>
  33. </form>
  34. </div>
  35. </body>
  36. {/block}
  37. {block name="js"}
  38. <script src="__STATIC__/layui/layui/layui.js"></script>
  39. <script src="__STATIC__/layui/ace/ace.js"></script>
  40. <script>
  41. layui.config({
  42. base: '__LAYUI__/',
  43. urlbase: '/sys'
  44. }).extend({
  45. index: 'lib/index' //主入口模块
  46. }).use(['index', 'form', 'element', 'upload', 'layedit'], function () {
  47. var form = layui.form,
  48. layedit = layui.layedit,
  49. element = layui.element,
  50. upload = layui.upload,
  51. admin = layui.admin,
  52. $ = layui.jquery;
  53. upload.render({
  54. elem: '#upload-drag',
  55. accept: 'image',
  56. exts: 'jpg|png|bmp|jpeg|JPG|PNG|BMP|JPEG',
  57. auto: false,
  58. field: 'logo',
  59. size: 3 * 1024,
  60. choose: function(obj) {
  61. obj.preview(function(index, file, result) {
  62. $('#upload-drag').html('<img src="' + result + '" style="height: 100%;width:100%;">');
  63. });
  64. }
  65. });
  66. form.on('submit(company-brand)', function(obj) {
  67. var index = parent.layer.getFrameIndex(window.name);
  68. var formData = new FormData(obj.form);
  69. $('#company-brand').addClass('layui-btn-disabled');
  70. $('#company-brand').attr('disabled', 'disabled');
  71. $.ajax({
  72. url:'{:url("company/editbrand")}',
  73. type: 'post',
  74. data: formData,
  75. dataType: 'json',
  76. processData: false,
  77. contentType: false,
  78. success: function (res) {
  79. if (res.code === 0) {
  80. layer.msg(res.msg, {anim: 0}, function () {
  81. parent.location.reload();
  82. parent.layer.close(index);
  83. });
  84. } else {
  85. $('#company-brand').removeClass('layui-btn-disabled');
  86. $('#company-brand').removeAttr('disabled');
  87. layer.msg(res.msg, {anim: 6});
  88. }
  89. }
  90. });
  91. return false;
  92. });
  93. });
  94. </script>
  95. {/block}