staffInfoView.jsp 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. <%@ page language="java" contentType="text/html;charset=GBK"
  2. pageEncoding="GBK"%>
  3. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  4. <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head>
  8. <title>员工管理</title>
  9. <link href="${pageContext.request.contextPath }/liger/lib/ligerUI/skins/${sessionScope.css}/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  10. <link href="${pageContext.request.contextPath }/main.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. <script type="text/javascript" src="/shares/js/constant.js"></script>
  14. <script type="text/javascript" src="/shares/js/common.js"></script>
  15. <script type="text/javascript">
  16. $(function (){
  17. //时间控件
  18. $("#register_time").ligerDateEditor({labelAlign: 'left', width:150});
  19. $("#probation_time").ligerDateEditor({labelAlign: 'left', width:150});
  20. $("#leaving_time").ligerDateEditor({labelAlign: 'left', width:150});
  21. tablePage();
  22. });
  23. var jsonObject;
  24. function params(){
  25. var cname= encodeURI($('#cname').val()) ;
  26. var register_time =$('#register_time').val();
  27. var probation_time =$('#probation_time').val();
  28. var leaving_time =$('#leaving_time').val();
  29. var education =$('#education').val();
  30. var status =$('#status').val();
  31. var person_status = $('#person_status').val();
  32. jsonObject = {"cname":cname,"register_time":register_time,"probation_time":probation_time,"leaving_time":leaving_time,"education":education,"status":status,"person_status":person_status};
  33. }
  34. function tablePage(){
  35. params();
  36. grid = $("#maingrid").ligerGrid({
  37. columns: [
  38. { display: '档案号', name: 'file_id', align: 'center', width: 120,frozen: true },
  39. { display: '姓名', name: 'cname', align: 'center', width: 100,frozen: true },
  40. { display: '性别', name: 'sex', align: 'center', width: 40,frozen: true },
  41. { display: '状态', name: 'status', align: 'center', width: 60},
  42. { display: '招聘类别', name: 'works_type', align: 'center', width: 60 },
  43. { display: '籍贯', name: 'native1', align: 'center', width: 100 },
  44. { display: '报到时间', name: 'register_time', align: 'center', width: 70 },
  45. { display: '试用日期', name: 'probation_time', align: 'center', width: 70},
  46. { display: '转正日期', name: 'full_time', align: 'center', width: 70},
  47. { display: '离职日期', name: 'leave_time', align: 'center', width: 70},
  48. { display: '学历', name: 'education', align: 'center', width: 100},
  49. { display: '毕业时间', name: 'gradu_time', align: 'center', width: 140},
  50. { display: '毕业院校', name: 'school', align: 'center', width: 200},
  51. { display: '专业', name: 'major', align: 'center', width: 200},
  52. { display: '身份证号', name: 'id_number', align: 'center', width: 200},
  53. { display: '联系方式', name: 'mobile_phone', align: 'center', width: 100},
  54. { display: '家属联系方式', name: 'family_phone', align: 'center', width: 100},
  55. { display: '银行卡号', name: 'card_id', align: 'center', width: 200},
  56. { display: '备注', name: 'remark', align: 'center', width: 300}
  57. ],
  58. rownumbers:true,
  59. parms:jsonObject,
  60. pageSize:20,
  61. pageParmName : 'p', //页索引参数名,(提交给服务器)
  62. pagesizeParmName : 'pSize', //页记录数参数名,(提交给服务器)
  63. url:'StaffInfoViewAction.do?task=page',
  64. width : '99.8%',
  65. height:'99%'
  66. });
  67. $("#pageloading").hide();
  68. }
  69. function exportexcel(){
  70. var cname= $('#cname').val();
  71. var register_time =$('#register_time').val();
  72. var probation_time =$('#probation_time').val();
  73. var leaving_time =$('#leaving_time').val();
  74. var education =$('#education').val();
  75. var status =$('#status').val();
  76. var person_status = $('#person_status').val();
  77. var action = "StaffInfoViewAction.do?task=export";
  78. action = action + "&cname="+cname+"&register_time="+register_time+"&probation_time="+probation_time+"&leaving_time="+leaving_time+"&education="+education+"&status="+status+"&person_status="+person_status;
  79. $("#exportExcelForm").attr("action", action).submit();
  80. }
  81. </script>
  82. </head>
  83. <body>
  84. <form action="" method="post" id="exportExcelForm">
  85. </form>
  86. <div class="default_search" style="margin-bottom: 0px;">
  87. <ul class="list_search">
  88. <li class="title">姓名:</li>
  89. <li class="text">
  90. <input type="text" id="cname" name="cname"/>
  91. </li>
  92. </ul>
  93. <ul class="list_search">
  94. <li class="title">状态:</li>
  95. <li class="text">
  96. <select id="person_status">
  97. <option value=""></option>
  98. <option value="1" >离职</option>
  99. <option value="5" >试用期</option>
  100. <option value="6" >转正</option>
  101. <option value="7" >离职中</option>
  102. <option value="8" >离职冻结</option>
  103. </select>
  104. </li>
  105. </ul>
  106. <ul class="list_search">
  107. <li class="title">报到时间:</li>
  108. <li class="text">
  109. <input type="text" id="register_time" name="register_time"/>
  110. </li>
  111. </ul>
  112. <ul class="list_search">
  113. <li class="title">试用时间:</li>
  114. <li class="text">
  115. <input type="text" id="probation_time" name="probation_time"/>
  116. </li>
  117. </ul>
  118. <ul class="list_search">
  119. <li class="title">离职时间:</li>
  120. <li class="text">
  121. <input type="text" id="leaving_time" name="leaving_time"/>
  122. </li>
  123. </ul>
  124. <ul class="list_search">
  125. <li class="title">学历:</li>
  126. <li class="text">
  127. <select id="education">
  128. <option value=""></option>
  129. <option value="1" >本科</option>
  130. <option value="2" >研究生</option>
  131. <option value="3" >博士</option>
  132. <option value="4" >专科</option>
  133. <option value="5" >其他</option>
  134. </select>
  135. </li>
  136. </ul>
  137. <ul class="">
  138. <li class="title" style="">
  139. <input type="button" value="查询" class="l-button" onclick="tablePage()"/>
  140. </li>
  141. <li class="title" style="">
  142. <input type="button" value="导出Excel " class="l-button" onclick="exportexcel();"/>
  143. </li>
  144. </ul>
  145. </div>
  146. <div style="width: 100%; overflow: hidden; clear: both;">
  147. <div id="maingrid"></div>
  148. </div>
  149. </body>
  150. </html>