add.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. {extend name="layout/content" /}
  2. {block name="header"}
  3. <title>添加菜单</title>
  4. {/block}
  5. {block name="content"}
  6. <div class="x-body">
  7. <form class="layui-form" action="{:url('addPost')}" method="post">
  8. <div class="layui-form-item">
  9. <label for="" class="layui-form-label">
  10. <span class="x-red">*</span>菜单:
  11. </label>
  12. <div class="layui-input-inline">
  13. <select class="form-control" name="parent_id" lay-filter="changeParentId">
  14. <option value="0">作为一级菜单</option>{$select_category}
  15. </select>
  16. </div>
  17. </div>
  18. <div class="layui-form-item">
  19. <label for="" class="layui-form-label">
  20. <span class="x-red">*</span>菜单名称:
  21. </label>
  22. <div class="layui-input-inline">
  23. <input type="text" name="name" required="" lay-verify="required" autocomplete="off" class="layui-input">
  24. </div>
  25. </div>
  26. <div class="layui-form-item">
  27. <label for="" class="layui-form-label">
  28. <span class="x-red">*</span>应用:
  29. </label>
  30. <div class="layui-input-inline">
  31. <input type="text" name="app" required="" lay-verify="required" autocomplete="off" value="admin"
  32. class="layui-input">
  33. </div>
  34. </div>
  35. <div class="layui-form-item">
  36. <label for="" class="layui-form-label">
  37. <span class="x-red">*</span>控制器:
  38. </label>
  39. <div class="layui-input-inline">
  40. <input type="text" name="controller" required="" lay-verify="required" autocomplete="off"
  41. class="layui-input">
  42. </div>
  43. </div>
  44. <div class="layui-form-item">
  45. <label for="" class="layui-form-label">
  46. <span class="x-red">*</span>方法:
  47. </label>
  48. <div class="layui-input-inline">
  49. <input type="text" name="action" required="" lay-verify="required" autocomplete="off"
  50. class="layui-input">
  51. </div>
  52. </div>
  53. <div class="layui-form-item">
  54. <label for="" class="layui-form-label">
  55. <span class="x-red"></span>参数:
  56. </label>
  57. <div class="layui-input-inline">
  58. <input type="text" name="param" autocomplete="off"
  59. class="layui-input">
  60. <p>例:id=3&amp;p=3</p>
  61. </div>
  62. </div>
  63. <div class="layui-form-item">
  64. <label for="" class="layui-form-label">
  65. <span class="x-red"></span>图标:
  66. </label>
  67. <div class="layui-input-inline">
  68. <input type="text" name="icon" autocomplete="off"
  69. class="layui-input">
  70. <p><a href="http://www.thinkcmf.com/font/icons" target="_blank">选择图标</a> 不带前缀fa-,如fa-user => user</p>
  71. </div>
  72. </div>
  73. <div class="layui-form-item" id="J_div_tab_type">
  74. <label for="" class="layui-form-label">所属tab:</label>
  75. <div class="layui-input-inline">
  76. <select class="form-control" name="tab_type">
  77. <option value="1">SDK管理后台</option>
  78. <option value="2">运营平台及官网后台</option>
  79. <option value="3">系统管理</option>
  80. </select>
  81. <span class="x-red">一级菜单时,请设置该项</span>
  82. </div>
  83. </div>
  84. <div class="layui-form-item">
  85. <label for="" class="layui-form-label">
  86. <span class="x-red">*</span>是否显示:
  87. </label>
  88. <div class="layui-input-inline">
  89. <select class="form-control" name="status">
  90. <option value="1">在左侧菜单显示</option>
  91. <option value="0">在左侧菜单隐藏</option>
  92. </select>
  93. </div>
  94. </div>
  95. <div class="layui-form-item">
  96. <div class="layui-input-block">
  97. <button class="layui-btn" lay-submit lay-filter="formDemo">提交</button>
  98. <a class="layui-btn layui-btn-primary" href="{:url('index')}">返回</a>
  99. </div>
  100. </div>
  101. </form>
  102. </div>
  103. {/block}
  104. {block name="footer"}
  105. <script>
  106. layui.use(['form'], function () {
  107. var form = layui.form;
  108. form.on('select(changeParentId)', function (data) {
  109. //非一级菜单
  110. if(data.value>0){
  111. $('#J_div_tab_type').hide();
  112. }
  113. else{
  114. $('#J_div_tab_type').show();
  115. }
  116. });
  117. })
  118. </script>
  119. {/block}