123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182 |
- <%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
- <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
- <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
- <%
- String path = request.getContextPath();
- String basePath = request.getScheme() + "://"
- + request.getServerName() + ":" + request.getServerPort()
- + path + "/";
- %>
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <base href="<%=basePath%>">
- <!-- 下拉框 -->
- <link rel="stylesheet" href="static/ace/css/bootstrap-select.min.css" />
- <!-- jsp文件头和头部 -->
- <%@ include file="../../system/index/top.jsp"%>
- <!-- 日期框 -->
- <link rel="stylesheet" href="static/ace/css/datepicker.css" />
- <style type="text/css">
- .bootstrap-select .btn{
- background-color: #ffffff !important;
- color: #858585 !important;
- border: 1px solid #d5d5d5;
- width: 500px;
- }
- .bootstrap-select .btn:hover,.bootstrap-select .btn:active,.bootstrap-select .btn:focus,
- .bootstrap-select .btn-default:hover,.bootstrap-select .btn-default:active,.bootstrap-select .btn-default:focus,
- .bootstrap-select .btn.dropdown-toggle,.bootstrap-select .btn-default.dropdown-toggle{
- background-color: #ffffff !important;
- border: 1px solid #d5d5d5;
- }
- .date-picker[readonly]{
- width:120px;
- border: 1px solid #d5d5d5;
- background: white !important;
- margin-right: 5px;
- }
- #factorsTable{
- width: 80%;
- margin: 5px;
- float: left;
- }
- input[type="checkbox"]{
- vertical-align: text-top;
- margin-left: 5px;
- margin-right: 1px;
- }
- }
- label{
- margin-bottom: 5px;
- }
- #dataContainer{
- width:100%;
- overflow: auto;
- }
- #searchContainer{
- width:100%;
- height: 130px;
- }
- #unit{
- float: right;
- margin-top: 113px;
- }
- </style>
- </head>
- <body class="no-skin">
- <!-- /section:basics/navbar.layout -->
- <div class="main-container" id="main-container">
- <div id="searchContainer">
- <!-- 检索 -->
- <table id='factorsTable'>
- <tr>
- <td width='80px'>数据类型:</td>
- <td>
- <select id="datatype">
- <option value='1'>计划</option>
- <option value='2' selected='selected'>完成情况</option>
- </select>
- </td>
- <td width='50px'>年度:</td>
- <td width='340px'>
- <input class="span12 date-picker" id="startYear" readonly='readonly'/>--
- <input class="span12 date-picker" id="endYear" readonly='readonly'/>
- </td>
- <td width='65px'>路公司:</td>
- <td>
- <select id="companys" multiple class="selectpicker" title="请选择路公司">
- <c:forEach items="${companyList}" var="company">
- <option value="${company.BIANMA}">${company.NAME}</option>
- </c:forEach>
- </select>
- </td>
- </tr>
- <tr height='30px'>
- <td>项目类型:</td>
- <td colspan='5'>
- <label><input type="checkbox" class="tabletype" value="daily" />日常养护</label>
- <label><input type="checkbox" class="tabletype" value="prevention" />预防养护</label>
- <label><input type="checkbox" class="tabletype" value="repair" />修复养护</label>
- <label><input type="checkbox" class="tabletype" value="special" />专项养护</label>
- <label><input type="checkbox" class="tabletype" value="emergency" />应急养护</label>
- <label><input type="checkbox" class="tabletype" value="test" />试验检测项目</label>
- <label><input type="checkbox" class="tabletype" value="scientific" />科研项目</label>
- <label><input type="checkbox" class="tabletype" value="equipment" />设备大修</label>
- <label><input type="checkbox" class="tabletype" value="reserve" />预备费</label>
- <a class="btn btn-light btn-xs tabletype" style="margin-left: 20px;" onclick="selectAll(this);" title="全选">全选</a>
- <a class="btn btn-light btn-xs tabletype" onclick="selectNone(this);" title="全选">全不选</a>
- </td>
- </tr>
- <tr height='30px'>
- <td>类别:</td>
- <td colspan='5'>
- <label><input type="checkbox" class="category" value="subgrade" />路基</label>
- <label><input type="checkbox" class="category" value="pavement" />路面</label>
- <label><input type="checkbox" class="category" value="bridge" />桥梁</label>
- <label><input type="checkbox" class="category" value="bridgeAndCulvert" />桥涵</label>
- <label><input type="checkbox" class="category" value="culvert" />涵洞通道</label>
- <label><input type="checkbox" class="category" value="bridgeAndTunnel" />桥隧</label>
- <label><input type="checkbox" class="category" value="tunnel" />隧道</label>
- <label><input type="checkbox" class="category" value="safe" />交安设施</label>
- <label><input type="checkbox" class="category" value="line" />沿线设施</label>
- <label><input type="checkbox" class="category" value="green" />绿化</label>
- <label><input type="checkbox" class="category" value="other" />其他</label>
- <label><input type="checkbox" class="category" value="clean" />清扫保洁</label>
- <label><input type="checkbox" class="category" value="patrol" />巡查检查</label>
- <label><input type="checkbox" class="category" value="car" />养护车辆设备</label>
- <label><input type="checkbox" class="category" value="emergency" />应急保通</label>
- <a class="btn btn-light btn-xs category" style="margin-left: 20px;" onclick="selectAll(this);" title="全选">全选</a>
- <a class="btn btn-light btn-xs category" onclick="selectNone(this);" title="全选">全不选</a>
- </td>
- </tr>
- <tr height='30px'>
- <td>规模:</td>
- <td colspan='4'>
- <label><input type="checkbox" class="scale" value="max" />大修</label>
- <label><input type="checkbox" class="scale" value="mid" />中修</label>
- <label><input type="checkbox" class="scale" value="min" />小修</label>
- </td>
- <td style="vertical-align: top;text-align: right;">
- <a class="btn btn-light btn-xs" onclick="toSearch();" title="检索">
- <i id="nav-search-icon" class="ace-icon fa fa-search bigger-110 nav-search-icon blue"></i>
- 检索
- </a>
- </td>
- </tr>
- </table>
- <span id='unit'>单位(万元)</span>
- </div>
- <div id="dataContainer">
- <table id='dataTable' class="table table-striped table-bordered table-hover">
- <thead></thead>
- <tbody></tbody>
- </table>
- </div>
- <!-- 返回顶部 -->
- <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
- <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
- </a>
- </div>
- <!-- /.main-container -->
- <!-- basic scripts -->
- <!-- 页面底部js¨ -->
- <%@ include file="../../system/index/foot.jsp"%>
- <!-- 删除时确认窗口 -->
- <script src="static/ace/js/bootbox.js"></script>
- <!-- ace scripts -->
- <script src="static/ace/js/ace/ace.js"></script>
- <!-- 日期框 -->
- <script src="static/ace/js/date-time/bootstrap-datepicker.js"></script>
- <!--提示框-->
- <!-- <script type="text/javascript" src="static/js/jquery.tips.js"></script> -->
- <script type="text/javascript" src="static/ace/js/bootstrap-select.min.js"></script>
- <script type="text/javascript" src="static/js/myjs/compStats.js"></script>
- <script type="text/javascript">
- </script>
- </body>
- </html>
|