add.html 3.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>添加页面</title>
  6. </head>
  7. <body>
  8. <form class="layui-form" lay-filter="layui-form">
  9. <div class="mainBox">
  10. <div class="main-container">
  11. <div class="main-container">
  12. <div class="layui-form-item">
  13. <label class="layui-form-label" title="分类名称">分类名称 <text title="必填项" style="color:red;">*</text></label>
  14. <div class="layui-input-block">
  15. <input autocomplete="off" type="text" name="name" id="name" placeholder="请输入分类名称" class="layui-input" lay-verify="required">
  16. </div>
  17. </div>
  18. <div class="layui-form-item">
  19. <label class="layui-form-label" title="父级">父级</label>
  20. <div class="layui-input-block">
  21. <div class="xmSelect"
  22. data-name="pid"
  23. data-sourceType="route"
  24. data-source="/admin.files.category/index"
  25. data-sourceTree="true"
  26. data-paging="false"
  27. data-radio="true"
  28. data-valueField="id"
  29. data-textField="name"
  30. data-placeholder="请选择父级"
  31. ></div>
  32. </div>
  33. </div>
  34. <div class="layui-form-item">
  35. <label class="layui-form-label" title="排序">排序</label>
  36. <div class="layui-input-block">
  37. <input autocomplete="off" type="text" name="sort" id="sort" placeholder="请输入排序" class="layui-input" lay-verify="">
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. <div class="bottom">
  44. <div class="button-container">
  45. <button type="submit" class="laytp-btn laytp-btn-primary laytp-btn-sm" lay-submit="" lay-filter="add">
  46. <i class="layui-icon layui-icon-ok"></i>
  47. 提交
  48. </button>
  49. <button type="reset" class="laytp-btn laytp-btn-sm">
  50. <i class="layui-icon layui-icon-refresh"></i>
  51. 重置
  52. </button>
  53. </div>
  54. </div>
  55. </form>
  56. <script>
  57. if(localStorage.getItem("staticDomain")){
  58. document.write("<link rel='stylesheet' href='" + localStorage.getItem("staticDomain") + "/component/layui/css/layui.css?v=" + localStorage.getItem("version") + "'>");
  59. document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/layui/layui.js?v="+localStorage.getItem("version")+"'><\/script>");
  60. document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/laytp/layuiConfig.js?v="+localStorage.getItem("version")+"'><\/script>");
  61. }else{
  62. document.write("<link rel='stylesheet' href='/static/component/layui/css/layui.css?v=" + localStorage.getItem("version") + "'>");
  63. document.write("<script src='/static/component/layui/layui.js?v="+localStorage.getItem("version")+"'><\/script>");
  64. document.write("<script src='/static/component/laytp/layuiConfig.js?v="+localStorage.getItem("version")+"'><\/script>");
  65. }
  66. </script>
  67. <script>
  68. layui.use(['laytp'],function(){
  69. layui.form.on('submit(add)', function(data){
  70. var btnAnim = layui.button.load({elem:$(this)});
  71. try{
  72. data = facade.setEditorField(data);
  73. }catch (e) {
  74. facade.error(e);
  75. return false;
  76. }
  77. facade.ajax({
  78. route:'/admin.files.category/add',
  79. data : data.field
  80. }).done(function(res){
  81. if(res.code === 0){
  82. parent.layui.layer.close(parent.layui.layer.getFrameIndex(window.name));//关闭当前页
  83. parent.funController.tableRender();
  84. }
  85. btnAnim.stop();
  86. }).fail(function(){
  87. btnAnim.stop();
  88. });
  89. return false;
  90. });
  91. })
  92. </script>
  93. </body>
  94. </html>