compStats.jsp 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  4. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  5. <%
  6. String path = request.getContextPath();
  7. String basePath = request.getScheme() + "://"
  8. + request.getServerName() + ":" + request.getServerPort()
  9. + path + "/";
  10. %>
  11. <!DOCTYPE html>
  12. <html lang="en">
  13. <head>
  14. <base href="<%=basePath%>">
  15. <!-- 下拉框 -->
  16. <link rel="stylesheet" href="static/ace/css/bootstrap-select.min.css" />
  17. <!-- jsp文件头和头部 -->
  18. <%@ include file="../../system/index/top.jsp"%>
  19. <!-- 日期框 -->
  20. <link rel="stylesheet" href="static/ace/css/datepicker.css" />
  21. <style type="text/css">
  22. .bootstrap-select .btn{
  23. background-color: #ffffff !important;
  24. color: #858585 !important;
  25. border: 1px solid #d5d5d5;
  26. width: 500px;
  27. }
  28. .bootstrap-select .btn:hover,.bootstrap-select .btn:active,.bootstrap-select .btn:focus,
  29. .bootstrap-select .btn-default:hover,.bootstrap-select .btn-default:active,.bootstrap-select .btn-default:focus,
  30. .bootstrap-select .btn.dropdown-toggle,.bootstrap-select .btn-default.dropdown-toggle{
  31. background-color: #ffffff !important;
  32. border: 1px solid #d5d5d5;
  33. }
  34. .date-picker[readonly]{
  35. width:120px;
  36. border: 1px solid #d5d5d5;
  37. background: white !important;
  38. margin-right: 5px;
  39. }
  40. #factorsTable{
  41. width: 80%;
  42. margin: 5px;
  43. float: left;
  44. }
  45. input[type="checkbox"]{
  46. vertical-align: text-top;
  47. margin-left: 5px;
  48. margin-right: 1px;
  49. }
  50. }
  51. label{
  52. margin-bottom: 5px;
  53. }
  54. #dataContainer{
  55. width:100%;
  56. overflow: auto;
  57. }
  58. #searchContainer{
  59. width:100%;
  60. height: 130px;
  61. }
  62. #unit{
  63. float: right;
  64. margin-top: 113px;
  65. }
  66. </style>
  67. </head>
  68. <body class="no-skin">
  69. <!-- /section:basics/navbar.layout -->
  70. <div class="main-container" id="main-container">
  71. <div id="searchContainer">
  72. <!-- 检索 -->
  73. <table id='factorsTable'>
  74. <tr>
  75. <td width='80px'>数据类型:</td>
  76. <td>
  77. <select id="datatype">
  78. <option value='1'>计划</option>
  79. <option value='2' selected='selected'>完成情况</option>
  80. </select>
  81. </td>
  82. <td width='50px'>年度:</td>
  83. <td width='340px'>
  84. <input class="span12 date-picker" id="startYear" readonly='readonly'/>--
  85. <input class="span12 date-picker" id="endYear" readonly='readonly'/>
  86. </td>
  87. <td width='65px'>路公司:</td>
  88. <td>
  89. <select id="companys" multiple class="selectpicker" title="请选择路公司">
  90. <c:forEach items="${companyList}" var="company">
  91. <option value="${company.BIANMA}">${company.NAME}</option>
  92. </c:forEach>
  93. </select>
  94. </td>
  95. </tr>
  96. <tr height='30px'>
  97. <td>项目类型:</td>
  98. <td colspan='5'>
  99. <label><input type="checkbox" class="tabletype" value="daily" />日常养护</label>
  100. <label><input type="checkbox" class="tabletype" value="prevention" />预防养护</label>
  101. <label><input type="checkbox" class="tabletype" value="repair" />修复养护</label>
  102. <label><input type="checkbox" class="tabletype" value="special" />专项养护</label>
  103. <label><input type="checkbox" class="tabletype" value="emergency" />应急养护</label>
  104. <label><input type="checkbox" class="tabletype" value="test" />试验检测项目</label>
  105. <label><input type="checkbox" class="tabletype" value="scientific" />科研项目</label>
  106. <label><input type="checkbox" class="tabletype" value="equipment" />设备大修</label>
  107. <label><input type="checkbox" class="tabletype" value="reserve" />预备费</label>
  108. <a class="btn btn-light btn-xs tabletype" style="margin-left: 20px;" onclick="selectAll(this);" title="全选">全选</a>
  109. <a class="btn btn-light btn-xs tabletype" onclick="selectNone(this);" title="全选">全不选</a>
  110. </td>
  111. </tr>
  112. <tr height='30px'>
  113. <td>类别:</td>
  114. <td colspan='5'>
  115. <label><input type="checkbox" class="category" value="subgrade" />路基</label>
  116. <label><input type="checkbox" class="category" value="pavement" />路面</label>
  117. <label><input type="checkbox" class="category" value="bridge" />桥梁</label>
  118. <label><input type="checkbox" class="category" value="bridgeAndCulvert" />桥涵</label>
  119. <label><input type="checkbox" class="category" value="culvert" />涵洞通道</label>
  120. <label><input type="checkbox" class="category" value="bridgeAndTunnel" />桥隧</label>
  121. <label><input type="checkbox" class="category" value="tunnel" />隧道</label>
  122. <label><input type="checkbox" class="category" value="safe" />交安设施</label>
  123. <label><input type="checkbox" class="category" value="line" />沿线设施</label>
  124. <label><input type="checkbox" class="category" value="green" />绿化</label>
  125. <label><input type="checkbox" class="category" value="other" />其他</label>
  126. <label><input type="checkbox" class="category" value="clean" />清扫保洁</label>
  127. <label><input type="checkbox" class="category" value="patrol" />巡查检查</label>
  128. <label><input type="checkbox" class="category" value="car" />养护车辆设备</label>
  129. <label><input type="checkbox" class="category" value="emergency" />应急保通</label>
  130. <a class="btn btn-light btn-xs category" style="margin-left: 20px;" onclick="selectAll(this);" title="全选">全选</a>
  131. <a class="btn btn-light btn-xs category" onclick="selectNone(this);" title="全选">全不选</a>
  132. </td>
  133. </tr>
  134. <tr height='30px'>
  135. <td>规模:</td>
  136. <td colspan='4'>
  137. <label><input type="checkbox" class="scale" value="max" />大修</label>
  138. <label><input type="checkbox" class="scale" value="mid" />中修</label>
  139. <label><input type="checkbox" class="scale" value="min" />小修</label>
  140. </td>
  141. <td style="vertical-align: top;text-align: right;">
  142. <a class="btn btn-light btn-xs" onclick="toSearch();" title="检索">
  143. <i id="nav-search-icon" class="ace-icon fa fa-search bigger-110 nav-search-icon blue"></i>
  144. 检索
  145. </a>
  146. </td>
  147. </tr>
  148. </table>
  149. <span id='unit'>单位(万元)</span>
  150. </div>
  151. <div id="dataContainer">
  152. <table id='dataTable' class="table table-striped table-bordered table-hover">
  153. <thead></thead>
  154. <tbody></tbody>
  155. </table>
  156. </div>
  157. <!-- 返回顶部 -->
  158. <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
  159. <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
  160. </a>
  161. </div>
  162. <!-- /.main-container -->
  163. <!-- basic scripts -->
  164. <!-- 页面底部js¨ -->
  165. <%@ include file="../../system/index/foot.jsp"%>
  166. <!-- 删除时确认窗口 -->
  167. <script src="static/ace/js/bootbox.js"></script>
  168. <!-- ace scripts -->
  169. <script src="static/ace/js/ace/ace.js"></script>
  170. <!-- 日期框 -->
  171. <script src="static/ace/js/date-time/bootstrap-datepicker.js"></script>
  172. <!--提示框-->
  173. <!-- <script type="text/javascript" src="static/js/jquery.tips.js"></script> -->
  174. <script type="text/javascript" src="static/ace/js/bootstrap-select.min.js"></script>
  175. <script type="text/javascript" src="static/js/myjs/compStats.js"></script>
  176. <script type="text/javascript">
  177. </script>
  178. </body>
  179. </html>