staff_edit.jsp 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  3. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  4. <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
  5. <%
  6. String path = request.getContextPath();
  7. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  8. %>
  9. <!DOCTYPE html>
  10. <html lang="en">
  11. <head>
  12. <base href="<%=basePath%>">
  13. <script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
  14. <!-- jsp文件头和头部 -->
  15. <%@ include file="../../system/index/top.jsp"%>
  16. <!-- 日期框 -->
  17. <link rel="stylesheet" href="static/ace/css/datepicker.css" />
  18. <!-- 树形下拉框start -->
  19. <script type="text/javascript" src="plugins/selectZtree/selectTree.js"></script>
  20. <script type="text/javascript" src="plugins/selectZtree/framework.js"></script>
  21. <link rel="stylesheet" type="text/css" href="plugins/selectZtree/import_fh.css"/>
  22. <script type="text/javascript" src="plugins/selectZtree/ztree/ztree.js"></script>
  23. <link type="text/css" rel="stylesheet" href="plugins/selectZtree/ztree/ztree.css"></link>
  24. <!-- 树形下拉框end -->
  25. </head>
  26. <body class="no-skin">
  27. <!-- /section:basics/navbar.layout -->
  28. <div class="main-container" id="main-container">
  29. <!-- /section:basics/sidebar -->
  30. <div class="main-content">
  31. <div class="main-content-inner">
  32. <div class="page-content">
  33. <div class="row">
  34. <div class="col-xs-12">
  35. <form action="staff/${msg }.do" name="Form" id="Form" method="post">
  36. <input type="hidden" name="STAFF_ID" id="STAFF_ID" value="${pd.STAFF_ID}"/>
  37. <div id="zhongxin" style="padding-top: 13px;">
  38. <table id="table_report" class="table table-striped table-bordered table-hover">
  39. <tr>
  40. <td style="width:75px;text-align: right;padding-top: 13px;">姓名:</td>
  41. <td><input type="text" name="NAME" id="NAME" value="${pd.NAME}" maxlength="50" placeholder="这里输入姓名" title="姓名" style="width:98%;"/></td>
  42. <td style="width:75px;text-align: right;padding-top: 13px;">性别:</td>
  43. <td>
  44. <select name="SEX" id="SEX" style="width:98%;">
  45. <option <c:if test="${pd.SEX == '男'}">selected</c:if>>男</option>
  46. <option <c:if test="${pd.SEX == '女'}">selected</c:if>>女</option>
  47. </select>
  48. </td>
  49. <td style="width:75px;text-align: right;padding-top: 13px;">出生日期:</td>
  50. <td><input class="span10 date-picker" name="BIRTHDAY" id="BIRTHDAY" value="${pd.BIRTHDAY}" type="text" data-date-format="yyyy-mm-dd" readonly="readonly" placeholder="出生日期" title="出生日期" style="width:98%;"/></td>
  51. </tr>
  52. <tr>
  53. <td style="width:75px;text-align: right;padding-top: 13px;">英文:</td>
  54. <td><input type="text" name="NAME_EN" id="NAME_EN" value="${pd.NAME_EN}" maxlength="50" placeholder="这里输入英文" title="英文" style="width:98%;"/></td>
  55. <td style="width:75px;text-align: right;padding-top: 13px;">婚否:</td>
  56. <td>
  57. <select name="MARITAL" id="MARITAL" style="width:98%;">
  58. <option <c:if test="${pd.MARITAL == '未婚'}">selected</c:if>>未婚</option>
  59. <option <c:if test="${pd.MARITAL == '已婚'}">selected</c:if>>已婚</option>
  60. </select>
  61. </td>
  62. <td style="width:75px;text-align: right;padding-top: 13px;">政治面貌:</td>
  63. <td><input type="text" name="POLITICAL" id="POLITICAL" value="${pd.POLITICAL}" maxlength="30" placeholder="这里输入政治面貌" title="政治面貌" style="width:98%;"/></td>
  64. </tr>
  65. <tr>
  66. <td style="width:75px;text-align: right;padding-top: 13px;">员工编号:</td>
  67. <td><input type="text" name="BIANMA" id="BIANMA" value="${pd.BIANMA}" maxlength="100" placeholder="这里输入编码" title="编码" style="width:98%;"/></td>
  68. <td style="width:75px;text-align: right;padding-top: 13px;">民族:</td>
  69. <td><input type="text" name="NATION" id="NATION" value="${pd.NATION}" maxlength="10" placeholder="这里输入民族" title="民族" style="width:98%;"/></td>
  70. <td style="width:75px;text-align: right;padding-top: 13px;">入团时间:</td>
  71. <td><input class="span10 date-picker" name="PJOINTIME" id="PJOINTIME" value="${pd.PJOINTIME}" type="text" data-date-format="yyyy-mm-dd" readonly="readonly" placeholder="入团时间" title="入团时间" style="width:100%;"/></td>
  72. </tr>
  73. <tr>
  74. <td style="width:75px;text-align: right;padding-top: 13px;">身份证号:</td>
  75. <td colspan="10"><input type="text" name="SFID" id="SFID" value="${pd.SFID}" maxlength="20" placeholder="这里输入身份证号" title="身份证号" style="width:98%;"/></td>
  76. </tr>
  77. </table>
  78. <table id="table_report" class="table table-striped table-bordered table-hover">
  79. <tr>
  80. <td style="width:75px;text-align: right;padding-top: 13px;">所在部门:</td>
  81. <td>
  82. <input type="hidden" name="DEPARTMENT_ID" id="DEPARTMENT_ID" value="${pd.DEPARTMENT_ID}"/>
  83. <div class="selectTree" id="selectTree"></div>
  84. </td>
  85. <td style="width:75px;text-align: right;padding-top: 13px;">所在岗位:</td>
  86. <td><input type="text" name="POST" id="POST" value="${pd.POST}" maxlength="30" placeholder="这里输入现岗位" title="现岗位" style="width:98%;"/></td>
  87. <td style="width:75px;text-align: right;padding-top: 13px;">岗位类别:</td>
  88. <td><input type="text" name="JOBTYPE" id="JOBTYPE" value="${pd.JOBTYPE}" maxlength="30" placeholder="这里输入岗位类别" title="岗位类别" style="width:98%;"/></td>
  89. </tr>
  90. <tr>
  91. <td style="width:75px;text-align: right;padding-top: 13px;">工作职责:</td>
  92. <td colspan="10"><input type="text" name="FUNCTIONS" id="FUNCTIONS" value="${pd.FUNCTIONS}" maxlength="255" placeholder="这里输入职责" title="职责" style="width:98%;"/></td>
  93. </tr>
  94. <tr>
  95. <td style="width:75px;text-align: right;padding-top: 13px;">工作时间:</td>
  96. <td><input class="span10 date-picker" name="JOBJOINTIME" id="JOBJOINTIME" value="${pd.JOBJOINTIME}" type="text" data-date-format="yyyy-mm-dd" readonly="readonly" placeholder="首次参加工作时间" title="参加工作时间" style="width:98%;"/></td>
  97. <td style="width:75px;text-align: right;padding-top: 13px;">入职时间:</td>
  98. <td><input class="span10 date-picker" name="DJOINTIME" id="DJOINTIME" value="${pd.DJOINTIME}" type="text" data-date-format="yyyy-mm-dd" readonly="readonly" placeholder="进本单位时间" title="进本单位时间" style="width:98%;"/></td>
  99. <td style="width:75px;text-align: right;padding-top: 13px;">上岗时间:</td>
  100. <td><input class="span10 date-picker" name="POJOINTIME" id="POJOINTIME" value="${pd.POJOINTIME}" type="text" data-date-format="yyyy-mm-dd" readonly="readonly" placeholder="上岗时间" title="上岗时间" style="width:98%;"/></td>
  101. </tr>
  102. </table>
  103. <table id="table_report" class="table table-striped table-bordered table-hover">
  104. <tr>
  105. <td style="width:75px;text-align: right;padding-top: 13px;">邮箱:</td>
  106. <td><input type="text" name="EMAIL" id="EMAIL" value="${pd.EMAIL}" maxlength="50" placeholder="这里输入邮箱" title="邮箱" style="width:98%;"/></td>
  107. <td style="width:75px;text-align: right;padding-top: 13px;">电话:</td>
  108. <td colspan="10"><input type="text" name="TEL" id="TEL" value="${pd.TEL}" maxlength="20" placeholder="这里输入电话" title="电话" style="width:98%;"/></td>
  109. </tr>
  110. <tr>
  111. <td style="width:75px;text-align: right;padding-top: 13px;">籍贯:</td>
  112. <td colspan="10"><input type="text" name="FADDRESS" id="FADDRESS" value="${pd.FADDRESS}" maxlength="100" placeholder="这里输入籍贯" title="籍贯" style="width:98%;"/></td>
  113. </tr>
  114. <tr>
  115. <td style="width:75px;text-align: right;padding-top: 13px;">现住址:</td>
  116. <td colspan="10"><input type="text" name="ADDRESS" id="ADDRESS" value="${pd.ADDRESS}" maxlength="100" placeholder="这里输入现住址" title="现住址" style="width:98%;"/></td>
  117. </tr>
  118. <tr>
  119. <td style="width:75px;text-align: right;padding-top: 13px;">毕业学校:</td>
  120. <td><input type="text" name="SCHOOL" id="SCHOOL" value="${pd.SCHOOL}" maxlength="30" placeholder="这里输入毕业学校" title="毕业学校" style="width:98%;"/></td>
  121. <td style="width:75px;text-align: right;padding-top: 13px;">最高学历:</td>
  122. <td><input type="text" name="EDUCATION" id="EDUCATION" value="${pd.EDUCATION}" maxlength="10" placeholder="这里输入学历" title="学历" style="width:98%;"/></td>
  123. <td style="width:75px;text-align: right;padding-top: 13px;">专业:</td>
  124. <td><input type="text" name="MAJOR" id="MAJOR" value="${pd.MAJOR}" maxlength="30" placeholder="这里输入专业" title="专业" style="width:98%;"/></td>
  125. </tr>
  126. <tr>
  127. <td style="width:75px;text-align: right;padding-top: 13px;">职业职称:</td>
  128. <td><input type="text" name="FTITLE" id="FTITLE" value="${pd.FTITLE}" maxlength="30" placeholder="这里输入职称" title="职称" style="width:98%;"/></td>
  129. <td style="width:75px;text-align: right;padding-top: 13px;">资格证书:</td>
  130. <td colspan="10"><input type="text" name="CERTIFICATE" id="CERTIFICATE" value="${pd.CERTIFICATE}" maxlength="30" placeholder="这里输入职业资格证" title="职业资格证" style="width:98%;"/></td>
  131. </tr>
  132. <tr>
  133. <td style="width:75px;text-align: right;padding-top: 13px;">合同时长:</td>
  134. <td><input type="number" name="CONTRACTLENGTH" id="CONTRACTLENGTH" value="${pd.CONTRACTLENGTH}" maxlength="32" placeholder="输入劳动合同时长" title="劳动合同时长" style="width:86%;"/>&nbsp;年</td>
  135. <td style="width:75px;text-align: right;padding-top: 13px;">签订日期:</td>
  136. <td><input class="span10 date-picker" name="CSTARTTIME" id="CSTARTTIME" value="${pd.CSTARTTIME}" type="text" data-date-format="yyyy-mm-dd" readonly="readonly" placeholder="签订日期" title="签订日期" style="width:98%;"/></td>
  137. <td style="width:75px;text-align: right;padding-top: 13px;">终止日期:</td>
  138. <td><input class="span10 date-picker" name="CENDTIME" id="CENDTIME" value="${pd.CENDTIME}" type="text" data-date-format="yyyy-mm-dd" readonly="readonly" placeholder="终止日期" title="终止日期" style="width:98%;"/></td>
  139. </tr>
  140. </table>
  141. <table id="table_report" class="table table-striped table-bordered table-hover">
  142. <tr>
  143. <td style="width:75px;text-align: right;padding-top: 13px;">备注:</td>
  144. <td><input type="text" name="BZ" id="BZ" value="${pd.BZ}" maxlength="255" placeholder="这里输入备注" title="备注" style="width:98%;"/></td>
  145. </tr>
  146. <tr>
  147. <td style="text-align: center;" colspan="10">
  148. <a class="btn btn-mini btn-primary" onclick="save();">保存</a>
  149. <a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
  150. </td>
  151. </tr>
  152. </table>
  153. </div>
  154. <div id="zhongxin2" class="center" style="display:none"><br/><br/><br/><br/><br/><img src="static/images/jiazai.gif" /><br/><h4 class="lighter block green">提交中...</h4></div>
  155. </form>
  156. </div>
  157. <!-- /.col -->
  158. </div>
  159. <!-- /.row -->
  160. </div>
  161. <!-- /.page-content -->
  162. </div>
  163. </div>
  164. <!-- /.main-content -->
  165. </div>
  166. <!-- /.main-container -->
  167. <!-- 页面底部js¨ -->
  168. <%@ include file="../../system/index/foot.jsp"%>
  169. <!-- 日期框 -->
  170. <script src="static/ace/js/date-time/bootstrap-datepicker.js"></script>
  171. <!--提示框-->
  172. <script type="text/javascript" src="static/js/jquery.tips.js"></script>
  173. <script type="text/javascript">
  174. $(top.hangge());
  175. //保存
  176. function save(){
  177. if($("#NAME").val()==""){
  178. $("#NAME").tips({
  179. side:3,
  180. msg:'请输入姓名',
  181. bg:'#AE81FF',
  182. time:2
  183. });
  184. $("#NAME").focus();
  185. return false;
  186. }
  187. if($("#NAME_EN").val()==""){
  188. $("#NAME_EN").tips({
  189. side:3,
  190. msg:'请输入英文',
  191. bg:'#AE81FF',
  192. time:2
  193. });
  194. $("#NAME_EN").focus();
  195. return false;
  196. }
  197. if($("#BIANMA").val()==""){
  198. $("#BIANMA").tips({
  199. side:3,
  200. msg:'请输入编码',
  201. bg:'#AE81FF',
  202. time:2
  203. });
  204. $("#BIANMA").focus();
  205. return false;
  206. }
  207. if($("#DEPARTMENT_ID").val()==""){
  208. $("#DEPARTMENT_ID").tips({
  209. side:3,
  210. msg:'请输入部门',
  211. bg:'#AE81FF',
  212. time:2
  213. });
  214. $("#DEPARTMENT_ID").focus();
  215. return false;
  216. }
  217. if($("#FUNCTIONS").val()==""){
  218. $("#FUNCTIONS").tips({
  219. side:3,
  220. msg:'请输入职责',
  221. bg:'#AE81FF',
  222. time:2
  223. });
  224. $("#FUNCTIONS").focus();
  225. return false;
  226. }
  227. if($("#TEL").val()==""){
  228. $("#TEL").tips({
  229. side:3,
  230. msg:'请输入电话',
  231. bg:'#AE81FF',
  232. time:2
  233. });
  234. $("#TEL").focus();
  235. return false;
  236. }
  237. if($("#EMAIL").val()==""){
  238. $("#EMAIL").tips({
  239. side:3,
  240. msg:'请输入邮箱',
  241. bg:'#AE81FF',
  242. time:2
  243. });
  244. $("#EMAIL").focus();
  245. return false;
  246. }
  247. if($("#SEX").val()==""){
  248. $("#SEX").tips({
  249. side:3,
  250. msg:'请输入性别',
  251. bg:'#AE81FF',
  252. time:2
  253. });
  254. $("#SEX").focus();
  255. return false;
  256. }
  257. if($("#BIRTHDAY").val()==""){
  258. $("#BIRTHDAY").tips({
  259. side:3,
  260. msg:'请输入出生日期',
  261. bg:'#AE81FF',
  262. time:2
  263. });
  264. $("#BIRTHDAY").focus();
  265. return false;
  266. }
  267. if($("#NATION").val()==""){
  268. $("#NATION").tips({
  269. side:3,
  270. msg:'请输入民族',
  271. bg:'#AE81FF',
  272. time:2
  273. });
  274. $("#NATION").focus();
  275. return false;
  276. }
  277. if($("#JOBTYPE").val()==""){
  278. $("#JOBTYPE").tips({
  279. side:3,
  280. msg:'请输入岗位类别',
  281. bg:'#AE81FF',
  282. time:2
  283. });
  284. $("#JOBTYPE").focus();
  285. return false;
  286. }
  287. if($("#JOBJOINTIME").val()==""){
  288. $("#JOBJOINTIME").tips({
  289. side:3,
  290. msg:'请输入参加工作时间',
  291. bg:'#AE81FF',
  292. time:2
  293. });
  294. $("#JOBJOINTIME").focus();
  295. return false;
  296. }
  297. if($("#FADDRESS").val()==""){
  298. $("#FADDRESS").tips({
  299. side:3,
  300. msg:'请输入籍贯',
  301. bg:'#AE81FF',
  302. time:2
  303. });
  304. $("#FADDRESS").focus();
  305. return false;
  306. }
  307. if($("#POLITICAL").val()==""){
  308. $("#POLITICAL").tips({
  309. side:3,
  310. msg:'请输入政治面貌',
  311. bg:'#AE81FF',
  312. time:2
  313. });
  314. $("#POLITICAL").focus();
  315. return false;
  316. }
  317. if($("#PJOINTIME").val()==""){
  318. $("#PJOINTIME").tips({
  319. side:3,
  320. msg:'请输入入团时间',
  321. bg:'#AE81FF',
  322. time:2
  323. });
  324. $("#PJOINTIME").focus();
  325. return false;
  326. }
  327. if($("#SFID").val()==""){
  328. $("#SFID").tips({
  329. side:3,
  330. msg:'请输入身份证号',
  331. bg:'#AE81FF',
  332. time:2
  333. });
  334. $("#SFID").focus();
  335. return false;
  336. }
  337. if($("#MARITAL").val()==""){
  338. $("#MARITAL").tips({
  339. side:3,
  340. msg:'请输入婚姻状况',
  341. bg:'#AE81FF',
  342. time:2
  343. });
  344. $("#MARITAL").focus();
  345. return false;
  346. }
  347. if($("#DJOINTIME").val()==""){
  348. $("#DJOINTIME").tips({
  349. side:3,
  350. msg:'请输入进本单位时间',
  351. bg:'#AE81FF',
  352. time:2
  353. });
  354. $("#DJOINTIME").focus();
  355. return false;
  356. }
  357. if($("#POST").val()==""){
  358. $("#POST").tips({
  359. side:3,
  360. msg:'请输入现岗位',
  361. bg:'#AE81FF',
  362. time:2
  363. });
  364. $("#POST").focus();
  365. return false;
  366. }
  367. if($("#POJOINTIME").val()==""){
  368. $("#POJOINTIME").tips({
  369. side:3,
  370. msg:'请输入上岗时间',
  371. bg:'#AE81FF',
  372. time:2
  373. });
  374. $("#POJOINTIME").focus();
  375. return false;
  376. }
  377. if($("#EDUCATION").val()==""){
  378. $("#EDUCATION").tips({
  379. side:3,
  380. msg:'请输入学历',
  381. bg:'#AE81FF',
  382. time:2
  383. });
  384. $("#EDUCATION").focus();
  385. return false;
  386. }
  387. if($("#SCHOOL").val()==""){
  388. $("#SCHOOL").tips({
  389. side:3,
  390. msg:'请输入毕业学校',
  391. bg:'#AE81FF',
  392. time:2
  393. });
  394. $("#SCHOOL").focus();
  395. return false;
  396. }
  397. if($("#MAJOR").val()==""){
  398. $("#MAJOR").tips({
  399. side:3,
  400. msg:'请输入专业',
  401. bg:'#AE81FF',
  402. time:2
  403. });
  404. $("#MAJOR").focus();
  405. return false;
  406. }
  407. if($("#FTITLE").val()==""){
  408. $("#FTITLE").tips({
  409. side:3,
  410. msg:'请输入职称',
  411. bg:'#AE81FF',
  412. time:2
  413. });
  414. $("#FTITLE").focus();
  415. return false;
  416. }
  417. if($("#CERTIFICATE").val()==""){
  418. $("#CERTIFICATE").tips({
  419. side:3,
  420. msg:'请输入职业资格证',
  421. bg:'#AE81FF',
  422. time:2
  423. });
  424. $("#CERTIFICATE").focus();
  425. return false;
  426. }
  427. if($("#CONTRACTLENGTH").val()==""){
  428. $("#CONTRACTLENGTH").tips({
  429. side:3,
  430. msg:'请输入劳动合同时长',
  431. bg:'#AE81FF',
  432. time:2
  433. });
  434. $("#CONTRACTLENGTH").focus();
  435. return false;
  436. }
  437. if($("#CSTARTTIME").val()==""){
  438. $("#CSTARTTIME").tips({
  439. side:3,
  440. msg:'请输入签订日期',
  441. bg:'#AE81FF',
  442. time:2
  443. });
  444. $("#CSTARTTIME").focus();
  445. return false;
  446. }
  447. if($("#CENDTIME").val()==""){
  448. $("#CENDTIME").tips({
  449. side:3,
  450. msg:'请输入终止日期',
  451. bg:'#AE81FF',
  452. time:2
  453. });
  454. $("#CENDTIME").focus();
  455. return false;
  456. }
  457. if($("#ADDRESS").val()==""){
  458. $("#ADDRESS").tips({
  459. side:3,
  460. msg:'请输入现住址',
  461. bg:'#AE81FF',
  462. time:2
  463. });
  464. $("#ADDRESS").focus();
  465. return false;
  466. }
  467. if($("#BZ").val()==""){
  468. $("#BZ").tips({
  469. side:3,
  470. msg:'请输入备注',
  471. bg:'#AE81FF',
  472. time:2
  473. });
  474. $("#BZ").focus();
  475. return false;
  476. }
  477. $("#Form").submit();
  478. $("#zhongxin").hide();
  479. $("#zhongxin2").show();
  480. }
  481. $(function() {
  482. //日期框
  483. $('.date-picker').datepicker({autoclose: true,todayHighlight: true});
  484. });
  485. //下拉树
  486. var defaultNodes = {"treeNodes":${zTreeNodes}};
  487. function initComplete(){
  488. //绑定change事件
  489. $("#selectTree").bind("change",function(){
  490. if(!$(this).attr("relValue")){
  491. // top.Dialog.alert("没有选择节点");
  492. }else{
  493. //alert("选中节点文本:"+$(this).attr("relText")+"<br/>选中节点值:"+$(this).attr("relValue"));
  494. $("#DEPARTMENT_ID").val($(this).attr("relValue"));
  495. }
  496. });
  497. //赋给data属性
  498. $("#selectTree").data("data",defaultNodes);
  499. $("#selectTree").render();
  500. $("#selectTree2_input").val("${null==depname?'请选择':depname}");
  501. }
  502. </script>
  503. </body>
  504. </html>