hxhbtjpro.jsp 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289
  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 toExport(){
  34. var dq = document.getElementById('dq').value;
  35. var rq = document.getElementById('rq').value;
  36. var url = $.app+"/hxhbtjpro/export?dq="+dq+"&rq="+rq;
  37. $("#hxhbtjproform2").attr('action',url);
  38. $("#hxhbtjproform2").submit();
  39. }
  40. function saveMain(){
  41. if(isEmpty($('#rq').val())){
  42. $.alert({
  43. title: '提示',
  44. content: '日期不能为空!',
  45. });
  46. return false;
  47. }
  48. $(".btn").attr("disabled",true);
  49. $.ajax({
  50. url:$.app+"/hxhbtjpro/saveMain",
  51. data:$("#hxhbtjproform").serialize(),
  52. type:"post",
  53. dataType:"json",
  54. success:function(data){//ajax返回的数据
  55. if (data.success) {
  56. $.alert({
  57. title: '提示',
  58. content: '操作成功',
  59. confirm: function(){
  60. location.href=$.app+'/hxhbtjpro/main';
  61. }
  62. });
  63. }else {
  64. $.alert({
  65. title: '提示',
  66. content: data.message,
  67. confirm: function(){
  68. $(".btn").attr("disabled",false);
  69. }
  70. });
  71. }
  72. }
  73. });
  74. }
  75. function sum(){
  76. var total =0;
  77. $("input[name=yyhxts]").each(function(){
  78. total = total + parseFloat($(this).val())
  79. });
  80. $('#a1').val(total.toFixed(1));
  81. var total2 =0;
  82. $("input[name=yyhxhbs]").each(function(){
  83. total2 = total2 + parseFloat($(this).val())
  84. });
  85. $('#a2').val(total2.toFixed(1));
  86. var total3 =0;
  87. $("input[name=jyhxts]").each(function(){
  88. total3 = total3 + parseFloat($(this).val())
  89. });
  90. $('#a3').val(total3.toFixed(1));
  91. var total4 =0;
  92. $("input[name=jyhxhbs]").each(function(){
  93. total4 = total4 + parseFloat($(this).val())
  94. });
  95. $('#a4').val(total4.toFixed(1));
  96. var total5 =0;
  97. $("input[name=nzxts]").each(function(){
  98. total5 = total5 + parseFloat($(this).val())
  99. });
  100. $('#a5').val(total5.toFixed(1));
  101. var total6 =0;
  102. $("input[name=nzxhbs]").each(function(){
  103. total6 = total6 + parseFloat($(this).val())
  104. });
  105. $('#a6').val(total6.toFixed(1));
  106. var total7 =0;
  107. $("input[name=nmhxts]").each(function(){
  108. total7 = total7 + parseFloat($(this).val())
  109. });
  110. $('#a7').val(total7.toFixed(1));
  111. var total8 =0;
  112. $("input[name=nmhxhbs]").each(function(){
  113. total8 = total8 + parseFloat($(this).val())
  114. });
  115. $('#a8').val(total8.toFixed(1));
  116. }
  117. //所在地区不选时才显示导出按钮
  118. function checkDq(v){
  119. if(v){
  120. $("#id_export").css("display","none");
  121. }else{
  122. $("#id_export").css("display","");
  123. }
  124. }
  125. </script>
  126. </head>
  127. <body>
  128. <form action="${app }/hxhbtjpro/main" id="hxhbtjproform" method="post">
  129. <div class="box" >
  130. <div class="box-content" >
  131. <div class="searchdiv">
  132. <table class="search_table" cellpadding="0" cellspacing="0">
  133. <tr>
  134. <th width="10%"></th>
  135. <th width="24%"></th>
  136. <th width="10%"></th>
  137. <th width="24%"></th>
  138. <th width="10%"></th>
  139. <th width="22%"></th>
  140. </tr>
  141. <tr>
  142. <td class="right">
  143. 所在地区:&nbsp;
  144. </td>
  145. <td>
  146. <select class='dqztselectpicker' id="dq" name="dq" onchange="checkDq(this.value)">
  147. <option ></option>
  148. <c:forEach items="${clist}" var="list" varStatus="status">
  149. <option value="${list.id }" <c:if test="${dq == list.id }">selected</c:if>>${list.text }</option>
  150. </c:forEach>
  151. </select>
  152. </td>
  153. <td class="right">
  154. 日期:&nbsp;
  155. </td>
  156. <td>
  157. <input class="Wdate" id="rq" name="rq" value="${rq }" type="text" onFocus="WdatePicker({lang:'zh-cn',skin:'default',dateFmt:'yyyy-MM'})">
  158. </td>
  159. <td class="right" style="width:40%">
  160. <a class="btn btn-default btn-sm" href="#" onclick="searchMain()">
  161. <i class="glyphicon glyphicon-search"></i>查询
  162. </a>
  163. <c:if test="${dq == null}">
  164. <a class="btn btn-default btn-sm" href="#" onclick="tjMain()">
  165. <i class="glyphicon glyphicon-list-alt"></i>统计
  166. </a>
  167. <a class="btn btn-default btn-sm" href="#" onclick="saveMain()">
  168. <i class="glyphicon glyphicon-floppy-disk"></i>保存
  169. </a>
  170. </c:if>
  171. <a class="btn btn-default btn-sm" href="javascript:void(0)" onclick="toExport()" id="id_export">
  172. <i class="glyphicon glyphicon-list-alt"></i>导出
  173. </a>
  174. </td>
  175. </tr>
  176. </table>
  177. </div>
  178. <!-- 列表 -->
  179. <div style="background-color:#f4f4f4;">
  180. <!-- 列表 -->
  181. <c:if test="${dq == null}">
  182. <table class="main_table" cellpadding="0" cellspacing="0">
  183. <tr>
  184. <th width="12%" rowspan="2">地区</th>
  185. <th width="22%" colspan="2">远洋航线</th>
  186. <th width="22%" colspan="2">近洋航线</th>
  187. <th width="22%" colspan="2">外贸内支线</th>
  188. <th width="22%" colspan="2">内贸航线</th>
  189. </tr>
  190. <tr>
  191. <th>航线</th>
  192. <th>航班</th>
  193. <th>航线</th>
  194. <th>航班</th>
  195. <th>航线</th>
  196. <th>航班</th>
  197. <th>航线</th>
  198. <th>航班</th>
  199. </tr>
  200. <c:forEach items="${volist}" var="volist" varStatus="status">
  201. <tr>
  202. <td><input type="hidden" name="szd" value="${volist.id}">${volist.szd }</td>
  203. <td><input type="text" style="width: 80%" name="yyhxts" value='${volist.yyhxts }' onblur="sum()" onkeyup="num(this)"></td>
  204. <td><input type="text" style="width: 80%" name="yyhxhbs" value='${volist.yyhxhbs }' onblur="sum()" onkeyup="num(this)"></td>
  205. <td><input type="text" style="width: 80%" name="jyhxts" value='${volist.jyhxts }' onblur="sum()" onkeyup="num(this)"></td>
  206. <td><input type="text" style="width: 80%" name="jyhxhbs" value='${volist.jyhxhbs }' onblur="sum()" onkeyup="num(this)"></td>
  207. <td><input type="text" style="width: 80%" name="nzxts" value='${volist.nzxts }' onblur="sum()" onkeyup="num(this)"></td>
  208. <td><input type="text" style="width: 80%" name="nzxhbs" value='${volist.nzxhbs }' onblur="sum()" onkeyup="num(this)"></td>
  209. <td><input type="text" style="width: 80%" name="nmhxts" value='${volist.nmhxts }' onblur="sum()" onkeyup="num(this)"></td>
  210. <td><input type="text" style="width: 80%" name="nmhxhbs" value='${volist.nmhxhbs }' onblur="sum()" onkeyup="num(this)"></td>
  211. </tr>
  212. </c:forEach>
  213. <tr >
  214. <td>合计</td>
  215. <td align="left"><input type="text" style="width: 80%" readonly="readonly" id="a1" value="${a1 }"></td>
  216. <td align="left"><input type="text" style="width: 80%" readonly="readonly" id="a2" value="${a2 }"></td>
  217. <td align="left"><input type="text" style="width: 80%" readonly="readonly" id="a3" value="${a3 }"></td>
  218. <td align="left"><input type="text" style="width: 80%" readonly="readonly" id="a4" value="${a4 }"></td>
  219. <td align="left"><input type="text" style="width: 80%" readonly="readonly" id="a5" value="${a5 }"></td>
  220. <td align="left"><input type="text" style="width: 80%" readonly="readonly" id="a6" value="${a6 }"></td>
  221. <td align="left"><input type="text" style="width: 80%" readonly="readonly" id="a7" value="${a7 }"></td>
  222. <td align="left"><input type="text" style="width: 80%" readonly="readonly" id="a8" value="${a8 }"></td>
  223. </tr>
  224. </table>
  225. </c:if>
  226. <c:if test="${dq != null}">
  227. <!-- 列表 -->
  228. <table class="main_table" cellpadding="0" cellspacing="0">
  229. <thead>
  230. <tr>
  231. <th width="5%">序号</th>
  232. <th width="10%">地区</th>
  233. <th width="20%">本月完成量</th>
  234. <th width="20%">本年累计量</th>
  235. <th width="20%">同比增长数(%)</th>
  236. <th width="20%">日期</th>
  237. <!-- <th width="15%">操作</th> -->
  238. </tr>
  239. </thead>
  240. <c:forEach items="${list}" var="list" varStatus="status">
  241. <tr >
  242. <td >${status.count }</td>
  243. <td >${list.dqzw }</td>
  244. <td >${list.bywcl }</td>
  245. <td >${list.bnljl }</td>
  246. <td >${list.tbzzs }</td>
  247. <td >${list.rq }</td>
  248. <%-- <td class="operatetd">
  249. <a class="btn btn-default btn-xs" href="#" onclick="view('${list.id}')" title="查看">
  250. <i class="glyphicon glyphicon-search"></i>
  251. </a>
  252. <a class="btn btn-default btn-xs" href="#" onclick="edit('${list.id}')" title="编辑">
  253. <i class="glyphicon glyphicon-pencil"></i>
  254. </a>
  255. </td> --%>
  256. </tr>
  257. </c:forEach>
  258. </table>
  259. <!-- 分页 -->
  260. <jsp:include page="../../pageinfo.jsp"></jsp:include>
  261. </c:if>
  262. </div>
  263. </div>
  264. </div>
  265. </form>
  266. </body>
  267. </html>