subsidiesPayableList_export.jsp 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
  2. <jsp:include page="../../common/include.jsp" />
  3. <% String basePath = request.getScheme()+ "://" + request.getServerName() + ":" +request.getServerPort() + request.getContextPath(); %>
  4. <script type="text/javascript"><!--
  5. //人员类别
  6. var personTypeObj = null;
  7. var personType_array = null;
  8. /**用户显示区*/
  9. $(function() {
  10. $('#subsidiesPayableDataGrid').datagrid({
  11. rownumbers:true,
  12. fit:true,
  13. pageSize:20,
  14. pageList : [ 10, 20, 30, 40, 50 ],
  15. border:false,
  16. fitColumns:false,
  17. pagination:true,
  18. url:whzl.basePath + '/subsidiesPayableAction_listSubsidiesPayable?state=5',
  19. toolbar:'#searchtool',
  20. checkOnSelect:true,
  21. selectOnCheck:true,
  22. loadFilter:function(result){
  23. if(result.success){
  24. return result.obj;
  25. }else{
  26. $.messager.alert("提示",result.message);
  27. return ;
  28. }
  29. }
  30. });
  31. //人员类别
  32. $.ajax({
  33. type: "post",//使用post方法访问后台
  34. dataType: "json",//返回json格式的数据
  35. url: "aa10Action_listAa10All",//要访问的后台地址
  36. data:{"aa10.letter":"personType" ,"aa10.name":"保障人员类别" },
  37. complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
  38. success: function(msg){//msg为返回的数据,在这里做数据绑定
  39. if(msg.success){
  40. personTypeObj = msg.obj.rows;
  41. var select_arr = [];
  42. var data = personTypeObj;
  43. for(var nItem = 0; nItem < data.length; nItem++ ){
  44. if(data[nItem].value!='新就业' && data[nItem].value!='外来务工' ){
  45. select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
  46. }
  47. }
  48. personType_array = select_arr.join("");
  49. }
  50. }
  51. });
  52. });
  53. /**查询*/
  54. function searchFun(){
  55. $("#subsidiesPayableDataGrid").datagrid("load", {
  56. "subsidiesPayable.yearAndMonth":$("#tblQuery").find("input[id='yearAndMonth']").val(),
  57. "subsidiesPayable.securityPerson.name":$("#tblQuery").find("input[id='name']").val(),
  58. "subsidiesPayable.securityPerson.idCard":$("#tblQuery").find("input[id='idCard']").val()
  59. });
  60. }
  61. /*清除查询条件**/
  62. function ClearQuery() {
  63. $("#tblQuery").find("input").val("");
  64. $("#tblQuery").find("select").val("-1");
  65. }
  66. /**名称格式化*/
  67. var nameFormatter = function(value , row , index){
  68. return "<a href='javascript:' onclick=subsidiesPayableDetails('" + row.id + "','" + row.securityPerson.id + "')>"+row.securityPerson.name +"</a>";
  69. };
  70. /**身份证号格式化*/
  71. var idCardFormatter = function(value , row , index){
  72. return row.securityPerson.idCard;
  73. };
  74. var numFormatter = function(val,rowData,rowIndex){
  75. if(val!=null)
  76. return val.toFixed(2);
  77. }
  78. /**人员类别格式化*/
  79. var personTypeFormatter = function(value , row , index){
  80. var personType = "";
  81. for(var nItem = 0; nItem < personTypeObj.length; nItem++ ){
  82. if(personTypeObj[nItem].code == row.securityPerson.personType){
  83. personType = personTypeObj[nItem].value;
  84. break;
  85. }
  86. }
  87. return personType;
  88. };
  89. function subsidiesPayableExport(){
  90. searchFun();
  91. var params = encodeURI("subsidiesPayable.securityPerson.name="+$("#tblQuery").find("input[id='name']").val()+
  92. "&subsidiesPayable.securityPerson.idCard="+$("#tblQuery").find("input[id='idCard']").val()+
  93. "&subsidiesPayable.yearAndMonth="+$("#tblQuery").find("input[id='yearAndMonth']").val()
  94. );
  95. window.location.href = whzl.basePath+"/subsidiesPayableAction_export?"+params;
  96. }
  97. --></script>
  98. <div class="easyui-layout" data-options="fit:true,border:false">
  99. <div data-options="region:'center',border:false">
  100. <div id="searchtool" data-options="region:'north' , border:false">
  101. <div class="clear"></div>
  102. <table id="tblQuery" style="width:100%;">
  103. <tr>
  104. <td align="right" style="width: 10%;"><span>姓名</span></td><td style="width: 10%;"><input id="name" name="securityPerson.name" type="text" style="width: 100px;"/></td>
  105. <td align="right" style="width: 6%;"><span>身份证号</span></td><td style="width: 10%;"><input id="idCard" name="securityPerson.idCard" type="text" style="width: 140px;"/></td>
  106. <td align="right" style="width: 7%;"><span>供应年月</span></td><td style="width: 18%;">
  107. <input type="text" id="yearAndMonth" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM'})" class="Wdate"/>
  108. </td>
  109. <td align="left" style="width: 39%;">
  110. <a href="javascript:searchFun();" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">查询</a>
  111. <a href="javascript:ClearQuery();" class="easyui-linkbutton" data-options="iconCls:'icon-emptied',plain:true">清空</a>
  112. <a href="javascript:subsidiesPayableExport();" class="easyui-linkbutton" data-options="iconCls:'icon-print',plain:true">导出</a>
  113. </td>
  114. </tr>
  115. </table>
  116. <div class="clear"></div>
  117. </div>
  118. <table id="subsidiesPayableDataGrid">
  119. <thead frozen="true">
  120. <tr>
  121. <th data-options="field:'id',checkbox:true,width:30">ID</th>
  122. <th data-options="field:'name',sortable:true,width:55,formatter:nameFormatter">姓名</th>
  123. <th data-options="field:'idCard',sortable:true,width:140,formatter:idCardFormatter">身份证号</th>
  124. <th data-options="field:'bankAccount',sortable:true,width:140">银行账号</th>
  125. </tr>
  126. </thead>
  127. <thead>
  128. <tr>
  129. <th data-options="field:'yearAndMonth',align:'center',width:60">供应年月</th>
  130. <th data-options="field:'subsidyMoney',align:'center',width:80,formatter:numFormatter">应发金额</th>
  131. <th data-options="field:'securityNum',align:'center',width:80">保障人口数量</th>
  132. <th data-options="field:'personType',align:'center',sortable:true,width:90,formatter:personTypeFormatter">人员类别</th>
  133. <th data-options="field:'accountMoney',align:'center',sortable:true,width:80,formatter:numFormatter">账户余额</th>
  134. </tr>
  135. </thead>
  136. </table>
  137. </div>
  138. </div>
  139. <script type="text/javascript">
  140. <!--
  141. parent.$.messager.progress('close');
  142. //-->
  143. </script>