add.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. {extend name="public:base" /}
  2. {block name="style"}
  3. <style type="text/css">
  4. .layui-fluid{padding: 0;}
  5. .btn-group{margin-bottom: 10px;}
  6. .collapse-link{float: right;cursor: pointer;}
  7. #banners .layui-col-md3{padding-right: 7.5px;}
  8. #banners img{width: 100%;}
  9. #banners i{position: absolute;color: #fff;right: 12px;top: 5px;background-color: #ff5722;border-radius: 50%;width: 16px;height: 16px;text-align: center;line-height: 16px;top: 5px;
  10. }
  11. #banner{ border: 1px solid #D2D2D2;width: 128px !important}
  12. .layui-row::after, .layui-row::before {display: none;}
  13. </style>
  14. {/block}
  15. {block name="body"}
  16. <div class="layui-fluid">
  17. <div class="layui-card">
  18. <div class="layui-card-body">
  19. <form class="layui-form" lay-filter="LAY-navi-add">
  20. {if condition="empty($pnavi)"}
  21. <input type="hidden" name="position" value="{$position}">
  22. {else /}
  23. <input type="hidden" name="position" value="{$pnavi.position}">
  24. {/if}
  25. <div class="layui-form-item">
  26. <input type="hidden" name="pid" value="{$pnavi.id}">
  27. <label class="layui-form-label">上级菜单</label>
  28. <div class="layui-form-mid layui-word-aux">{$pnavi.cname|default='无'}</div>
  29. </div>
  30. <div class="layui-form-item">
  31. <label class="layui-form-label">标识</label>
  32. <div class="layui-input-inline">
  33. <input type="text" name="name" autocomplete="off" class="layui-input">
  34. </div>
  35. </div>
  36. <div class="layui-form-item">
  37. <label class="layui-form-label">名称</label>
  38. <div class="layui-input-block">
  39. <input type="text" name="cname" lay-verify="required" autocomplete="off" class="layui-input">
  40. </div>
  41. </div>
  42. <div class="layui-form-item">
  43. <label class="layui-form-label">图标</label>
  44. <div class="layui-input-inline">
  45. <input type="text" name="icon" autocomplete="off" class="layui-input">
  46. </div>
  47. </div>
  48. <div class="layui-form-item">
  49. <label class="layui-form-label">图片</label>
  50. <div class="layui-input-block">
  51. <input type="hidden" name="image" value="">
  52. <img src="__STATIC__/images/default_image.gif" class="file" data-name="image">
  53. </div>
  54. </div>
  55. <div class="layui-form-item">
  56. <label class="layui-form-label">动作</label>
  57. <div class="layui-input-block">
  58. <input type="text" name="action" autocomplete="off" class="layui-input">
  59. </div>
  60. </div>
  61. <div class="layui-form-item">
  62. <label class="layui-form-label">参数</label>
  63. <div class="layui-input-block">
  64. <input type="text" name="params" autocomplete="off" class="layui-input">
  65. </div>
  66. </div>
  67. <div class="layui-form-item">
  68. <label class="layui-form-label">打开方式</label>
  69. <div class="layui-input-block">
  70. <input type="radio" name="target" value="_self" title="默认方式" checked>
  71. <input type="radio" name="target" value="_blank" title="新选项卡">
  72. </div>
  73. </div>
  74. <div class="layui-form-item">
  75. <label class="layui-form-label">类型</label>
  76. <div class="layui-input-block">
  77. <input type="radio" name="type" value="1" title="菜单" checked>
  78. <input type="radio" name="type" value="2" title="权限" >
  79. <input type="radio" name="type" value="3" title="菜单+权限" >
  80. </div>
  81. </div>
  82. <div class="layui-form-item layui-layout-admin">
  83. <div class="layui-input-block">
  84. <div class="layui-footer" style="left: 0;">
  85. <button class="layui-btn" lay-submit lay-filter="LAY-navi-add">立即提交</button>
  86. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  87. </div>
  88. </div>
  89. </div>
  90. </form>
  91. </div>
  92. </div>
  93. </div>
  94. {/block}
  95. {block name="script"}
  96. <script type="text/javascript">
  97. layui.config({
  98. base: '__JS__/' //静态资源所在路径
  99. }).extend({
  100. index: 'lib/index' //主入口模块
  101. }).use(['index', 'navi']);
  102. </script>
  103. {/block}