list.jsp 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. <%@page contentType="text/html;charset=UTF-8"%>
  2. <%@include file="/taglibs.jsp"%>
  3. <%pageContext.setAttribute("currentHeader", "model");%>
  4. <%pageContext.setAttribute("currentMenu", "model");%>
  5. <!doctype html>
  6. <html lang="en">
  7. <head>
  8. <%@include file="/common/meta.jsp"%>
  9. <title><spring:message code="dev.model-info.list.title" text="列表"/></title>
  10. <%@include file="/common/s3.jsp"%>
  11. <script src="${tenantPrefix}/widgets/querybuilder/QueryBuilder-3.3.5.js"></script>
  12. <script type="text/javascript">
  13. var config = {
  14. id: 'modelGrid',
  15. pageNo: ${page.pageNo},
  16. pageSize: ${page.pageSize},
  17. totalCount: ${page.totalCount},
  18. resultSize: ${page.resultSize},
  19. pageCount: ${page.pageCount},
  20. orderBy: '${page.orderBy == null ? "" : page.orderBy}',
  21. asc: ${page.asc},
  22. params: {
  23. 'id': '${param.id}',
  24. 'q': '${param.q}'
  25. },
  26. selectedItemClass: 'selectedItem',
  27. gridFormId: 'modelGridForm',
  28. exportUrl: 'export.do?id=${param.id}'
  29. };
  30. var table;
  31. $(function() {
  32. table = new Table(config);
  33. table.configPagination('.m-pagination');
  34. table.configPageInfo('.m-page-info');
  35. table.configPageSize('.m-page-size');
  36. });
  37. $(function() {
  38. var queryBuilder = new QueryBuilder('queryBuilder');
  39. queryBuilder.setFields({
  40. <c:forEach items="${searchableFields}" var="item" varStatus="status">
  41. ${item.code}: {
  42. name: '${item.code}',
  43. operator: '包含',
  44. label: '${item.name}'
  45. }${status.last ? "" : ","}
  46. </c:forEach>
  47. });
  48. var q = '${param.q}';
  49. if (q != '') {
  50. var array = q.split('\\|');
  51. var data = [];
  52. for (var i = 0; i < array.length; i++) {
  53. var name = array[i].split('=')[0];
  54. var value = array[i].split('=')[1];
  55. data.push({
  56. name: name,
  57. value: value
  58. });
  59. }
  60. queryBuilder.setData(data);
  61. }
  62. queryBuilder.setUrl('list.do?id=${param.id}');
  63. queryBuilder.render();
  64. });
  65. </script>
  66. </head>
  67. <body>
  68. <%@include file="/header/model.jsp"%>
  69. <div class="row-fluid">
  70. <!-- start of sidebar -->
  71. <div class="panel-group col-md-2" id="accordion" role="tablist" aria-multiselectable="true" style="">
  72. <div class="panel panel-default">
  73. <div class="panel-heading" role="tab" id="collapse-header-model" data-toggle="collapse" data-parent="#accordion" href="#collapse-body-model" aria-expanded="true" aria-controls="collapse-body-model">
  74. <h4 class="panel-title">
  75. <i class="glyphicon glyphicon-list"></i>
  76. <span class="title">模型</span>
  77. </h4>
  78. </div>
  79. <div id="collapse-body-model" class="panel-collapse collapse ${currentMenu == 'model' ? 'in' : ''}" role="tabpanel" aria-labelledby="collapse-header-model">
  80. <div class="panel-body">
  81. <ul class="nav nav-list">
  82. <c:forEach items="${modelInfos}" var="item">
  83. <li><a href="${tenantPrefix}/model/list.do?id=${item.id}"><i class="glyphicon glyphicon-list"></i> ${item.name}</a></li>
  84. </c:forEach>
  85. </ul>
  86. </div>
  87. </div>
  88. </div>
  89. <footer id="m-footer" class="text-center">
  90. <hr>
  91. &copy; 江西军民融合
  92. </footer>
  93. </div>
  94. <!-- end of sidebar -->
  95. <!-- start of main -->
  96. <section id="m-main" class="col-md-10" style="">
  97. <nav class="navbar navbar-default" role="navigation" id="queryBuilder">
  98. <div class="container-fluid">
  99. <div class="navbar-header">
  100. <form class="navbar-form form-group">
  101. <input type="text" class="form-control" placeholder="Search" id="queryBuilderText" name="text">
  102. </form>
  103. </div>
  104. <ul class="nav navbar-nav" id="queryBuilderFields">
  105. </ul>
  106. <ul class="nav navbar-nav">
  107. <li class="dropdown">
  108. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
  109. + 更多条件
  110. <span class="caret"></span>
  111. </a>
  112. <ul class="dropdown-menu" role="menu" id="queryBuilderMenu">
  113. </ul>
  114. </li>
  115. </ul>
  116. <div class="navbar-form navbar-right">
  117. <button type="submit" class="btn btn-default" id="queryBuilderButton">搜索</button>
  118. </div>
  119. </div>
  120. </nav>
  121. <div style="margin-bottom: 20px;">
  122. <div class="pull-left btn-group" role="group">
  123. <%--
  124. <button class="btn btn-default a-insert" onclick="location.href='sendmail-history-input.do'">新建</button>
  125. <button class="btn btn-default a-remove" onclick="table.removeAll()">删除</button>
  126. --%>
  127. <button class="btn btn-small a-export" onclick="table.exportExcel()">导出</button>
  128. </div>
  129. <div class="pull-right">
  130. 每页显示
  131. <select class="m-page-size form-control" style="display:inline;width:auto;">
  132. <option value="10">10</option>
  133. <option value="20">20</option>
  134. <option value="50">50</option>
  135. </select>
  136. </div>
  137. <div class="clearfix"></div>
  138. </div>
  139. <form id="modelGridForm" name="modelGridForm" method='post' action="model-remove.do" class="m-form-blank">
  140. <div class="panel panel-default">
  141. <div class="panel-heading">
  142. <i class="glyphicon glyphicon-list"></i>
  143. 列表
  144. </div>
  145. <table id="modelGrid" class="table table-hover">
  146. <thead>
  147. <tr>
  148. <c:forEach items="${listFields}" var="item">
  149. <th class="sorting" name="${item.code}">${item.name}</th>
  150. </c:forEach>
  151. <th width="80">&nbsp;</th>
  152. </tr>
  153. </thead>
  154. <tbody>
  155. <c:forEach items="${page.result}" var="item">
  156. <tr>
  157. <c:forEach items="${listFields}" var="headerItem">
  158. <td>${item[headerItem.code]}</td>
  159. </c:forEach>
  160. <td>
  161. &nbsp;
  162. </td>
  163. </tr>
  164. </c:forEach>
  165. </tbody>
  166. </table>
  167. </div>
  168. </form>
  169. <div>
  170. <div class="m-page-info pull-left">
  171. 共100条记录 显示1到10条记录
  172. </div>
  173. <div class="btn-group m-pagination pull-right">
  174. <button class="btn btn-default">&lt;</button>
  175. <button class="btn btn-default">1</button>
  176. <button class="btn btn-default">&gt;</button>
  177. </div>
  178. <div class="clearfix"></div>
  179. </div>
  180. <div class="m-spacer"></div>
  181. </section>
  182. <!-- end of main -->
  183. </div>
  184. </body>
  185. </html>