hxhbtjpro.jsp 10.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <!DOCTYPE html>
  4. <html lang="en">
  5. <head>
  6. <meta charset="utf-8">
  7. <title>江苏省港口建设与经营管理信息系统</title>
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <%@ include file="../../common.jsp"%>
  10. <script type="text/javascript" src="${app }/static/biz/js/gkyxtjyfx/hxhbtj/hxhbtjmain.js"></script>
  11. <script type="text/javascript">
  12. $(document).ready(function () {
  13. $('.dqztselectpicker').selectpicker({
  14. width:'80%'
  15. });
  16. iFrameHeightIframe('${menuid}');//自适应高度
  17. sum();
  18. });
  19. function searchMain(){
  20. $('#flag').val("");
  21. $("#hxhbtjproform").submit();
  22. }
  23. function tjMain(){
  24. $('#flag').val(1);
  25. $("#hxhbtjproform").submit();
  26. }
  27. function view(id){
  28. location.href=$.app+"/hxhbtjpro/view?id="+id;
  29. }
  30. function edit(data){
  31. location.href=$.app+"/hxhbtjpro/edit?id="+data;
  32. }
  33. function saveMain(){
  34. if(isEmpty($('#rq').val())){
  35. $.alert({
  36. title: '提示',
  37. content: '日期不能为空!',
  38. });
  39. return false;
  40. }
  41. $(".btn").attr("disabled",true);
  42. $.ajax({
  43. url:$.app+"/hxhbtjpro/saveMain",
  44. data:$("#hxhbtjproform").serialize(),
  45. type:"post",
  46. dataType:"json",
  47. success:function(data){//ajax返回的数据
  48. if (data.success) {
  49. $.alert({
  50. title: '提示',
  51. content: '操作成功',
  52. confirm: function(){
  53. location.href=$.app+'/hxhbtjpro/main';
  54. }
  55. });
  56. }else {
  57. $.alert({
  58. title: '提示',
  59. content: data.message,
  60. confirm: function(){
  61. $(".btn").attr("disabled",false);
  62. }
  63. });
  64. }
  65. }
  66. });
  67. }
  68. function sum(){
  69. var total =0;
  70. $("input[name=yyhxts]").each(function(){
  71. total = total + parseFloat($(this).val())
  72. });
  73. $('#a1').val(total.toFixed(1));
  74. var total2 =0;
  75. $("input[name=yyhxhbs]").each(function(){
  76. total2 = total2 + parseFloat($(this).val())
  77. });
  78. $('#a2').val(total2.toFixed(1));
  79. var total3 =0;
  80. $("input[name=jyhxts]").each(function(){
  81. total3 = total3 + parseFloat($(this).val())
  82. });
  83. $('#a3').val(total3.toFixed(1));
  84. var total4 =0;
  85. $("input[name=jyhxhbs]").each(function(){
  86. total4 = total4 + parseFloat($(this).val())
  87. });
  88. $('#a4').val(total4.toFixed(1));
  89. var total5 =0;
  90. $("input[name=nzxts]").each(function(){
  91. total5 = total5 + parseFloat($(this).val())
  92. });
  93. $('#a5').val(total5.toFixed(1));
  94. var total6 =0;
  95. $("input[name=nzxhbs]").each(function(){
  96. total6 = total6 + parseFloat($(this).val())
  97. });
  98. $('#a6').val(total6.toFixed(1));
  99. var total7 =0;
  100. $("input[name=nmhxts]").each(function(){
  101. total7 = total7 + parseFloat($(this).val())
  102. });
  103. $('#a7').val(total7.toFixed(1));
  104. var total8 =0;
  105. $("input[name=nmhxhbs]").each(function(){
  106. total8 = total8 + parseFloat($(this).val())
  107. });
  108. $('#a8').val(total8.toFixed(1));
  109. }
  110. </script>
  111. </head>
  112. <body>
  113. <div class="box" >
  114. <div class="box-content">
  115. <h1 align="center" style="margin-top:0px;"><font style="font-size:25px;color:#196794;font-family:微软雅黑;font-weight: bold;">全省港口集装箱航线航班月度统计表(${rq }月)</font></h1>
  116. <form action="${app }/hxhbtjpro/main" id="hxhbtjproform" method="post">
  117. <input type="hidden" name="menuid" value="${menuid }">
  118. <input type="hidden" name="flag" value="" id="flag">
  119. <div>
  120. <table class="search_table" cellpadding="0" cellspacing="0">
  121. <tr>
  122. <th width="10%"></th>
  123. <th width="24%"></th>
  124. <th width="10%"></th>
  125. <th width="24%"></th>
  126. <th width="10%"></th>
  127. <th width="22%"></th>
  128. </tr>
  129. <tr>
  130. <td class="right">
  131. 所在地区:&nbsp;
  132. </td>
  133. <td>
  134. <select class='dqztselectpicker' id="dq" name="dq">
  135. <option ></option>
  136. <c:forEach items="${clist}" var="list" varStatus="status">
  137. <option value="${list.id }" <c:if test="${dq == list.id }">selected</c:if>>${list.text }</option>
  138. </c:forEach>
  139. </select>
  140. </td>
  141. <td class="right">
  142. 日期:&nbsp;
  143. </td>
  144. <td>
  145. <input class="Wdate" id="rq" name="rq" value="${rq }" type="text" onFocus="WdatePicker({lang:'zh-cn',skin:'default',dateFmt:'yyyy-MM'})">
  146. </td>
  147. <td class="right" >
  148. <a class="btn btn-default btn-sm" href="#" onclick="searchMain()">
  149. <i class="glyphicon glyphicon-search"></i>查询
  150. </a>
  151. <c:if test="${dq == null}">
  152. <a class="btn btn-default btn-sm" href="#" onclick="tjMain()">
  153. <i class="glyphicon glyphicon-list-alt"></i>统计
  154. </a>
  155. <a class="btn btn-default btn-sm" href="#" onclick="saveMain()">
  156. <i class="glyphicon glyphicon-floppy-disk"></i>保存
  157. </a>
  158. </c:if>
  159. </td>
  160. </tr>
  161. </table>
  162. </div>
  163. <!-- 列表 -->
  164. <c:if test="${dq == null}">
  165. <div style="background-color:#f4f4f4;">
  166. <table class="main_table" cellpadding="0" cellspacing="0">
  167. <tr>
  168. <th width="10%" rowspan="2">地区</th>
  169. <th width="20%" colspan="2">远洋航线</th>
  170. <th width="20%" colspan="2">近洋航线</th>
  171. <th width="20%" colspan="2">外贸内支线</th>
  172. <th width="20%" colspan="2">内贸航线</th>
  173. </tr>
  174. <tr>
  175. <th>航线</th>
  176. <th>航班</th>
  177. <th>航线</th>
  178. <th>航班</th>
  179. <th>航线</th>
  180. <th>航班</th>
  181. <th>航线</th>
  182. <th>航班</th>
  183. </tr>
  184. <c:forEach items="${volist}" var="volist" varStatus="status">
  185. <tr>
  186. <td><input type="hidden" name="szd" value="${volist.id}">${volist.szd }</td>
  187. <td><input type="text" name="yyhxts" value='${volist.yyhxts }' onblur="sum()" onkeyup="value=value.replace(/[^\-?\d.]/g,'')"></td>
  188. <td><input type="text" name="yyhxhbs" value='${volist.yyhxhbs }' onblur="sum()" onkeyup="value=value.replace(/[^\-?\d.]/g,'')"></td>
  189. <td><input type="text" name="jyhxts" value='${volist.jyhxts }' onblur="sum()" onkeyup="value=value.replace(/[^\-?\d.]/g,'')"></td>
  190. <td><input type="text" name="jyhxhbs" value='${volist.jyhxhbs }' onblur="sum()" onkeyup="value=value.replace(/[^\-?\d.]/g,'')"></td>
  191. <td><input type="text" name="nzxts" value='${volist.nzxts }' onblur="sum()" onkeyup="value=value.replace(/[^\-?\d.]/g,'')"></td>
  192. <td><input type="text" name="nzxhbs" value='${volist.nzxhbs }' onblur="sum()" onkeyup="value=value.replace(/[^\-?\d.]/g,'')"></td>
  193. <td><input type="text" name="nmhxts" value='${volist.nmhxts }' onblur="sum()" onkeyup="value=value.replace(/[^\-?\d.]/g,'')"></td>
  194. <td><input type="text" name="nmhxhbs" value='${volist.nmhxhbs }' onblur="sum()" onkeyup="value=value.replace(/[^\-?\d.]/g,'')"></td>
  195. </tr>
  196. </c:forEach>
  197. <tr >
  198. <td>合计</td>
  199. <td align="left"><input type="text" readonly="readonly" id="a1" value="${a1 }"></td>
  200. <td align="left"><input type="text" readonly="readonly" id="a2" value="${a2 }"></td>
  201. <td align="left"><input type="text" readonly="readonly" id="a3" value="${a3 }"></td>
  202. <td align="left"><input type="text" readonly="readonly" id="a4" value="${a4 }"></td>
  203. <td align="left"><input type="text" readonly="readonly" id="a5" value="${a5 }"></td>
  204. <td align="left"><input type="text" readonly="readonly" id="a6" value="${a6 }"></td>
  205. <td align="left"><input type="text" readonly="readonly" id="a7" value="${a7 }"></td>
  206. <td align="left"><input type="text" readonly="readonly" id="a8" value="${a8 }"></td>
  207. </tr>
  208. </table>
  209. </div>
  210. </c:if>
  211. <c:if test="${dq != null}">
  212. <!-- 列表 -->
  213. <div style="background-color:#f4f4f4;">
  214. <table class="main_table" cellpadding="0" cellspacing="0">
  215. <thead>
  216. <tr>
  217. <th width="5%">序号</th>
  218. <th width="10%">地区</th>
  219. <th width="20%">本月完成量</th>
  220. <th width="20%">本年累计量</th>
  221. <th width="20%">同比增长数(%)</th>
  222. <th width="20%">日期</th>
  223. <!-- <th width="15%">操作</th> -->
  224. </tr>
  225. </thead>
  226. <c:forEach items="${list}" var="list" varStatus="status">
  227. <tr >
  228. <td >${status.count }</td>
  229. <td >${list.dqzw }</td>
  230. <td >${list.bywcl }</td>
  231. <td >${list.bnljl }</td>
  232. <td >${list.tbzzs }</td>
  233. <td >${list.rq }</td>
  234. <%-- <td class="operatetd">
  235. <a class="btn btn-default btn-xs" href="#" onclick="view('${list.id}')" title="查看">
  236. <i class="glyphicon glyphicon-search"></i>
  237. </a>
  238. <a class="btn btn-default btn-xs" href="#" onclick="edit('${list.id}')" title="编辑">
  239. <i class="glyphicon glyphicon-pencil"></i>
  240. </a>
  241. </td> --%>
  242. </tr>
  243. </c:forEach>
  244. </table>
  245. </div>
  246. <!-- 分页 -->
  247. <jsp:include page="../../pageinfo.jsp"></jsp:include>
  248. </c:if>
  249. </form>
  250. </div>
  251. </div>
  252. </body>
  253. </html>