class_label_add.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  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. <select name="pid" lay-filter="label" id="label" lay-verify="required">
  30. <option value=0>请选择分类</option>
  31. {volist name="cate" id="t"}
  32. <option value="{$t.id}">{$t.name}</option>
  33. {/volist}
  34. </select>
  35. </div>
  36. </div>
  37. <div class="layui-form-item">
  38. <label class="layui-form-label"><i style="color:red;">*</i>标签</label>
  39. <div class="layui-input-inline">
  40. <input type="text" name="name" lay-verify="required" placeholder="请输入标签" autocomplete="off" class="layui-input">
  41. </div>
  42. </div>
  43. <div class="layui-form-item btn-submit">
  44. <input type="button" class="layui-btn layui-btn-success" lay-submit lay-filter="layuiadmin-app-form-submit" id="layuiadmin-app-form-submit" value="确认添加">
  45. <!-- <input type="button" lay-submit lay-filter="layuiadmin-app-form-edit" id="layuiadmin-app-form-edit" value="确认编辑"> -->
  46. </div>
  47. </form>
  48. </body>
  49. {/block}
  50. {block name="js"}
  51. <!--
  52. <script type="text/javascript" src="__STATIC__/js/plupload/js/plupload.full.min.js"></script>
  53. <script type="text/javascript" src="__STATIC__/js/plupload/ossupload.js"></script>
  54. <script src="__STATIC__/layui/layui/layui.js"></script>
  55. <script src="__STATIC__/layui/ace/ace.js"></script> -->
  56. <script>
  57. layui.config({
  58. base: '__LAYUI__/',
  59. urlbase: '/sys'
  60. }).extend({
  61. index: 'lib/index' //主入口模块
  62. }).use(['index', 'form', 'element', 'upload'], function () {
  63. var form = layui.form,
  64. element = layui.element,
  65. upload = layui.upload,
  66. admin = layui.admin,
  67. $ = layui.jquery;
  68. form.on('submit(layuiadmin-app-form-submit)', function(data) {
  69. if (data.field.pid==0) {
  70. layer.msg('请选择分类', {
  71. anim: 0
  72. });
  73. return false;
  74. }
  75. if (data.field.name=='') {
  76. layer.msg('请输入标签名称', {
  77. anim: 0
  78. });
  79. return false;
  80. }
  81. // if (data.field.name.length>5) {
  82. // layer.msg('标签名称过长', {
  83. // anim: 0
  84. // });
  85. // return false;
  86. // }
  87. var formData = new FormData(data.form);
  88. // 单击之后提交按钮不可选,防止重复提交
  89. // var DISABLED = 'layui-btn-disabled';
  90. // var target = '#layuiadmin-app-form-submit';
  91. // $(target).addClass(DISABLED);
  92. // $(target).attr('disabled', 'disabled');
  93. admin.req({
  94. url: '{:url("train/class_label_add_ajax")}',
  95. data: formData,
  96. type: 'post',
  97. processData: false,
  98. contentType: false,
  99. done: function(res) {
  100. // $(target).removeClass(DISABLED);
  101. // $(target).removeAttr('disabled');
  102. if(res.code == 0) {
  103. layer.msg('添加成功', {
  104. offset: '15px',
  105. icon: 1,
  106. anim: 0,
  107. time: 400
  108. });
  109. setTimeout(function () {
  110. window.parent.layer.closeAll();//关闭弹窗
  111. }, 400);
  112. // parent.layui.table.reload('layui-table-article');
  113. // parent.layer.close(index);
  114. }else{
  115. layer.msg(res.msg, {
  116. offset: '15px',
  117. icon: 1,
  118. anim: 0,
  119. time: 400
  120. });
  121. }
  122. }
  123. });
  124. });
  125. });
  126. </script>
  127. {/block}