ResourceList.tpl 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>权限资源管理 - Powered by MinDoc</title>
  8. <!-- Bootstrap -->
  9. <link href="{{cdncss "/static/bootstrap/css/bootstrap.min.css"}}" rel="stylesheet" type="text/css">
  10. <link href="{{cdncss "/static/font-awesome/css/font-awesome.min.css"}}" rel="stylesheet" type="text/css">
  11. <link href="/static/bootstrap/plugins/bootstrap-treegrid/css/jquery.treegrid.css" rel="stylesheet" type="text/css">
  12. <link href="{{cdncss "/static/css/main.css"}}" rel="stylesheet">
  13. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  14. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  15. <!--[if lt IE 9]>
  16. <script src="{{cdnjs "/static/html5shiv/3.7.3/html5shiv.min.js"}}"></script>
  17. <script src="{{cdnjs "/static/respond.js/1.4.2/respond.min.js" }}"></script>
  18. <![endif]-->
  19. </head>
  20. <body>
  21. <div class="manual-reader">
  22. {{template "widgets/header.tpl" .}}
  23. <div class="container manual-body">
  24. <div class="row">
  25. <div class="page-left">
  26. <ul class="menu">
  27. {{template "manager/manager_widgets.tpl.tpl" .}}
  28. </ul>
  29. </div>
  30. <div class="page-right">
  31. <div class="m-box">
  32. <div class="box-head">
  33. <strong class="box-title">权限资源管理</strong>
  34. <button type="button" class="btn btn-success btn-sm pull-right" data-toggle="modal" data-target="#addMemberDialogModal">添加资源</button>
  35. </div>
  36. </div>
  37. <div class="box-body" id="resourceList">
  38. <div class="table-responsive">
  39. <table class="table table-bordered tree" id="resourceTreeGrid">
  40. <thead>
  41. <tr>
  42. <th>资源名称</th>
  43. <th>控制器名称</th>
  44. <th>动作名称</th>
  45. <th>请求类型</th>
  46. <th>操作</th>
  47. </tr>
  48. </thead>
  49. <tbody>
  50. {{range $index,$item := .Lists}}
  51. <tr>
  52. <td></td>
  53. </tr>
  54. {{end}}
  55. </tbody>
  56. </table>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. {{template "widgets/footer.tpl" .}}
  63. </div>
  64. <!-- Delete Book Modal -->
  65. <div class="modal fade" id="deleteBookModal" tabindex="-1" role="dialog" aria-labelledby="deleteBookModalLabel">
  66. <div class="modal-dialog" role="document">
  67. <form method="post" id="deleteBookForm" action="{{urlfor "ManagerController.DeleteBook"}}">
  68. <input type="hidden" name="book_id" value="">
  69. <div class="modal-content">
  70. <div class="modal-header">
  71. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  72. <h4 class="modal-title">删除项目</h4>
  73. </div>
  74. <div class="modal-body">
  75. <span style="font-size: 14px;font-weight: 400;">确定删除项目吗?</span>
  76. <p></p>
  77. <p class="text error-message">删除项目后将无法找回。</p>
  78. </div>
  79. <div class="modal-footer">
  80. <span id="form-error-message2" class="error-message"></span>
  81. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  82. <button type="submit" id="btnDeleteBook" class="btn btn-primary" data-loading-text="删除中...">确定删除</button>
  83. </div>
  84. </div>
  85. </form>
  86. </div>
  87. </div>
  88. <script src="{{cdnjs "/static/jquery/1.12.4/jquery.min.js"}}"></script>
  89. <script src="{{cdnjs "/static/bootstrap/js/bootstrap.min.js"}}"></script>
  90. <script src="{{cdnjs "/static/vuejs/vue.min.js"}}" type="text/javascript"></script>
  91. <script src="{{cdnjs "/static/js/jquery.form.js"}}" type="text/javascript"></script>
  92. <script src="/static/bootstrap/plugins/bootstrap-treegrid/js/jquery.treegrid.js"></script>
  93. <script src="/static/bootstrap/plugins/bootstrap-treegrid/js/jquery.treegrid.bootstrap3.js"></script>
  94. <script src="{{cdnjs "/static/js/main.js"}}" type="text/javascript"></script>
  95. <script type="text/javascript">
  96. /**
  97. * 删除项目
  98. */
  99. function deleteBook($id) {
  100. $("#deleteBookModal").find("input[name='book_id']").val($id);
  101. $("#deleteBookModal").modal("show");
  102. }
  103. $(function () {
  104. $("#resourceTreeGrid").treegrid();
  105. /**
  106. * 删除项目
  107. */
  108. $("#deleteBookForm").ajaxForm({
  109. beforeSubmit : function () {
  110. $("#btnDeleteBook").button("loading");
  111. },
  112. success : function (res) {
  113. if(res.errcode === 0){
  114. window.location = window.location.href;
  115. }else{
  116. showError(res.message,"#form-error-message2");
  117. }
  118. $("#btnDeleteBook").button("reset");
  119. },
  120. error : function () {
  121. showError("服务器异常","#form-error-message2");
  122. $("#btnDeleteBook").button("reset");
  123. }
  124. });
  125. });
  126. </script>
  127. </body>
  128. </html>