add_view.html 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. {extend name="public/layout" /} {block name="title"}素材库{/block}
  2. {block name="body"}
  3. <style>
  4. html{
  5. background-color: #ffffff;
  6. }
  7. .content {
  8. padding-top: 10px;
  9. padding-right: 30px;
  10. display: block;
  11. background-color: #ffffff;
  12. height: 240px;
  13. }
  14. .layui-form-item .layui-input-inline {
  15. float: left;
  16. width: 419px;
  17. margin-right: 10px;
  18. }
  19. .form-btn{
  20. margin-left: 26%;
  21. }
  22. </style>
  23. <body layadmin-themealias="default">
  24. <div class="content">
  25. <form class="layui-form" lay-filter="edit">
  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. <textarea name="msg" lay-verify="required" cols="6" rows="10" autocomplete="off" class="layui-textarea"></textarea>
  30. </div>
  31. </div>
  32. <div class="layui-form-item">
  33. <div class="layui-input-inline">
  34. <input class="layui-btn form-btn" type="button" lay-submit lay-filter="form-submit" id="form-submit"
  35. value="确认添加">
  36. </div>
  37. </div>
  38. </form>
  39. </div>
  40. {/block}
  41. {block name="js"}
  42. <script src="__STATIC__/layui/layui/layui.js"></script>
  43. <script>
  44. layui.config({
  45. base: '__LAYUI__/',
  46. urlbase: '/sys'
  47. }).extend({
  48. index: 'lib/index' //主入口模块
  49. }).use(['index', 'form'], function () {
  50. var form = layui.form,
  51. admin = layui.admin,
  52. $ = layui.jquery;
  53. form.on('submit(form-submit)', function (data) {
  54. var index = parent.layer.getFrameIndex(window.name);
  55. var DISABLED = 'layui-btn-disabled';
  56. var submit = $('#form-submit');
  57. submit.addClass(DISABLED);
  58. submit.attr('disabled', 'disabled');
  59. admin.req({
  60. url: '{:url("msg/add")}',
  61. data: data.field,
  62. type: 'post',
  63. done: function (res) {
  64. if (res.code == 0) {
  65. layer.msg('添加成功', {
  66. offset: '15px',
  67. icon: 1,
  68. time: 2000
  69. });
  70. parent.layui.table.reload('operater');
  71. parent.layer.close(index);
  72. } else {
  73. layer.msg(res.msg, {
  74. icon: 5,
  75. anim: 6,
  76. time: 2000
  77. });
  78. }
  79. submit.removeClass(DISABLED);
  80. submit.removeAttr('disabled');
  81. }
  82. });
  83. submit.removeClass(DISABLED);
  84. submit.removeAttr('disabled');
  85. });
  86. });
  87. </script>
  88. {/block}