userInfo.jsp 85 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/webpage/include/taglib.jsp" %>
  3. <html>
  4. <head>
  5. <title>个人信息</title>
  6. <meta name="decorator" content="default"/>
  7. <script type="text/javascript">
  8. $(document).ready(function () {
  9. if (navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)) {//如果是移动端,就使用自适应大小弹窗
  10. width = 'auto';
  11. height = 'auto';
  12. } else {//如果是PC端,根据用户设置的width和height显示。
  13. width = '500px';
  14. height = '350px';
  15. }
  16. $("#userPassWordBtn").click(function () {
  17. top.layer.open({
  18. type: 2,
  19. area: [width, height],
  20. title: "修改密码",
  21. content: "${ctx}/sys/user/modifyPwd",
  22. skin: "two-btns",
  23. btn: ['确定', '关闭'],
  24. yes: function (index, layero) {
  25. var body = top.layer.getChildFrame('body', index);
  26. var inputForm = $(body).find('#inputForm');
  27. var btn = body.find('#btnSubmit');
  28. var top_iframe = top.getActiveTab().attr("name");//获取当前active的tab的iframe
  29. inputForm.attr("target", top_iframe);//表单提交成功后,从服务器返回的url在当前tab中展示
  30. inputForm.validate({
  31. rules: {},
  32. messages: {
  33. confirmNewPassword: {equalTo: "输入与上面相同的密码"}
  34. },
  35. submitHandler: function (form) {
  36. loading('正在提交,请稍等...');
  37. form.submit();
  38. },
  39. errorContainer: "#messageBox",
  40. errorPlacement: function (error, element) {
  41. $("#messageBox").text("输入有误,请先更正。");
  42. if (element.is(":checkbox") || element.is(":radio") || element.parent().is(".input-append")) {
  43. error.appendTo(element.parent().parent());
  44. } else {
  45. error.insertAfter(element);
  46. }
  47. }
  48. });
  49. if (inputForm.valid()) {
  50. loading("正在提交,请稍等...");
  51. inputForm.submit();
  52. top.layer.close(index);//关闭对话框。
  53. } else {
  54. return;
  55. }
  56. },
  57. cancel: function (index) {
  58. }
  59. });
  60. });
  61. /**
  62. * 更换手机号
  63. */
  64. $("#userMobileBtn").click(function () {
  65. top.layer.open({
  66. type: 2,
  67. area: [width, height],
  68. title: "更换手机号",
  69. content: "${ctx}/sys/user/modifyMobo",
  70. skin: "two-btns",
  71. btn: ['确定', '关闭'],
  72. yes: function (index, layero) {
  73. var body = top.layer.getChildFrame('body', index);
  74. var inputForm = $(body).find('#inputForm');
  75. var btn = body.find('#btnSubmit');
  76. var top_iframe = top.getActiveTab().attr("name");//获取当前active的tab的iframe
  77. inputForm.attr("target", top_iframe);//表单提交成功后,从服务器返回的url在当前tab中展示
  78. if (inputForm.valid()) {
  79. loading("正在提交,请稍等...");
  80. inputForm.submit();
  81. top.layer.close(index);//关闭对话框。
  82. } else {
  83. return;
  84. }
  85. },
  86. cancel: function (index) {
  87. }
  88. });
  89. });
  90. $("#userInfoBtn").click(function () {
  91. top.layer.open({
  92. type: 2,
  93. area: [width, height],
  94. title: "个人信息编辑",
  95. content: "${ctx}/sys/user/infoEdit",
  96. btn: ['确定', '关闭'],
  97. skin: "two-btns",
  98. yes: function (index, layero) {
  99. var body = top.layer.getChildFrame('body', index);
  100. var inputForm = $(body).find('#inputForm');
  101. var top_iframe = top.getActiveTab().attr("name");//获取当前active的tab的iframe
  102. inputForm.attr("target", top_iframe);//表单提交成功后,从服务器返回的url在当前tab中展示
  103. inputForm.validate();
  104. if (inputForm.valid()) {
  105. loading("正在提交,请稍等...");
  106. inputForm.submit();
  107. } else {
  108. return;
  109. }
  110. top.layer.close(index);//关闭对话框。
  111. },
  112. cancel: function (index) {
  113. }
  114. });
  115. });
  116. $("#userImageBtn").click(function () {
  117. top.layer.open({
  118. type: 2,
  119. area: [width, height],
  120. title: "上传头像",
  121. content: "${ctx}/sys/user/imageEdit", // btn: ['确定', '关闭'],
  122. yes: function (index, layero) {
  123. var body = top.layer.getChildFrame('body', index);
  124. var inputForm = body.find('#inputForm');
  125. var top_iframe = top.getActiveTab().attr("name");//获取当前active的tab的iframe
  126. inputForm.attr("target", top_iframe);//表单提交成功后,从服务器返回的url在当前tab中展示
  127. inputForm.validate();
  128. if (inputForm.valid()) {
  129. loading("正在提交,请稍等...");
  130. inputForm.submit();
  131. } else {
  132. return;
  133. }
  134. top.layer.close(index);//关闭对话框。
  135. },
  136. cancel: function (index) {
  137. }
  138. });
  139. });
  140. });
  141. function openDialog(title,url,width,height,target) {
  142. $.ajax({
  143. type:'post',
  144. url:'${ctx}/workstaff/workStaffBasicInfo/getApply',
  145. success:function(data) {
  146. if(data){
  147. parent.layer.msg("修改申请正在审核中!", {icon: 5});
  148. return false;
  149. }else{
  150. if (navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)) {//如果是移动端,就使用自适应大小弹窗
  151. width = 'auto';
  152. height = 'auto';
  153. } else {//如果是PC端,根据用户设置的width和height显示。
  154. }
  155. top.layer.open({
  156. type: 2,
  157. area: [width, height],
  158. title: title,
  159. maxmin: true, //开启最大化最小化按钮
  160. content: url,
  161. btn: ["提交","关闭"],
  162. btn1: function(index, layero){
  163. var body = top.layer.getChildFrame('body', index);
  164. var iframeWin = layero.find('iframe')[0]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();
  165. var inputForm = body.find('#inputForm');
  166. var top_iframe;
  167. if(target){
  168. top_iframe = target;//如果指定了iframe,则在改frame中跳转
  169. }else{
  170. top_iframe = top.getActiveTab().attr("name");//获取当前active的tab的iframe
  171. }
  172. inputForm.attr("target",top_iframe);//表单提交成功后,从服务器返回的url在当前tab中展示
  173. if(iframeWin.contentWindow.doSubmit(index) ){
  174. // top.layer.close(index);//关闭对话框。
  175. setTimeout(function(){top.layer.close(index)}, 100);//延时0.1秒,对应360 7.1版本bug
  176. }
  177. return false;
  178. },
  179. btn2: function (index) {
  180. }
  181. });
  182. }
  183. }
  184. });
  185. }
  186. function openDialog2(title,url,width,height,target) {
  187. if (navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)) {//如果是移动端,就使用自适应大小弹窗
  188. width = 'auto';
  189. height = 'auto';
  190. } else {//如果是PC端,根据用户设置的width和height显示。
  191. }
  192. top.layer.open({
  193. type: 2,
  194. area: [width, height],
  195. title: title,
  196. maxmin: true, //开启最大化最小化按钮
  197. content: url,
  198. btn: ["提交","关闭"],
  199. btn1: function(index, layero){
  200. var body = top.layer.getChildFrame('body', index);
  201. var iframeWin = layero.find('iframe')[0]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();
  202. var inputForm = body.find('#inputForm');
  203. var top_iframe;
  204. if(target){
  205. top_iframe = target;//如果指定了iframe,则在改frame中跳转
  206. }else{
  207. top_iframe = top.getActiveTab().attr("name");//获取当前active的tab的iframe
  208. }
  209. inputForm.attr("target",top_iframe);//表单提交成功后,从服务器返回的url在当前tab中展示
  210. if(iframeWin.contentWindow.doSubmit(index) ){
  211. // top.layer.close(index);//关闭对话框。
  212. setTimeout(function(){top.layer.close(index)}, 100);//延时0.1秒,对应360 7.1版本bug
  213. }
  214. return false;
  215. },
  216. btn2: function (index) {
  217. }
  218. });
  219. }
  220. </script>
  221. <style>
  222. ul.dropdown-menu.dropdown-user li a {
  223. margin-left: 0px;
  224. }
  225. body {
  226. background-color: transparent;
  227. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF);
  228. color: #ffffff;
  229. background-color: rgba(255, 255, 255, 0);
  230. height: 100%;
  231. }
  232. .ibox-title {
  233. min-height: 28px;
  234. margin: 15px 15px 0 15px;
  235. }
  236. .ibox {
  237. margin-bottom: 0px;
  238. }
  239. .ibox-content {
  240. border: none;
  241. }
  242. .mypic {
  243. width: 180px;
  244. height: 180px;
  245. /*border:solid 1px #e7e7e7;*/
  246. background-color: #ffffff;
  247. background-image: url("${user.photo }"); /* 图片地址 */
  248. /*background-origin:content;*/ /*从content区域开始显示背景*/
  249. background-position: 50% 50%; /*图片上下左右居中*/
  250. background-size: contain; /*保持图像本身的宽高比例,将图片缩放到宽度或高度正好适应定义背景的区域*/
  251. background-repeat: no-repeat; /*图像不重复显示*/
  252. }
  253. h5 {
  254. height: 19px;
  255. line-height: 19px;
  256. }
  257. @media screen and (min-width: 1679px) {
  258. .remark {
  259. width: 100%;
  260. }
  261. }
  262. @media screen and (max-width: 1679px) {
  263. .remark {
  264. width: 98.5%;
  265. }
  266. }
  267. @media screen and (max-width: 1675px) and (min-width: 1599px) {
  268. .remark {
  269. width: 80%;
  270. }
  271. }
  272. @media screen and (max-width: 1390px) {
  273. .remark {
  274. width: 95%;
  275. }
  276. }
  277. @media screen and (max-width: 1390px) and (min-width: 1599px) {
  278. .remark {
  279. width: 100%;
  280. }
  281. }
  282. </style>
  283. </head>
  284. <body>
  285. <div class="wrapper wrapper-content view-form">
  286. <sys:message hideType="1" content="${message}"/>
  287. <div class="layui-row">
  288. <div class="full-width fl">
  289. <div id="queryDiv">
  290. </div>
  291. </div>
  292. <div class="single-form">
  293. <div class="full-width fl">
  294. <div class="contentShadow layui-form contentDetails">
  295. <div class="col-sm-12" style="padding: 0;">
  296. <div class="ibox float-e-margins">
  297. <div class="ibox-title">
  298. <h2 style="text-indent: 12px;margin-top: 10px;font-size: 16px;font-weight: bold;border-left: 5px solid #009FFA;">用户信息</h2>
  299. <div class="ibox-tools">
  300. <a style="display:block;margin-top:-20px;" class="dropdown-toggle" data-toggle="dropdown"
  301. href="javascript:void(0)">
  302. 编辑<i class="fa fa-wrench"></i>
  303. </a>
  304. <ul class="dropdown-menu dropdown-user">
  305. <li><a id="userInfoBtn" data-toggle="modal" data-target="#register">编辑资料</a>
  306. </li>
  307. <li><a id="userImageBtn" data-toggle="modal" data-target="#register">更换头像</a>
  308. </li>
  309. <li><a id="userPassWordBtn" data-toggle="modal" data-target="#register">更换密码</a>
  310. </li>
  311. <li><a id="userMobileBtn" data-toggle="modal" data-target="#register">更换手机号</a>
  312. </li>
  313. <%-- <li>
  314. <a href="${ctx}/sys/user/userDelete?id=${user.id}"
  315. onclick="return confirmx('确认要注销该用户吗?', this.href)"> 注销用户</a>
  316. </li>--%>
  317. </ul>
  318. </div>
  319. </div>
  320. <div class="ibox-content">
  321. <div class="row">
  322. <div style="padding: 0 15px;">
  323. <div class="col-sm-12" style="padding: 0px;">
  324. <div class="table-responsive">
  325. <div class="layui-item layui-col-sm6 lw7" style="padding-right: 0;">
  326. <div class="layui-item layui-col-sm12">
  327. <label class="layui-form-label">姓 名:</label>
  328. <div class="layui-input-block">
  329. <input htmlEscape="false" style="background: #fff;" readonly="true"
  330. class="form-control layui-input"
  331. value="${user.name}"/>
  332. </div>
  333. </div>
  334. <div class="layui-item layui-col-sm12">
  335. <label class="layui-form-label">手 机:</label>
  336. <div class="layui-input-block">
  337. <input htmlEscape="false" style="background: #fff;" readonly="true"
  338. class="form-control layui-input"
  339. value="${user.mobile}"/>
  340. </div>
  341. </div>
  342. <%--<div class="layui-item layui-col-sm12">
  343. <label class="layui-form-label">座机:</label>
  344. <div class="layui-input-block">
  345. <input htmlEscape="false" style="background: #fff;" readonly="true"
  346. class="form-control layui-input"
  347. value="${user.phone}"/>
  348. </div>
  349. </div>--%>
  350. </div>
  351. <div class="layui-item layui-col-sm6 lw7">
  352. <label class="layui-form-label">公 司:</label>
  353. <div class="layui-input-block">
  354. <input htmlEscape="false" style="background: #fff;" readonly="true"
  355. class="form-control layui-input"
  356. value="${user.company.name}"/>
  357. </div>
  358. </div>
  359. <div class="layui-item layui-col-sm6 lw7">
  360. <label class="layui-form-label">部 门:</label>
  361. <div class="layui-input-block">
  362. <input htmlEscape="false" style="background: #fff;" readonly="true"
  363. class="form-control layui-input"
  364. value="${user.office.topCompany}"/>
  365. </div>
  366. </div>
  367. <div class="layui-item layui-col-sm6 lw7">
  368. <label class="layui-form-label">岗位:</label>
  369. <div class="layui-input-block">
  370. <input htmlEscape="false" style="background: #fff;" readonly="true"
  371. class="form-control layui-input"
  372. value="${fns:checkRole(fns:getUser().id,fns:getUser().comId)}"/>
  373. </div>
  374. </div>
  375. <div class="layui-item layui-col-sm6 lw7">
  376. <label class="layui-form-label">入职时间:</label>
  377. <div class="layui-input-block">
  378. <input style="background: #fff;" value="<fmt:formatDate value="${workStaffBasicInfo.entryDate}" pattern="yyyy-MM-dd"/>" type="text" readonly="true" class="form-control layui-input" />
  379. <%-- <input htmlEscape="false" style="background: #fff;" readonly="true"
  380. class="form-control layui-input"
  381. value="${fns:getDictLabel(user.userType, 'sys_user_type', '无')}"/>--%>
  382. </div>
  383. </div>
  384. <%--<strong>上次登录</strong>
  385. IP: ${user.oldLoginIp}&nbsp;&nbsp;&nbsp;&nbsp;时间:<fmt:formatDate value="${user.oldLoginDate}" type="both" dateStyle="full"/>
  386. --%>
  387. </div>
  388. </div>
  389. </div>
  390. </div>
  391. </div>
  392. </div>
  393. </div>
  394. <div class="col-sm-12" style="padding: 0;">
  395. <div class="ibox float-e-margins">
  396. <div class="ibox-title">
  397. <h2 style="text-indent: 12px;margin-top: 10px;font-size: 16px;font-weight: bold;border-left: 5px solid #009FFA;">基本信息</h2>
  398. <div class="ibox-tools" style="margin-top: -20px">
  399. <%--<a style="display:block;" class="dropdown-toggle" data-toggle="dropdown"
  400. href="javascript:void(0)">
  401. 编辑<i class="fa fa-wrench"></i>
  402. </a>--%>
  403. <ul class="dropdown-menu dropdown-user">
  404. <li><a id="userEdit" data-toggle="modal" onclick="openDialog('修改档案信息', '${ctx}/workstaff/workStaffBasicInfo/applyEdit','95%','95%')" data-target="#register">申请修改</a>
  405. </li>
  406. <li><a id="userEditDirectly" data-toggle="modal" onclick="openDialog2('修改档案信息', '${ctx}/workstaff/workStaffBasicInfo/applyEditDirectly','95%','95%')" data-target="#register">直接修改</a>
  407. </li>
  408. </ul>
  409. </div>
  410. </div>
  411. <div class="ibox-content">
  412. <div class="form-group layui-row first">
  413. <div class="layui-item layui-col-sm6 lw7" style="padding-right: 0;">
  414. <div class="layui-item layui-col-sm12">
  415. <label class="layui-form-label"><span class="require-item">*</span>工 号:</label>
  416. <div class="layui-input-block">
  417. <input name="no" value="${workStaffBasicInfo.no}" htmlEscape="false" readonly="true" class="form-control layui-input"/>
  418. </div>
  419. </div>
  420. <div class="layui-item layui-col-sm12">
  421. <label class="layui-form-label"><span class="require-item">*</span>性 别:</label>
  422. <div class="layui-input-block">
  423. <input value="${fns:getDictLabel(workStaffBasicInfo.gender,'sex','')}" type="text" readonly="true" class="form-control layui-input" />
  424. <input name="gender" value="${workStaffBasicInfo.gender}" type="hidden" readonly="true" class="form-control layui-input" />
  425. </div>
  426. </div>
  427. <div class="layui-item layui-col-sm12">
  428. <label class="layui-form-label"><span class="require-item">*</span>身份证号码:</label>
  429. <div class="layui-input-block">
  430. <input name="idCard" htmlEscape="false" value="${workStaffBasicInfo.idCard}" readonly="true" class="form-control idCard layui-input required"/>
  431. </div>
  432. </div>
  433. </div>
  434. <div class="layui-item layui-col-sm6 lw7">
  435. <div style="margin-right: 120px;">
  436. <div class="layui-item layui-col-sm12">
  437. <label class="layui-form-label"><span class="require-item">*</span>姓 名:</label>
  438. <div class="layui-input-block">
  439. <input name="name" value="${workStaffBasicInfo.name}" htmlEscape="false" readonly="true" class="form-control layui-input required"/>
  440. </div>
  441. </div>
  442. <div class="layui-item layui-col-sm12">
  443. <label class="layui-form-label"><span class="require-item">*</span>民 族:</label>
  444. <div class="layui-input-block">
  445. <input value="${fns:getDictLabel(workStaffBasicInfo.nation,'nation_type','')}" type="text" readonly="true" class="form-control layui-input" />
  446. <input name="nation" value="${workStaffBasicInfo.nation}" type="hidden" readonly="true" class="form-control layui-input" />
  447. </div>
  448. </div>
  449. <div class="layui-item layui-col-sm12">
  450. <label class="layui-form-label"><span class="require-item">*</span>年 龄:</label>
  451. <div class="layui-input-block">
  452. <input name="age" value="${workStaffBasicInfo.age}" htmlEscape="false" readonly="true" class="form-control layui-input required"/>
  453. </div>
  454. </div>
  455. </div>
  456. <div class="profile_box_wrapper">
  457. <div class="profile_box">
  458. <div id="this_upload_image_div_1">
  459. <div id="this_upload_div_1" style="position:relative;">
  460. <c:choose>
  461. <c:when test="${not empty workStaffBasicInfo.picture}">
  462. <%--<span id="this_upload_close_1" class="pic_close glyphicon glyphicon-remove" onclick="this_close_img(1)"></span>--%>
  463. <img alt="_blank" id="this_upload_image_1" class="upload_ico" style="cursor:pointer;" src="${workStaffBasicInfo.picture}" />
  464. </c:when>
  465. <c:otherwise>
  466. <img alt="_blank" id="this_upload_image_1" class="upload_ico" style="cursor:pointer;" src="${pageContext.request.contextPath}/static/common/img/pic_add.png" />
  467. </c:otherwise>
  468. </c:choose>
  469. <input id="this_upload_file_1" type="file" style="display:none" name="pictureFile" onchange="this_upload_show_image(1)" class="form-control"/>
  470. </div>
  471. </div>
  472. </div>
  473. </div>
  474. </div>
  475. <div class="layui-item layui-col-sm6 lw7">
  476. <label class="layui-form-label"><span class="require-item">*</span>出生日期:</label>
  477. <div class="layui-input-block">
  478. <input name="birthday" value="<fmt:formatDate value="${workStaffBasicInfo.birthday}" pattern="yyyy-MM-dd"/>" type="text" readonly="true" class="form-control layui-input" />
  479. </div>
  480. </div>
  481. <%--<div class="layui-item layui-col-sm6 lw7">
  482. <label class="layui-form-label"><span class="require-item">*</span>公历/农历:</label>
  483. <div class="layui-input-block">
  484. <input value="${fns:getDictLabel(workStaffBasicInfo.calendar,'calendar_type','')}" type="text" readonly="true" class="form-control layui-input" />
  485. <input value="${workStaffBasicInfo.calendar}" type="hidden" readonly="true" class="form-control layui-input" />
  486. </div>
  487. </div>--%>
  488. <div class="layui-item layui-col-sm6 lw7">
  489. <label class="layui-form-label">电子邮箱:</label>
  490. <div class="layui-input-block">
  491. <input name="email" value="${workStaffBasicInfo.email}" htmlEscape="false" readonly="true" class="form-control layui-input email"/>
  492. </div>
  493. </div>
  494. <div class="layui-item layui-col-sm6 lw7">
  495. <label class="layui-form-label"><span class="require-item">*</span>移动电话:</label>
  496. <div class="layui-input-block">
  497. <input name="mobile" value="${workStaffBasicInfo.mobile}" htmlEscape="false" readonly="true" class="form-control layui-input required isPhone"/>
  498. </div>
  499. </div>
  500. <%--<div class="layui-item layui-col-sm6 lw7">
  501. <label class="layui-form-label">座机:</label>
  502. <div class="layui-input-block">
  503. <input name="phone" value="${workStaffBasicInfo.phone}" htmlEscape="false" readonly="true" class="form-control layui-input"/>
  504. </div>
  505. </div>
  506. <div class="layui-item layui-col-sm6 lw7">
  507. <label class="layui-form-label"><span class="require-item">*</span>归属部门:</label>
  508. <div class="layui-input-block">
  509. <input name="office.name" value="${workStaffBasicInfo.office.name}" type="text" readonly="true" class="form-control layui-input" />
  510. <input name="office.id" value="${workStaffBasicInfo.office.id}" type="hidden" readonly="true" class="form-control layui-input" />
  511. </div>
  512. </div>
  513. <div class="layui-item layui-col-sm6 lw7">
  514. <label class="layui-form-label"><span class="require-item">*</span>职 位:</label>
  515. <div class="layui-input-block">
  516. <input name="duty" value="${workStaffBasicInfo.duty}" type="text" readonly="true" class="form-control layui-input" />
  517. </div>
  518. </div>
  519. <div class="layui-item layui-col-sm6 lw7">
  520. <label class="layui-form-label"><span class="require-item">*</span>职 级:</label>
  521. <div class="layui-input-block with-icon">
  522. <input name="jobGrade.name" htmlEscape="false" value="${workStaffBasicInfo.jobGrade.name}" readonly="true" class="form-control layui-input required"/>
  523. <input type="hidden" name="jobGrade.id" htmlEscape="false" readonly="true" class="form-control layui-input required"/>
  524. </div>
  525. </div>
  526. <div class="layui-item layui-col-sm6 lw7">
  527. <label class="layui-form-label"><span class="require-item">*</span>基本工资:</label>
  528. <div class="layui-input-block with-icon">
  529. <input id="salary" htmlEscape="false" readonly value="<fmt:formatNumber pattern="#,##0.00#" value="${workStaffBasicInfo.salary}"/>" class="form-control layui-input"/>
  530. </div>
  531. </div>
  532. <div class="layui-item layui-col-sm6 lw7">
  533. <label class="layui-form-label double-line">是否 TS人员:</label>
  534. <div class="layui-input-block">
  535. <input value="${fns:getDictLabel(workStaffBasicInfo.ts,'yes_no','')}" type="text" readonly="true" class="form-control layui-input" />
  536. <input name="ts" value="${workStaffBasicInfo.ts}" type="hidden" readonly="true" class="form-control layui-input" />
  537. </div>
  538. </div>
  539. <div class="layui-item layui-col-sm6 lw7">
  540. <label class="layui-form-label"><span class="require-item">*</span>员工状态:</label>
  541. <div class="layui-input-block">
  542. <input name="status" value="${workStaffBasicInfo.status}" type="text" readonly="true" class="form-control layui-input" />
  543. </div>
  544. </div>--%>
  545. <div class="layui-item layui-col-sm6 lw7">
  546. <label class="layui-form-label"><span class="require-item">*</span>入职日期:</label>
  547. <div class="layui-input-block">
  548. <input name="entryDate" value="<fmt:formatDate value="${workStaffBasicInfo.entryDate}" pattern="yyyy-MM-dd"/>" type="text" readonly="true" class="form-control layui-input" />
  549. </div>
  550. </div>
  551. <div class="layui-item layui-col-sm6 lw7">
  552. <label class="layui-form-label"><span class="require-item">*</span>归属部门:</label>
  553. <div class="layui-input-block">
  554. <input name="office.name" value="${workStaffBasicInfo.office.name}" type="text" readonly="true" class="form-control layui-input" />
  555. <input name="office.id" value="${workStaffBasicInfo.office.id}" type="hidden" readonly="true" class="form-control layui-input" />
  556. </div>
  557. </div>
  558. <div class="layui-item layui-col-sm6 lw7">
  559. <label class="layui-form-label"><span class="require-item">*</span>岗 位:</label>
  560. <div class="layui-input-block ">
  561. <input id="roleName" value="${workStaffBasicInfo.roleName}" type="text" readonly class="form-control layui-input" />
  562. </div>
  563. </div>
  564. <%--<div class="layui-item layui-col-sm6 lw7">
  565. <label class="layui-form-label double-line"><span class="require-item">*</span>参加工作日期:</label>
  566. <div class="layui-input-block">
  567. <input name="workDate" value="<fmt:formatDate value="${workStaffBasicInfo.workDate}" pattern="yyyy-MM"/>" type="text" readonly="true" class="form-control layui-input" />
  568. </div>
  569. </div>
  570. <div class="layui-item layui-col-sm6 lw7">
  571. <label class="layui-form-label">开户银行:</label>
  572. <div class="layui-input-block">
  573. <input name="bankName" value="${workStaffBasicInfo.bankName}" type="text" readonly="true" class="form-control layui-input" />
  574. </div>
  575. </div>
  576. <div class="layui-item layui-col-sm6 lw7">
  577. <label class="layui-form-label">银行卡号:</label>
  578. <div class="layui-input-block">
  579. <input name="bankCard" value="${workStaffBasicInfo.bankCard}" htmlEscape="false" readonly="true" class="form-control layui-input digits"/>
  580. </div>
  581. </div>
  582. <div class="layui-item layui-col-sm6 lw7">
  583. <label class="layui-form-label"><span class="require-item">*</span>婚姻状况:</label>
  584. <div class="layui-input-block">
  585. <input name="marriage" value="${workStaffBasicInfo.marriage}" type="text" readonly="true" class="form-control layui-input" />
  586. </div>
  587. </div>
  588. <div class="layui-item layui-col-sm6 lw7">
  589. <label class="layui-form-label"><span class="require-item">*</span>政治面貌:</label>
  590. <div class="layui-input-block">
  591. <input name="politics" value="${workStaffBasicInfo.politics}" type="text" readonly="true" class="form-control layui-input" />
  592. </div>
  593. </div>
  594. <div class="layui-item layui-col-sm6 lw7">
  595. <label class="layui-form-label double-line">是否退伍军人:</label>
  596. <div class="layui-input-block">
  597. <input name="exSoldier" value="${fns:getDictLabel(workStaffBasicInfo.exSoldier,'yes_no','')}" type="text" readonly="true" class="form-control layui-input" />
  598. </div>
  599. </div>
  600. <div class="layui-item layui-col-sm6 lw7">
  601. <label class="layui-form-label">常住地址:</label>
  602. <div class="layui-input-block">
  603. <input name="address" value="${workStaffBasicInfo.address}" htmlEscape="false" readonly="true" class="form-control layui-input"/>
  604. </div>
  605. </div>
  606. <div class="layui-item layui-col-sm6 lw7">
  607. <label class="layui-form-label">籍 贯:</label>
  608. <div class="layui-input-block">
  609. <input name="nativePlace.name" value="${workStaffBasicInfo.nativePlace.name}" type="text" readonly="true" class="form-control layui-input" />
  610. </div>
  611. </div>
  612. <div class="layui-item layui-col-sm6 lw7">
  613. <label class="layui-form-label">户口所在地:</label>
  614. <div class="layui-input-block">
  615. <input name="household" value="${workStaffBasicInfo.household}" htmlEscape="false" readonly="true" class="form-control layui-input"/>
  616. </div>
  617. </div>
  618. <div class="layui-item layui-col-sm6 lw7">
  619. <label class="layui-form-label double-line"><span class="require-item">*</span>从事本行业日期:</label>
  620. <div class="layui-input-block">
  621. <input id="industryDate" name="industryDate" type="text" maxlength="20" readonly class="form-control layui-input"
  622. value="<fmt:formatDate value="${workStaffBasicInfo.industryDate}" pattern="yyyy-MM"/>"/>
  623. </div>
  624. </div>
  625. <div class="layui-item layui-col-sm6 lw7">
  626. <label class="layui-form-label double-line">试用期结束日期:</label>
  627. <div class="layui-input-block">
  628. <input id="tryEndTime" type="text" maxlength="20" readonly class="form-control layui-input"
  629. value="<fmt:formatDate value="${workStaffBasicInfo.tryEndTime}" pattern="yyyy-MM-dd"/>"/>
  630. </div>
  631. </div>
  632. <div class="layui-item layui-col-sm6 lw7">
  633. <label class="layui-form-label">离职日期:</label>
  634. <div class="layui-input-block">
  635. <input id="dimissionDate" type="text" maxlength="20" readonly class="form-control layui-input"
  636. value="<fmt:formatDate value="${workStaffBasicInfo.dimissionDate}" pattern="yyyy-MM-dd"/>"/>
  637. </div>
  638. </div>
  639. <div class="layui-item layui-col-sm6 lw7">
  640. <label class="layui-form-label double-line">考勤截止日期:</label>
  641. <div class="layui-input-block">
  642. <input id="workEndDate" type="text" maxlength="20" readonly class="form-control layui-input"
  643. value="<fmt:formatDate value="${workStaffBasicInfo.workEndDate}" pattern="yyyy-MM-dd"/>"/>
  644. </div>
  645. </div>--%>
  646. </div>
  647. <%--<div class="form-group layui-row">
  648. <div class="form-group-label"><h2>教育经历</h2></div>
  649. <div class="layui-item layui-col-xs12 form-table-container">
  650. <table id="educationTable" class="table table-bordered table-condensed details">
  651. <thead>
  652. <tr>
  653. <th width="12%"><span class="require-item">*</span>毕业院校</th>
  654. <th width="12%">所学专业</th>
  655. <th width="12%"><span class="require-item">*</span>学 历</th>
  656. <th width="12%">学 位</th>
  657. <th width="12%"><span class="require-item">*</span>学历性质</th>
  658. <th width="10%"><span class="require-item">*</span>入学日期</th>
  659. <th width="10%">毕业日期</th>
  660. <th width="10%">学历证书</th>
  661. <th width="10%">学位证书</th>
  662. </tr>
  663. </thead>
  664. <tbody id="educationList">
  665. <c:forEach items="${workStaffBasicInfo.educationList}" var="education" varStatus="varStatus">
  666. <tr id="${education.id}">
  667. <td>
  668. ${education.school}
  669. </td>
  670. <td>
  671. ${education.major}
  672. </td>
  673. <td>
  674. ${fns:getDictLabel(education.edu,'education_level','')}
  675. </td>
  676. <td>
  677. ${fns:getDictLabel(education.degree,'degree_level','')}
  678. </td>
  679. <td>
  680. ${fns:getDictLabel(education.eduType,'edu_type','')}
  681. </td>
  682. <td>
  683. <fmt:formatDate value="${education.startDate}" pattern="yyyy-MM-dd"/>
  684. </td>
  685. <td>
  686. <fmt:formatDate value="${education.endDate}" pattern="yyyy-MM-dd"/>
  687. </td>
  688. <td class="text-left op-td">
  689. <c:if test="${not empty education.eduPhoto}"><img src="${education.eduPhoto}" width="24" height="24" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${education.eduPhoto}','90%','90%')" alt=""></c:if>
  690. </td>
  691. <td class="text-left op-td">
  692. <c:if test="${not empty education.degreePhoto}"><img src="${education.degreePhoto}" width="24" height="24" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${education.degreePhoto}','90%','90%')" alt=""></c:if>
  693. </td>
  694. </tr>
  695. </c:forEach>
  696. </tbody>
  697. </table>
  698. </div>
  699. </div>--%>
  700. <%--<div class="form-group layui-row">
  701. <div class="form-group-label"><h2>劳动关系</h2></div>
  702. <div class="layui-item layui-col-xs12 form-table-container">
  703. <table id="labourTable" class="table table-bordered table-condensed details">
  704. <thead>
  705. <tr>
  706. <th width="12%">合同类型</th>
  707. <th width="12%">合同编号</th>
  708. <th width="12%">合同期限</th>
  709. <th width="11%">合同起始日期</th>
  710. <th width="11%">合同终止日期</th>
  711. <th width="11%">试用期结束日期</th>
  712. <th width="11%">办理日期</th>
  713. <th width="20%">文件</th>
  714. </tr>
  715. </thead>
  716. <tbody id="labourList">
  717. <c:forEach items="${workStaffBasicInfo.labourList}" var="buyDetails" varStatus="status">
  718. <tr>
  719. <td>${fns:getDictLabel(buyDetails.contractType, 'relsp_cType', '')}</td>
  720. <td>${buyDetails.contractNum}</td>
  721. <td>${fns:getDictLabel(buyDetails.contractLimit, 'contract_limit', '')}</td>
  722. <td><fmt:formatDate value="${buyDetails.contractStartTime}" pattern="yyyy-MM-dd"/></td>
  723. <td><fmt:formatDate value="${buyDetails.contractEndTime}" pattern="yyyy-MM-dd"/></td>
  724. <td><fmt:formatDate value="${buyDetails.tryEndTime}" pattern="yyyy-MM-dd"/></td>
  725. <td><fmt:formatDate value="${buyDetails.transactTime}" pattern="yyyy-MM-dd"/></td>
  726. &lt;%&ndash;试用期结束时间<td><fmt:formatDate value="${buyDetails.tryEndTime}" pattern="yyyy-MM-dd"/></td>&ndash;%&gt;
  727. <c:forEach items="${buyDetails.workAttachments}" var = "workClientAttachment" varStatus="status">
  728. <c:choose>
  729. <c:when test="${fn:containsIgnoreCase(workClientAttachment.attachmentName,'jpg')
  730. or fn:containsIgnoreCase(workClientAttachment.attachmentName,'png')
  731. or fn:containsIgnoreCase(workClientAttachment.attachmentName,'gif')
  732. or fn:containsIgnoreCase(workClientAttachment.attachmentName,'bmp')
  733. or fn:containsIgnoreCase(workClientAttachment.attachmentName,'jpeg')}">
  734. <td><img src="${workClientAttachment.url}" width="24" height="24" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${workClientAttachment.url}','90%','90%')" alt="${workClientAttachment.attachmentName}"></td>
  735. </c:when>
  736. <c:otherwise>
  737. <c:choose>
  738. <c:when test="${fn:containsIgnoreCase(workClientAttachment.attachmentName,'pdf')}">
  739. <td><a href="javascript:void(0)" onclick="preview('预览','${workClientAttachment.url}','90%','90%','1')">${workClientAttachment.attachmentName}</a></td>
  740. </c:when>
  741. <c:otherwise>
  742. <td><a href="javascript:void(0)" onclick="preview('预览','${workClientAttachment.url}','90%','90%')">${workClientAttachment.attachmentName}</a></td>
  743. </c:otherwise>
  744. </c:choose>
  745. </c:otherwise>
  746. </c:choose>
  747. </c:forEach>
  748. </tr>
  749. </c:forEach>
  750. </tbody>
  751. </table>
  752. </div>
  753. </div>--%>
  754. <%--<div class="form-group layui-row">
  755. <div class="form-group-label"><h2>外语语种</h2></div>
  756. <div class="layui-item layui-col-xs12 form-table-container">
  757. <table id="languageTable" class="table table-bordered table-condensed details">
  758. <thead>
  759. <tr>
  760. <th width="20%"><span class="require-item">*</span>语种</th>
  761. <th width="20%"><span class="require-item">*</span>熟练程度</th>
  762. <th width="20%">证书名称</th>
  763. <th width="20%">获证日期</th>
  764. <th width="20%">文件</th>
  765. </tr>
  766. </thead>
  767. <tbody id="languageList">
  768. <c:forEach items="${workStaffBasicInfo.languageList}" var="language" varStatus="varStatus">
  769. <tr>
  770. <td>
  771. ${fns:getMainDictLabel(language.language,'language','')}
  772. </td>
  773. <td>
  774. ${fns:getDictLabel(language.proficiency,'proficiency','')}
  775. </td>
  776. <td>
  777. ${language.certificate}
  778. </td>
  779. <td>
  780. <fmt:formatDate value="${language.certifDate}" pattern="yyyy-MM-dd"/>
  781. </td>
  782. <td>
  783. <c:if test="${not empty language.filePath}"><img src="${language.filePath}" width="24" height="24" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${language.filePath}','90%','90%')" alt=""></c:if>
  784. </td>
  785. </tr>
  786. </c:forEach>
  787. </tbody>
  788. </table>
  789. </div>
  790. </div>--%>
  791. <%--<div class="form-group layui-row">
  792. <div class="form-group-label"><h2>工作经历</h2></div>
  793. <div class="layui-item layui-col-xs12 form-table-container">
  794. <table id="experienceTable" class="table table-bordered table-condensed details">
  795. <thead>
  796. <tr>
  797. <th width="15%"><span class="require-item">*</span>所在单位</th>
  798. <th width="15%"><span class="require-item">*</span>工作部门</th>
  799. <th width="15%"><span class="require-item">*</span>职务或岗位</th>
  800. <th width="15%"><span class="require-item">*</span>起始日期</th>
  801. <th width="15%"><span class="require-item">*</span>终止日期</th>
  802. <th width="13%">证明人</th>
  803. <th width="12%">证明人联系方式</th>
  804. </tr>
  805. </thead>
  806. <tbody id="experienceList">
  807. <c:forEach items="${workStaffBasicInfo.experienceList}" varStatus="varStatus" var="experience">
  808. <tr>
  809. <td>
  810. ${experience.company}
  811. </td>
  812. <td>
  813. ${experience.dept}
  814. </td>
  815. <td>
  816. ${experience.duty}
  817. </td>
  818. <td>
  819. <fmt:formatDate value="${experience.startDate}" pattern="yyyy-MM-dd"/>
  820. </td>
  821. <td>
  822. <fmt:formatDate value="${experience.endDate}" pattern="yyyy-MM-dd"/>
  823. </td>
  824. <td>
  825. ${experience.certifier}
  826. </td>
  827. <td>
  828. ${experience.certifierTel}
  829. </td>
  830. </tr>
  831. </c:forEach>
  832. </tbody>
  833. </table>
  834. </div>
  835. </div>--%>
  836. <div class="form-group layui-row">
  837. <div class="form-group-label"><h2>执业资格证书</h2></div>
  838. <div class="layui-item layui-col-xs12 form-table-container">
  839. <table id="certificateTable" class="table table-bordered table-condensed details">
  840. <thead>
  841. <tr>
  842. <th width="10%"><span class="require-item">*</span>证书名称</th>
  843. <th width="10%"><span class="require-item">*</span>证书编号</th>
  844. <th width="10%"><span class="require-item">*</span>发证机关</th>
  845. <th width="10%"><span class="require-item">*</span>发证日期</th>
  846. <th width="10%">注册日期</th>
  847. <th width="10%">注册证书编号</th>
  848. <th width="10%">专业</th>
  849. <th width="10%">等级</th>
  850. <th width="10%">取得方式</th>
  851. <th width="10%">文件</th>
  852. </tr>
  853. </thead>
  854. <tbody id="certificateList">
  855. <c:forEach items="${workStaffBasicInfo.certificateList}" var="certificate" varStatus="varStatus">
  856. <tr>
  857. <td>
  858. ${certificate.name}
  859. </td>
  860. <td>
  861. ${certificate.num}
  862. </td>
  863. <td>
  864. ${certificate.issuingAuthority}
  865. </td>
  866. <td>
  867. <fmt:formatDate value="${certificate.issuingDate}" pattern="yyyy-MM-dd"/>
  868. </td>
  869. <td>
  870. <fmt:formatDate value="${certificate.registDate}" pattern="yyyy-MM-dd"/>
  871. </td>
  872. <td>
  873. ${certificate.registNum}
  874. </td>
  875. <td>
  876. ${certificate.major}
  877. </td>
  878. <td>
  879. ${certificate.grade}
  880. </td>
  881. <td>
  882. ${certificate.issType}
  883. </td>
  884. <td >
  885. <c:if test="${not empty certificate.filePath}"><img src="${certificate.filePath}" width="24" height="24" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${certificate.filePath}','90%','90%')" alt=""></c:if>
  886. </td>
  887. </tr>
  888. </c:forEach>
  889. </tbody>
  890. </table>
  891. </div>
  892. </div>
  893. <%--<div class="form-group layui-row">
  894. <div class="form-group-label"><h2>职称</h2></div>
  895. <div class="layui-item layui-col-xs12 form-table-container">
  896. <table id="titleTable" class="table table-bordered table-condensed details">
  897. <thead>
  898. <tr>
  899. <th width="20%"><span class="require-item">*</span>职称名称</th>
  900. <th width="15%"><span class="require-item">*</span>职称等级</th>
  901. <th width="15%"><span class="require-item">*</span>取得日期</th>
  902. <th width="15%"><span class="require-item">*</span>取得途径</th>
  903. <th width="20%"><span class="require-item">*</span>审批单位</th>
  904. <th width="15%">文件</th>
  905. </tr>
  906. </thead>
  907. <tbody id="titleList">
  908. <c:forEach items="${workStaffBasicInfo.titleList}" var="title" varStatus="varStatus">
  909. <tr>
  910. <td>
  911. ${title.name}
  912. </td>
  913. <td>
  914. ${title.grade}
  915. </td>
  916. <td>
  917. <fmt:formatDate value="${title.startDate}" pattern="yyyy-MM-dd"/>
  918. </td>
  919. <td>
  920. ${title.pathway}
  921. </td>
  922. <td>
  923. ${title.approvalAuthority}
  924. </td>
  925. <td>
  926. <c:if test="${not empty title.filePath}"><img src="${title.filePath}" width="24" height="24" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${title.filePath}','90%','90%')" alt=""></c:if>
  927. </td>
  928. </tr>
  929. </c:forEach>
  930. </tbody>
  931. </table>
  932. </div>
  933. </div>--%>
  934. <%--<div class="form-group layui-row">
  935. <div class="form-group-label"><h2>家庭情况</h2></div>
  936. <div class="layui-item layui-col-xs12 form-table-container">
  937. <table id="familyTable" class="table table-bordered table-condensed details">
  938. <thead>
  939. <tr>
  940. <th width="20%"><span class="require-item">*</span>与本人的关系</th>
  941. <th width="20%"><span class="require-item">*</span>成员姓名</th>
  942. <th width="20%"><span class="require-item">*</span>身份证号码</th>
  943. <th width="20%"><span class="require-item">*</span>成员性别</th>
  944. <th width="20%"><span class="require-item">*</span>成员联系方式</th>
  945. </tr>
  946. </thead>
  947. <tbody id="familyList">
  948. <c:forEach items="${workStaffBasicInfo.familyList}" var="family" varStatus="varStatus">
  949. <tr>
  950. <td>
  951. ${family.relation}
  952. </td>
  953. <td>
  954. ${family.name}
  955. </td>
  956. <td>
  957. ${family.idCard}
  958. </td>
  959. <td>
  960. ${family.gender}
  961. </td>
  962. <td>
  963. ${family.contact}
  964. </td>
  965. </tr>
  966. </c:forEach>
  967. </tbody>
  968. </table>
  969. </div>
  970. </div>--%>
  971. <%--<div class="form-group layui-row">
  972. <div class="form-group-label"><h2>培训经历</h2></div>
  973. <div class="layui-item layui-col-xs12 form-table-container">
  974. <table id="trainingTable" class="table table-bordered table-condensed details">
  975. <thead>
  976. <tr>
  977. <th width="10%"><span class="require-item">*</span>培训名称</th>
  978. <th width="10%">培训机构</th>
  979. <th width="10%">培训地点</th>
  980. <th width="10%">培训起始日期</th>
  981. <th width="10%">培训终止日期</th>
  982. <th width="10%"><span class="require-item">*</span>培训类型</th>
  983. <th width="10%">学时</th>
  984. <th width="10%"><span class="require-item">*</span>所获证书</th>
  985. <th width="10%">文件</th>
  986. <th width="10%">备注</th>
  987. </tr>
  988. </thead>
  989. <tbody id="trainingList">
  990. <c:forEach items="${workStaffBasicInfo.trainingList}" var="training" varStatus="varStatus">
  991. <tr>
  992. <td>
  993. ${training.name}
  994. </td>
  995. <td>
  996. ${training.agency}
  997. </td>
  998. <td>
  999. ${training.address}
  1000. </td>
  1001. <td>
  1002. <fmt:formatDate value="${training.startDate}" pattern="yyyy-MM-dd"/>
  1003. </td>
  1004. <td>
  1005. <fmt:formatDate value="${training.endDate}" pattern="yyyy-MM-dd"/>
  1006. </td>
  1007. <td>
  1008. ${training.type}
  1009. </td>
  1010. <td>
  1011. ${training.hours}
  1012. </td>
  1013. <td>
  1014. ${training.certificate}
  1015. </td>
  1016. <td>
  1017. <c:if test="${not empty training.filePath}"><img src="${training.filePath}" width="24" height="24" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${training.filePath}','90%','90%')" alt="${training.fileName}"></c:if>
  1018. </td>
  1019. <td>
  1020. ${training.remarks}
  1021. </td>
  1022. </tr>
  1023. </c:forEach>
  1024. </tbody>
  1025. </table>
  1026. </div>
  1027. </div>--%>
  1028. <%--<div class="form-group layui-row">
  1029. <div class="form-group-label"><h2>社会及行业职务</h2></div>
  1030. <div class="layui-item layui-col-xs12 form-table-container">
  1031. <table id="socialPositionTable" class="table table-bordered table-condensed details">
  1032. <thead>
  1033. <tr>
  1034. <th width="25%"><span class="require-item">*</span>职务名称</th>
  1035. <th width="25%">任职开始日期</th>
  1036. <th width="25%">任职结束日期</th>
  1037. <th width="25%">任职机构</th>
  1038. </tr>
  1039. </thead>
  1040. <tbody id="socialPositionList">
  1041. <c:forEach items="${workStaffBasicInfo.socialPositionList}" varStatus="varStatus" var="socialPosition">
  1042. <tr>
  1043. <td>
  1044. ${socialPosition.name}
  1045. </td>
  1046. <td>
  1047. <fmt:formatDate value="${socialPosition.startDate}" pattern="yyyy-MM-dd"/>
  1048. </td>
  1049. <td>
  1050. <fmt:formatDate value="${socialPosition.endDate}" pattern="yyyy-MM-dd"/>
  1051. </td>
  1052. <td>
  1053. ${socialPosition.organization}
  1054. </td>
  1055. </tr>
  1056. </c:forEach>
  1057. </tbody>
  1058. </table>
  1059. </div>
  1060. </div>--%>
  1061. <%--<div class="form-group layui-row">
  1062. <div class="form-group-label"><h2>奖惩情况</h2></div>
  1063. <div class="layui-item layui-col-xs12 form-table-container">
  1064. <table id="rewardsTable" class="table table-bordered table-condensed details">
  1065. <thead>
  1066. <tr>
  1067. <th width="10%"><span class="require-item">*</span>奖惩类型</th>
  1068. <th width="20%"><span class="require-item">*</span>奖惩名称</th>
  1069. <th width="15%"><span class="require-item">*</span>时间</th>
  1070. <th width="15%">级别</th>
  1071. <th width="20%"><span class="require-item">*</span>原因</th>
  1072. <th width="20%"><span class="require-item">*</span>授予机构</th>
  1073. </tr>
  1074. </thead>
  1075. <tbody id="rewardsList">
  1076. <c:forEach items="${workStaffBasicInfo.rewardsList}" varStatus="varStatus" var="rewards">
  1077. <tr>
  1078. <td>
  1079. ${rewards.type}
  1080. </td>
  1081. <td>
  1082. ${rewards.name}
  1083. </td>
  1084. <td>
  1085. ${rewards.atTime}
  1086. </td>
  1087. <td>
  1088. ${rewards.grade}
  1089. </td>
  1090. <td>
  1091. ${rewards.reason}
  1092. </td>
  1093. <td>
  1094. ${rewards.organization}
  1095. </td>
  1096. </tr>
  1097. </c:forEach>
  1098. </tbody>
  1099. </table>
  1100. </div>
  1101. </div>--%>
  1102. <%--<div class="form-group layui-row">
  1103. <div class="form-group-label"><h2>工作业绩</h2></div>
  1104. <div class="layui-item layui-col-xs12 form-table-container">
  1105. <table id="achievementTable" class="table table-bordered table-condensed details">
  1106. <thead>
  1107. <tr>
  1108. <th width="20%">项目名称</th>
  1109. <th width="15%">委托方</th>
  1110. <th width="15%">工程分类</th>
  1111. <th width="15%">规模类型/单位/数量</th>
  1112. <th width="15%">担任职务</th>
  1113. <th width="20%">参与内容</th>
  1114. </tr>
  1115. </thead>
  1116. <tbody id="achievementList">
  1117. <c:forEach items="${workStaffBasicInfo.achievementList}" var="achievement" varStatus="varStatus">
  1118. <tr>
  1119. <td class="text-center">
  1120. ${achievement.projName}
  1121. </td>
  1122. <td class="text-center">
  1123. ${achievement.projClient}
  1124. </td>
  1125. <td class="text-center">
  1126. ${achievement.category}
  1127. </td>
  1128. <td class="text-center">
  1129. ${achievement.unitNumber}
  1130. </td>
  1131. <td class="text-center">
  1132. ${achievement.duty}
  1133. </td>
  1134. <td class="text-center">
  1135. ${achievement.content}
  1136. </td>
  1137. </tr>
  1138. </c:forEach>
  1139. </tbody>
  1140. </table>
  1141. </div>
  1142. </div>--%>
  1143. <%--<div class="form-group layui-row">
  1144. <div class="form-group-label"><h2>电子档案</h2></div>
  1145. <div class="layui-item layui-col-xs12 form-table-container">
  1146. <table id="recordTable" class="table table-bordered table-condensed details">
  1147. <thead>
  1148. <tr>
  1149. <th width="25%"><span class="require-item">*</span>档案名称</th>
  1150. <th width="25%">编号</th>
  1151. <th width="25%">文件</th>
  1152. <th width="25%">验证</th>
  1153. </tr>
  1154. </thead>
  1155. <tbody id="recordList">
  1156. <c:forEach items="${workStaffBasicInfo.recordList}" var="record" varStatus="varStatus">
  1157. <tr>
  1158. <td>
  1159. ${record.name}
  1160. </td>
  1161. <td>
  1162. ${record.num}
  1163. </td>
  1164. <td>
  1165. <c:if test="${not empty record.filePath}"><img src="${record.filePath}" width="24" height="24" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${record.filePath}','90%','90%')" alt="${record.fileName}"></c:if>
  1166. </td>
  1167. <td>
  1168. ${record.status}
  1169. </td>
  1170. </tr>
  1171. </c:forEach>
  1172. </tbody>
  1173. </table>
  1174. </div>
  1175. </div>--%>
  1176. </div>
  1177. </div>
  1178. </div>
  1179. <div style="clear: both"></div>
  1180. </div>
  1181. </div>
  1182. </div>
  1183. </div>
  1184. <script>
  1185. resizeListWindow3();
  1186. $(window).resize(function () {
  1187. resizeListWindow3();
  1188. });
  1189. </script>
  1190. </body>
  1191. </html>