toCarMaintenance.jsp 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251
  1. <%@ page language="java" contentType="text/html;charset=GBK"
  2. pageEncoding="GBK"%>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  4. <html>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html;charset=GBK">
  7. <title>车辆维保统计</title>
  8. <link href="/shares/js/yw/master1/liger/skins/ynet/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  9. <link href="${pageContext.request.contextPath }/main.css" rel="stylesheet" type="text/css" />
  10. <link href="/shares/css/yw/master1/reset.css" rel="stylesheet" type="text/css" />
  11. <script src="${pageContext.request.contextPath }/liger/lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  12. <script src="${pageContext.request.contextPath}/liger/lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
  13. <link href="${pageContext.request.contextPath}/main.css" rel="stylesheet" type="text/css" />
  14. <script type="text/javascript" src="/shares/js/constant.js"></script>
  15. <script type="text/javascript" src="/shares/js/common.js"></script>
  16. <link rel="stylesheet" type="text/css" href="/shares/css/yw/master1/${sessionScope.loginFrom}/jquery.jscrollpane.codrops1.css" />
  17. <script type="text/javascript" src="/shares/js/yw/master1/jquery.mousewheel.js"></script>
  18. <!-- the jScrollPane script -->
  19. <script type="text/javascript" src="/shares/js/yw/master1/jquery.jscrollpane.min.js"></script>
  20. <script type="text/javascript" src="/shares/js/yw/master1/scroll-startstop.events.jquery.js"></script>
  21. <script type="text/javascript" src="/shares/js/yw/master1/scroll.js"></script>
  22. <script type="text/javascript">
  23. $(function() {
  24. $("#start_time").ligerDateEditor({ showTime: true, labelAlign: 'left', width:130,height:21});
  25. $("#end_time").ligerDateEditor({ showTime: true, labelAlign: 'left', width:130,height:21});
  26. });
  27. $(function (){
  28. $("#motorcade_names").ligerComboBox({
  29. width: 130,
  30. selectBoxWidth: 200,
  31. selectBoxHeight: 200,
  32. valueField: 'universalid',
  33. valueFieldID :'motorcade',
  34. textField:'motorcade_name',
  35. treeLeafOnly:false,
  36. tree: { url: 'carMotorcadeCarAction.do?task=toMotorcadeList&time='+ new Date().getTime(),
  37. idFieldName :'universalid',
  38. parentIDFieldName :'pid',
  39. textFieldName : 'motorcade_name',
  40. parentIcon:'',
  41. childIcon:'',
  42. checkbox: false,
  43. onSuccess : function() {
  44. this.expandAll();
  45. }
  46. }
  47. });
  48. });
  49. /**
  50. * 选择车牌号函数
  51. */
  52. function chooseMaintenance(o) {
  53. o = $.extend({
  54. plate_number_id : "plate_number_id",
  55. plate_number : "plate_number",
  56. maintenance_mileage : "maintenance_mileage",
  57. checkbox : true
  58. }, o);
  59. $.ligerDialog.open({
  60. url : 'carMotorcadeCarAction.do?task=carList3&state=3&lookup=lookup&checkbox='+o.checkbox,
  61. height : 350,
  62. width : 800,
  63. title : "车辆信息",
  64. buttons : [
  65. {
  66. text : '确定',
  67. onclick : function(item, dialog) {
  68. var rows = dialog.frame.f_select();
  69. if(rows.length == 0){
  70. $.ligerDialog.alert('请选择一个车辆信息!', '提示', 'warn');
  71. return;
  72. }
  73. var universalids = "", plate_numbers = "" ,initial_ranges = "";
  74. if (rows) {
  75. for ( var i = 0; i < rows.length; i++) {
  76. universalids += ("," + rows[i].universalid);
  77. plate_numbers += ("," + rows[i].plate_number);
  78. initial_ranges += ("," + rows[i].initial_range);
  79. }
  80. universalid = universalids.substring(1, universalids.length);
  81. plate_number = plate_numbers.substring(1, plate_numbers.length);
  82. initial_range = initial_ranges.substring(1, initial_ranges.length);
  83. }
  84. if ($("#" + o.plate_number_id).length > 0){
  85. $("#" + o.plate_number_id).val(universalid);
  86. }
  87. if ($("#" + o.plate_number).length > 0){
  88. $("#" + o.plate_number).val(plate_number);
  89. }
  90. if ($("#" + o.maintenance_mileage).length > 0){
  91. $("#" + o.maintenance_mileage).val(initial_range);
  92. }
  93. dialog.close();
  94. $(".l-dialog-win").remove();
  95. }
  96. }, {
  97. text : '取消',
  98. onclick : function(item, dialog) {
  99. dialog.close();
  100. $(".l-dialog-win").remove();
  101. }
  102. } ],
  103. name : "listDialog"
  104. });
  105. }
  106. //导出车辆维保统计报表excel
  107. function exportExcel(type){
  108. var start_time= document.getElementById("start_time");
  109. var end_time= document.getElementById("end_time");
  110. if(start_time.value != "" && typeof (start_time.value) != "undefined"){
  111. if(end_time.value != "" && typeof (end_time.value) != "undefined"){
  112. var a = $("#start_time").val();
  113. var b = $("#end_time").val();
  114. var ar = a.split(" ");
  115. var arr = ar[0].split("-");
  116. var arr2 = ar[1].split(":");
  117. var starttime = new Date(arr[0], arr[1], arr[2], arr2[0], arr2[1]);
  118. var starttimes = starttime.getTime();
  119. var ars = b.split(" ");
  120. var arrs = ars[0].split("-");
  121. var arrs2 = ars[1].split(":");
  122. var lktime = new Date(arrs[0], arrs[1], arrs[2] ,arrs2[0], arrs2[1]);
  123. var lktimes = lktime.getTime();
  124. if (starttimes > lktimes) {
  125. $.ligerDialog.alert('开始日期不能大于结束日期!', '提示', 'warn');
  126. return false;
  127. }
  128. }
  129. }
  130. $("#task").val("");
  131. $("#task").val("exportExcelMaintenance");
  132. $("#report").submit();
  133. }
  134. //生成车辆维保统计报表
  135. function createReportMoney(){
  136. var start_time= document.getElementById("start_time");
  137. var end_time= document.getElementById("end_time");
  138. if(start_time.value != "" && typeof (start_time.value) != "undefined"){
  139. if(end_time.value != "" && typeof (end_time.value) != "undefined"){
  140. var a = $("#start_time").val();
  141. var b = $("#end_time").val();
  142. var ar = a.split(" ");
  143. var arr = ar[0].split("-");
  144. var arr2 = ar[1].split(":");
  145. var starttime = new Date(arr[0], arr[1], arr[2], arr2[0], arr2[1]);
  146. var starttimes = starttime.getTime();
  147. var ars = b.split(" ");
  148. var arrs = ars[0].split("-");
  149. var arrs2 = ars[1].split(":");
  150. var lktime = new Date(arrs[0], arrs[1], arrs[2] ,arrs2[0], arrs2[1]);
  151. var lktimes = lktime.getTime();
  152. if (starttimes > lktimes) {
  153. $.ligerDialog.alert('开始日期不能大于结束日期!', '提示', 'warn');
  154. return false;
  155. }
  156. }
  157. }
  158. $("#task").val("");
  159. $("#task").val("createReportMaintenance");
  160. $("#report").submit();
  161. }
  162. function refresh(obj){
  163. if(obj == "1"){
  164. parent.location.reload();
  165. }
  166. }
  167. </script>
  168. <style type="text/css">
  169. body {
  170. background: #fff;
  171. }
  172. </style>
  173. </head>
  174. <body style="background: none; overflow: hidden;" ontouchmove="event.preventDefault();">
  175. <%@ include file="/include/message.jsp"%>
  176. <form id="report" action="carStatisticReportAction.do" method="post" target="_blank">
  177. <div class="s_title b10 f6">
  178. <img src="/shares/images/master1/gg_ico.png" width="27" height="26" /> 车辆维保统计
  179. <div class="article_title">
  180. <input class="art_back" style="width: 50px;" title="返回" name="" onclick="history.back();" type="button" />
  181. <input type="button" class="l-button" style="width: 120px;" value="生成车辆维保报表" onclick="createReportMoney();"/>&nbsp;
  182. <input type="reset" class="l-button" style="width: 80px;" value="条件重置" />&nbsp;
  183. <input type="button" class="l-button" style="width: 100px;" value="导出Excel" onclick="exportExcel(2)"/> &nbsp;
  184. </div>
  185. </div>
  186. <div id="jp-container" class="jp-container liuyan">
  187. <div class="forum-container">
  188. <center>
  189. <table class="l-table-edit line">
  190. <tr>
  191. <th colspan="4" style="font-size: 25px; text-align: center;">
  192. 车辆维保统计报表查询
  193. </th>
  194. </tr>
  195. </table>
  196. <input type="hidden" id="task" name="task" value="">
  197. <input type="hidden" id="tabid" name="tabid" value="${requestScope.tabid}">
  198. </center>
  199. <div style="margin: 0; height: 350px; width: 500px;" class="forum-container">
  200. <ul style="width:100%; clear: both; padding: 10px 100px; border-color: red;"></ul>
  201. <ul style="width:100%; clear: both; padding: 10px 100px; border-color: red;">
  202. <li class="title" style="float: left; margin: 4px 0px; width: 80px; font-size: 13px; font-weight: bold;">车牌号:</li>
  203. <li style="float: left; margin: 4px 0px;">
  204. <input type="text" id="plate_number" name="plate_number" value="" readonly="readonly">
  205. <input type="hidden" id="plate_number_id" name="plate_number_id" value="">
  206. <input type="button" class="l-button" value="选择"
  207. onclick="chooseMaintenance({plate_number_id:'plate_number_id',plate_number:'plate_number',maintenance_mileage:'maintenance_mileage',oil_type:'oil_type'});" />
  208. </li>
  209. </ul>
  210. <ul style="width:100%; clear: both; padding: 10px 100px;">
  211. <li style="float: left; margin: 4px 0px; width: 80px; font-size: 13px; font-weight: bold;">所属车队:</li>
  212. <li style="float: left; margin: 4px 0px;">
  213. <input type = "text" id = "motorcade_names" name="motorcade_names" value="${motorcade.motorcade_name }">
  214. <input type = "hidden" id = "motorcade" nanme="motorcade" value="${motorcade.universalid }" >
  215. <%-- <select name="motorcade" id="motorcade" style="width: 130px;height: 20px;">
  216. <option value="">- 选择 -</option>
  217. <c:forEach items="${motorcades}" var="inforpubdict">
  218. <option value="${inforpubdict.universalid}" >${inforpubdict.motorcade_name}</option>
  219. </c:forEach>
  220. </select> --%>
  221. </li>
  222. </ul>
  223. <ul style="width:100%; clear: both; padding: 10px 100px;">
  224. <li style="float: left; margin: 4px 0px; width: 80px; font-size: 13px; font-weight: bold;">查询日期:</li>
  225. <li style="float: left; margin: 4px 0px;">
  226. <input type="text" id="start_time" name="start_time" value="">
  227. </li>
  228. <li style="float: left; margin: 4px 10px;">
  229. </li>
  230. <li style="float: left; margin: 4px 0px;">
  231. <input type="text" id="end_time" name="end_time" value="">
  232. </li>
  233. </ul>
  234. </div>
  235. </div>
  236. </div>
  237. </form>
  238. </body>
  239. </html>