save.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <article class="cl pd-20">
  2. <form action="" method="post" class="form form-horizontal" id="form-admin-menu">
  3. <input type="hidden" id="id" name="id" value="{$data.id}">
  4. <div class="row cl">
  5. <label class="form-label col-xs-4 col-sm-2">上级权限</label>
  6. <div class="formControls col-xs-8 col-sm-4">
  7. <span class="select-box" style="width:150px;">
  8. <select class="select" id="pid" name="pid">
  9. <option value="0" {eq name='data.pid' value="0" }selected{/eq}>--新增顶级权限--</option>
  10. {foreach $menus as $value}
  11. <option value="{$value.id}" {eq name='data.pid' value="$value.id" }selected{/eq}>
  12. ----{$value.name}----</option>
  13. {notempty name="value.child"}
  14. {foreach $value.child as $val}
  15. <option value="{$val.id}" {eq name='data.pid' value="$val.id" }selected{/eq}>
  16. &nbsp;&nbsp;&nbsp;&nbsp;* {$val.name}---</option>
  17. {/foreach}
  18. {/notempty}
  19. {/foreach}
  20. </select>
  21. </span>
  22. </div>
  23. </div>
  24. <div class="row cl">
  25. <label class="form-label col-xs-4 col-sm-2">
  26. <span class="c-red">*</span> 菜单名称:</label>
  27. <div class="formControls col-xs-8 col-sm-4">
  28. <input type="text" class="input-text" value="{$data.name}" placeholder="请输入目录名称" id="name"
  29. name="name" />
  30. </div>
  31. </div>
  32. <div class="row cl">
  33. <label class="form-label col-xs-4 col-sm-2">
  34. <span class="c-red">*</span> url:</label>
  35. <div class="formControls col-xs-8 col-sm-4">
  36. <input type="text" class="input-text" value="{$data.url}" placeholder="请输入url,目录无需填写" id="url"
  37. name="url" />
  38. </div>
  39. <span style="color:red;">* 小写字母</span>
  40. </div>
  41. <div class="row cl">
  42. <label class="form-label col-xs-4 col-sm-2">目录类型:</label>
  43. <div class="formControls col-xs-8 col-sm-2">
  44. <span class="select-box" style="width:150px;">
  45. <select class="select" id="type" name="type">
  46. <option value="0" {eq name='data.type' value="0" }selected{/eq}>目录</option>
  47. <option value="1" {eq name='data.type' value="1" }selected{/eq}>菜单</option>
  48. <option value="2" {eq name='data.type' value="2" }selected{/eq}>按钮</option>
  49. </select>
  50. </span>
  51. </div>
  52. </div>
  53. <div class="row cl">
  54. <label class="form-label col-xs-4 col-sm-2">图标样式:</label>
  55. <div class="formControls col-xs-4 col-sm-2">
  56. <input type="text" class="input-text" value="{$data.icon}" placeholder="图片值" id="icon" name="icon" />
  57. </div>
  58. <div class="formControls col-xs-2 col-sm-2">
  59. 预览:<i class="Hui-iconfont">{$data.icon|raw}</i>
  60. </div>
  61. <span style="color:red;">* 图标示例 <a href="/static/plugins/lib/Hui-iconfont/1.0.8/demo.html" target="_blank"
  62. style="color:blue;" rel="noopener noreferrer"> demo</a></span>
  63. </div>
  64. <div class="row cl">
  65. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
  66. <button type="button" class="btn btn-success radius" id="admin-powers-save" name="">确&nbsp;定</button>
  67. <button type="button" class="btn btn-default radius" onclick="layer_close();"
  68. style="margin-left:20px;">取&nbsp;消</button>
  69. </div>
  70. </div>
  71. </form>
  72. </article>
  73. <!--请在下方写此页面业务相关的脚本-->
  74. <script type="text/javascript">
  75. $(function () {
  76. $("#admin-powers-save").click(function () {
  77. var data = $("#form-admin-menu").serializeArray();
  78. $.ajax({
  79. type: 'POST',
  80. url: '{:url("save")}',
  81. data: data,
  82. dataType: 'json',
  83. success: function(res) {
  84. // console.log(res);
  85. if (res.code=0) {
  86. layer.msg(data.msg, {
  87. icon: 5,
  88. time: 1000
  89. });
  90. return false;
  91. } else {
  92. layer.msg(res.msg,{icon:1},function(){
  93. parent.location.reload(); // 父页面刷新
  94. var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
  95. parent.layer.close(index);
  96. });
  97. }
  98. }
  99. })
  100. });
  101. })
  102. </script>