backList.jsp 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  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 applyTypeObj = null;
  7. var reviewStatusObj = null;
  8. //保障类别
  9. $.ajax({
  10. type: "post",//使用post方法访问后台
  11. dataType: "json",//返回json格式的数据
  12. url: "aa10Action_listAa10All",//要访问的后台地址
  13. data:{"aa10.letter":"applyType" ,"aa10.name":"保障业务类别" },
  14. complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
  15. success: function(msg){//msg为返回的数据,在这里做数据绑定
  16. if(msg.success){
  17. applyTypeObj = msg.obj.rows;
  18. }
  19. }
  20. });
  21. $.ajax({
  22. type: "post",//使用post方法访问后台
  23. dataType: "json",//返回json格式的数据
  24. url: "aa10Action_listAa10All",//要访问的后台地址
  25. data:{"aa10.letter":"reviewStatus" ,"aa10.name":"审核状态" },
  26. complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
  27. success: function(msg){//msg为返回的数据,在这里做数据绑定
  28. if(msg.success){
  29. reviewStatusObj = msg.obj.rows;
  30. }
  31. }
  32. });
  33. /**用户显示区*/
  34. $(function() {
  35. $('#backDataGrid').datagrid({
  36. rownumbers:true,
  37. fit:true,
  38. pageSize:20,
  39. pageList : [ 10, 20, 30, 40, 50 ],
  40. fitColumns:false,
  41. border:false,
  42. sortOrder:'desc',
  43. pagination:true,
  44. idField:'id',
  45. url:whzl.basePath + '/securityPersonApply2Action_backList',
  46. toolbar:'#searchtool',
  47. nowrap:true,
  48. loadFilter:function(result){
  49. if(result.success){
  50. return result.obj;
  51. }else{
  52. $.messager.alert("提示",result.message);
  53. return ;
  54. }
  55. }
  56. });
  57. });
  58. /**查询*/
  59. function searchFun(){
  60. $("#backDataGrid").datagrid("load", {
  61. "securityPerson.name":$("#tblQuery").find("input[id='name']").val(),
  62. "securityPerson.idCard":$("#tblQuery").find("input[id='idCard']").val()
  63. });
  64. }
  65. /*清除查询条件**/
  66. function ClearQuery() {
  67. $("#tblQuery").find("input").val("");
  68. $("#tblQuery").find("select").val("-1");
  69. }
  70. var backFormatter = function(value , row , index){
  71. if(row.applyId != '' && row.state != "-1"){
  72. return "<img src='<%=basePath%>/js/easyui/themes/itemicon/update.png' title='退回' onclick=annualBack(" + row.securityPersonId + "," + row.applyId + ") style='cursor:pointer'/>";
  73. }else{
  74. return "";
  75. }
  76. }
  77. function annualBack(id,applyId){
  78. $('#backDialog').dialog({
  79. buttons:[{
  80. text:"确认",
  81. iconCls : 'icon-ok',
  82. handler : function(){
  83. if($("#content_back").val() == ""){
  84. alert("退回说明不能为空!");
  85. }else{
  86. openwait("backDialog",100,100);
  87. $('#backForm').form('submit',
  88. {
  89. url : whzl.basePath+'/securityPersonApply2Action_backApply',
  90. success : function(result){
  91. var parseResult = $.parseJSON(result);
  92. if(parseResult.success){
  93. $('#backDataGrid').datagrid('clearSelections')
  94. $('#backDataGrid').datagrid('reload');
  95. $("#backDialog").dialog("close");
  96. closewait("backDialog");
  97. }else{
  98. $.messager.alert('提示',parseResult.message,'error');
  99. closewait("backDialog");
  100. }
  101. }
  102. }
  103. );
  104. }
  105. }
  106. },{
  107. text:"取消",
  108. iconCls : 'icon-cancel',
  109. handler : function(){
  110. $("#backDialog").dialog("close");
  111. }
  112. }],
  113. onLoad : function(){
  114. $("#id_back").val(id);
  115. $("#applyId_back").val(applyId);
  116. }
  117. })
  118. }
  119. var applyTypeFormatter = function(value , row , index){
  120. var applyType = "";
  121. for(var nItem = 0; nItem < applyTypeObj.length; nItem++ ){
  122. if(applyTypeObj[nItem].code == row.applyType){
  123. applyType = applyTypeObj[nItem].value;
  124. break;
  125. }
  126. }
  127. return applyType;
  128. }
  129. var stateFormatter = function(value , row , index){
  130. var state = "";
  131. for(var nItem = 0; nItem < reviewStatusObj.length; nItem++ ){
  132. if(reviewStatusObj[nItem].code == row.state){
  133. state = reviewStatusObj[nItem].value;
  134. }
  135. }
  136. return state;
  137. }
  138. var dateFormatter = function(value , row , index){
  139. return dealDate(value);
  140. }
  141. /**计算今天到结束时间的天数*/
  142. var countDay = function(time){
  143. var today = new Date();
  144. var endTime = new Date(time.replace(/\-/g, "/"));
  145. return parseInt(parseInt(today - endTime)/1000/60/60/24);
  146. }
  147. </script>
  148. <div class="easyui-layout" data-options="fit:true,border:false">
  149. <div data-options="region:'center',border:false">
  150. <div id="searchtool" data-options="region:'north' , border:false">
  151. <div class="clear"></div>
  152. <table id="tblQuery" style="width:100%;">
  153. <tr>
  154. <td align="right" style="width: 8%;"><span>姓名</span></td><td style="width: 10%;"><input id="name" name="securityPerson.name" type="text" style="width: 100px;"/></td>
  155. <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>
  156. <td align="left" style="width: 30%;" >
  157. <a href="javascript:searchFun();" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">查询</a>
  158. <a href="javascript:ClearQuery();" class="easyui-linkbutton" data-options="iconCls:'icon-emptied',plain:true">清空</a>
  159. </td>
  160. </tr>
  161. </table>
  162. <div class="clear"></div>
  163. </div>
  164. <table id="backDataGrid">
  165. <thead frozen="true">
  166. <tr>
  167. <th data-options="field:'id',checkbox:true,width:30">ID</th>
  168. <th data-options="field:'name',sortable:true,width:100 ">姓名</th>
  169. </tr>
  170. </thead>
  171. <thead>
  172. <tr>
  173. <th data-options="field:'idCard',sortable:true,width:140">身份证号</th>
  174. <th data-options="field:'applyType',sortable:true,width:140,formatter:applyTypeFormatter">保障类型</th>
  175. <th data-options="field:'houseRegister',sortable:true,width:140">所属街道</th>
  176. <th data-options="field:'address',sortable:true,width:140">房屋坐落</th>
  177. <th data-options="field:'houseEndTime',sortable:true,width:140,formatter:dateFormatter">到期时间</th>
  178. <th data-options="field:'state',sortable:true,width:150,formatter:stateFormatter">状态</th>
  179. <th data-options="field:'annualReview',align:'center',width:60,formatter:backFormatter">退回</th>
  180. </tr>
  181. </thead>
  182. </table>
  183. </div>
  184. </div>
  185. <div id="backDialog" data-options="title:'&nbsp;退回',width:400,height:220,modal:true,href:'<%=basePath %>/securityPersonApply2Action_back'">
  186. </div>
  187. <script type="text/javascript">
  188. <!--
  189. parent.$.messager.progress('close');
  190. //-->
  191. </script>