a_admindefault.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6. <title>分布式可信人工智能课题组-网站后台管理</title>
  7. <meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no' name='viewport'/>
  8. <link rel="icon" href="/static/img/icon.ico" type="image/x-icon"/>
  9. <!-- Fonts and icons -->
  10. <script type="text/javascript" charset="utf-8" src="/static/js2/plugin/webfont/webfont.min.js"></script>
  11. <script>
  12. WebFont.load({
  13. google: {"families": ["Lato:300,400,700,900"]},
  14. custom: {
  15. "families": ["Flaticon", "Font Awesome 5 Solid", "Font Awesome 5 Regular", "Font Awesome 5 Brands", "simple-line-icons"],
  16. urls: ['/static/css/fonts.min.css']
  17. },
  18. active: function () {
  19. sessionStorage.fonts = true;
  20. }
  21. });
  22. </script>
  23. <!-- CSS Files -->
  24. <link rel="stylesheet" href="/static/css/1bootstrap.min.css">
  25. <link rel="stylesheet" href="/static/css/atlantis.min.css">
  26. <!-- CSS Just for demo purpose, don't include it in your project -->
  27. <link rel="stylesheet" href="/static/css/demo.css">
  28. {% block mycss%} {% endblock %}
  29. </head>
  30. <body>
  31. <div class="wrapper">
  32. <div class="main-header">
  33. <!-- Logo Header -->
  34. <div class="logo-header" data-background-color="white">
  35. <a href="/" class="logo">
  36. <img src="/static/img/dtailab_logo.png" style="width:220px"/>
  37. </a>
  38. <button class="navbar-toggler sidenav-toggler ml-auto" type="button" data-toggle="collapse"
  39. data-target="collapse" aria-expanded="false" aria-label="菜单导航栏">
  40. <span class="navbar-toggler-icon"><i class="icon-menu"></i></span>
  41. </button>
  42. <button class="topbar-toggler more">
  43. <i class="icon-options-vertical"></i>
  44. </button>
  45. <div class="nav-toggle">
  46. <button class="btn btn-toggle toggle-sidebar">
  47. <i class="icon-menu"></i>
  48. </button>
  49. </div>
  50. </div>
  51. <!-- End Logo Header -->
  52. <!-- Navbar Header -->
  53. <nav class="navbar navbar-header navbar-expand-lg" data-background-color="blue2" style="width:80%">
  54. <div class="container-fluid">
  55. <div class="collapse" id="search-nav600"
  56. style="color:White; font-size:24px; font-weight:bold; text-align: center">
  57. 网站后台管理
  58. </div>
  59. </div>
  60. <div style="float:right; color: white"> 用户名: {{lbl_truename}} &nbsp; &nbsp;&nbsp; 身份: {{lbl_rolename}}</div>
  61. </nav>
  62. <!-- End Navbar -->
  63. </div>
  64. <!-- Sidebar -->
  65. <div class="sidebar sidebar-style-2">
  66. <div class="sidebar-wrapper scrollbar scrollbar-inner">
  67. <div class="sidebar-content">
  68. <div class="user">
  69. <div class="info">
  70. <div class="clearfix">
  71. </div>
  72. <div class="collapse in" id="collapseExample">
  73. <ul class="nav">
  74. <li><a href="#profile"><span class="sub-item">个人中心</span> </a></li>
  75. <li><a href="#settings"><span class="sub-item">系统设置</span> </a></li>
  76. </ul>
  77. </div>
  78. </div>
  79. </div>
  80. <ul class="nav nav-primary">
  81. <li class="nav-item"><a data-toggle="collapse" href="#sidebarLayouts"><i class="fas fa-th-list">
  82. </i>
  83. <p>
  84. 知识笔记库管理</p>
  85. <span class="caret"></span></a>
  86. <div id="sidebarLayouts" class="collapse">
  87. <ul class="nav nav-collapse">
  88. <li><a href="/knowledgetopictypemanage"><span class="sub-item">专题类别管理</span> </a></li>
  89. <li><a href="/knowledgetopicmanage"><span class="sub-item">知识专题管理</span> </a></li>
  90. <li><a href="/knowledgenotemanage"><span class="sub-item">笔记信息管理</span> </a>
  91. </li>
  92. </ul>
  93. </div>
  94. </li>
  95. <li class="nav-item"><a data-toggle="collapse" href="#base"><i class="fas fa-layer-group">
  96. </i>
  97. <p>
  98. 团队成员管理</p>
  99. <span class="caret"></span></a>
  100. <div id="base" class="collapse">
  101. <ul class="nav nav-collapse">
  102. <li><a href="/teachermanage"><span class="sub-item">教师信息管理</span> </a></li>
  103. <li><a href="/studentmanage"><span class="sub-item">学生信息管理</span> </a></li>
  104. <li><a href="/usermanage"><span class="sub-item">用户信息管理</span> </a></li>
  105. </ul>
  106. </div>
  107. </li>
  108. <li class="nav-item"><a data-toggle="collapse" href="#tables"><i class="fas fa-table">
  109. </i>
  110. <p>
  111. 研究课题管理</p>
  112. <span class="caret"></span></a>
  113. <div id="tables" class="collapse">
  114. <ul class="nav nav-collapse">
  115. <li><a href="/researchareamanage"><span class="sub-item">研究领域管理</span></a></li>
  116. <li><a href="/researchtopicmanage"><span class="sub-item">研究课题管理</span> </a>
  117. </li>
  118. </ul>
  119. </div>
  120. </li>
  121. <li class="nav-item"><a data-toggle="collapse" href="#tracks"><i class="fas fa-layer-group">
  122. </i>
  123. <p>
  124. 研究成果管理</p>
  125. <span class="caret"></span></a>
  126. <div id="tracks" class="collapse">
  127. <ul class="nav nav-collapse">
  128. <li><a href="/paperinfomanage"><span class="sub-item">论文信息管理</span></a></li>
  129. <li><a href="/patentinfomanage"><span class="sub-item">专利信息管理</span></a></li>
  130. </ul>
  131. </div>
  132. </li>
  133. <li class="nav-item"><a data-toggle="collapse" href="#dashboard" aria-expanded="true"><i
  134. class="fas fa-keyboard"></i>
  135. <p>
  136. 系统管理</p>
  137. <span class="caret"></span></a>
  138. <div id="dashboard" class="collapse">
  139. <ul class="nav nav-collapse">
  140. <li><a href="/usermanage"><span class="sub-item">系统用户管理</span> </a></li>
  141. <li><a href="#"><span class="sub-item">用户角色管理</span> </a></li>
  142. <li><a href="/menumanage"><span class="sub-item">导航菜单管理</span> </a></li>
  143. <li><a href="/spmanage"><span class="sub-item">资助单位管理</span> </a></li>
  144. <li><a href="/webinfomanage"><span class="sub-item">单页内容管理</span> </a></li>
  145. </ul>
  146. </div>
  147. </li>
  148. </ul>
  149. </div>
  150. </div>
  151. </div>
  152. <div class="main-panel">
  153. <div class="content">
  154. {% block middle %}主页内容{% endblock %}
  155. </div>
  156. <footer class="footer">
  157. <div class="container-fluid">
  158. <div class="copyright ml-auto">
  159. 分布式可信人工智能课题组-网站后台管理
  160. </div>
  161. </div>
  162. </footer>
  163. </div>
  164. </div>
  165. <!-- Core JS Files -->
  166. <script type="text/javascript" charset="utf-8" src="/static/js/core/jquery.3.2.1.min.js"></script>
  167. <script type="text/javascript" charset="utf-8" src="/static/js/core/popper.min.js"></script>
  168. <script type="text/javascript" charset="utf-8" src="/static/js/core/bootstrap.min.js"></script>
  169. <!-- jQuery UI -->
  170. <script type="text/javascript" charset="utf-8"
  171. src="/static/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
  172. <script type="text/javascript" charset="utf-8"
  173. src="/static/js/plugin/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js"></script>
  174. <!-- jQuery Scrollbar -->
  175. <script type="text/javascript" charset="utf-8"
  176. src="/static/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js"></script>
  177. <!-- Datatables -->
  178. <script type="text/javascript" charset="utf-8" src="/static/js/plugin/datatables/datatables.min.js"></script>
  179. <!-- Atlantis JS -->
  180. <script type="text/javascript" charset="utf-8" src="/static/js/atlantis.min.js"></script>
  181. <!-- Atlantis DEMO methods, don't include it in your project! -->
  182. <script type="text/javascript" charset="utf-8" src="/static/js/setting-demo2.js"></script>
  183. <script>
  184. $(document).ready(function () {
  185. $('#basic-datatables').DataTable({});
  186. $('#multi-filter-select').DataTable({
  187. "pageLength": 5,
  188. initComplete: function () {
  189. this.api().columns().every(function () {
  190. var column = this;
  191. var select = $('<select class="form-control"><option value=""></option></select>')
  192. .appendTo($(column.footer()).empty())
  193. .on('change', function () {
  194. var val = $.fn.dataTable.util.escapeRegex(
  195. $(this).val()
  196. );
  197. column
  198. .search(val ? '^' + val + '$' : '', true, false)
  199. .draw();
  200. });
  201. column.data().unique().sort().each(function (d, j) {
  202. select.append('<option value="' + d + '">' + d + '</option>')
  203. });
  204. });
  205. }
  206. });
  207. // Add Row
  208. $('#add-row').DataTable({
  209. "pageLength": 5,
  210. });
  211. var action = '<td> <div class="form-button-action"> <button type="button" data-toggle="tooltip" title="" class="btn btn-link btn-primary btn-lg" data-original-title="Edit Task"> <i class="fa fa-edit"></i> </button> <button type="button" data-toggle="tooltip" title="" class="btn btn-link btn-danger" data-original-title="Remove"> <i class="fa fa-times"></i> </button> </div> </td>';
  212. $('#addRowButton').click(function () {
  213. $('#add-row').dataTable().fnAddData([
  214. $("#addName").val(),
  215. $("#addPosition").val(),
  216. $("#addOffice").val(),
  217. action
  218. ]);
  219. $('#addRowModal').modal('hide');
  220. });
  221. });
  222. </script>
  223. </body>
  224. </html>