view.html 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321
  1. {extend name="../../base/view/common/base" /}
  2. {block name="style"}
  3. <style>
  4. .tr-none td{padding:20px 0; color:#999;}
  5. </style>
  6. {/block}
  7. <!-- 主体 -->
  8. {block name="body"}
  9. <form class="layui-form p-4">
  10. <h3 class="pb-2">{$detail.name}员工档案详情</h3>
  11. <table class="layui-table layui-table-form">
  12. <tr>
  13. <td colspan="8"><strong>基本信息</strong></td>
  14. </tr>
  15. <tr>
  16. <td class="layui-td-gray">员工姓名</td>
  17. <td>{$detail.name}</td>
  18. <td class="layui-td-gray-2">员工性别</td>
  19. <td>
  20. {eq name="$detail.sex" value="1"}男{/eq}
  21. {eq name="$detail.sex" value="2"}女{/eq}
  22. </td>
  23. <td rowspan="6" class="layui-td-gray-2">头像</td>
  24. <td rowspan="6" valign="top" style="width: 180px;">
  25. <div class="layui-upload" style="width: 180px;">
  26. <img src="{$detail.thumb}" style="max-width: 100%;" />
  27. </div>
  28. </td>
  29. </tr>
  30. <tr>
  31. <td class="layui-td-gray">出生日期</td>
  32. <td>{$detail.birthday}</td>
  33. <td class="layui-td-gray">身份证号码</td>
  34. <td>{$detail.idcard}</td>
  35. </tr>
  36. <tr>
  37. <td class="layui-td-gray">政治面貌</td>
  38. <td>
  39. {eq name="$detail.political" value="0"}无{/eq}
  40. {eq name="$detail.political" value="1"}中共党员{/eq}
  41. {eq name="$detail.political" value="2"}团员{/eq}
  42. </td>
  43. <td class="layui-td-gray">婚姻状况</td>
  44. <td>
  45. {eq name="$detail.marital_status" value="1"}未婚{/eq}
  46. {eq name="$detail.marital_status" value="2"}已婚{/eq}
  47. </td>
  48. </tr>
  49. <tr>
  50. <td class="layui-td-gray">民族</td>
  51. <td>{$detail.nation}</td>
  52. <td class="layui-td-gray">籍贯</td>
  53. <td>{$detail.native_place}</td>
  54. </tr>
  55. <tr>
  56. <td class="layui-td-gray">户口性质</td>
  57. <td>
  58. {eq name="$detail.resident_type" value="1"}农村户口{/eq}
  59. {eq name="$detail.resident_type" value="2"}城镇户口{/eq}
  60. </td>
  61. <td class="layui-td-gray">户口所在地</td>
  62. <td>{$detail.resident_place}</td>
  63. </tr>
  64. <tr>
  65. <td class="layui-td-gray">毕业院校</td>
  66. <td>{$detail.graduate_school}</td>
  67. <td class="layui-td-gray">毕业日期</td>
  68. <td>{$detail.graduate_day}</td>
  69. </tr>
  70. <tr>
  71. <td class="layui-td-gray">最高学位</td>
  72. <td>{$detail.education}</td>
  73. <td class="layui-td-gray">专业</td>
  74. <td>{$detail.speciality}</td>
  75. <td class="layui-td-gray">参加工作时间</td>
  76. <td>{$detail.work_date}</td>
  77. </tr>
  78. <tr>
  79. <td class="layui-td-gray">家庭住址</td>
  80. <td>{$detail.home_address}</td>
  81. <td class="layui-td-gray">手机号码</td>
  82. <td>{$detail.mobile}</td>
  83. <td class="layui-td-gray">电子邮箱</td>
  84. <td>{$detail.email}</td>
  85. </tr>
  86. <tr>
  87. <td class="layui-td-gray">现住地址</td>
  88. <td>{$detail.current_address}</td>
  89. <td class="layui-td-gray">紧急联系人</td>
  90. <td>{$detail.contact}</td>
  91. <td class="layui-td-gray">紧急联系电话</td>
  92. <td>{$detail.contact_mobile}</td>
  93. </tr>
  94. <tr>
  95. <td class="layui-td-gray">员工简介</td>
  96. <td colspan="7">
  97. {$detail.desc|default=''}
  98. </td>
  99. </tr>
  100. <tr>
  101. <td colspan="8"><strong>入职信息</strong></td>
  102. </tr>
  103. <tr>
  104. <td class="layui-td-gray">所在部门</td>
  105. <td>{$detail.department}</td>
  106. <td class="layui-td-gray">上级主管</td>
  107. <td>{$detail.pname|default='无'}</td>
  108. <td class="layui-td-gray">岗位</td>
  109. <td>{$detail.position}</td>
  110. </tr>
  111. <tr>
  112. <td class="layui-td-gray">入职日期</td>
  113. <td>{$detail.entry_time|date='Y-m-d'}</td>
  114. <td class="layui-td-gray">职务</td>
  115. <td>
  116. {volist name=":get_base_type_data('basic_user',1)" id="v"}
  117. {eq name="$detail.position_name" value="$v.id"}{$v.title}{/eq}
  118. {/volist}
  119. </td>
  120. <td class="layui-td-gray">职级</td>
  121. <td>
  122. {volist name=":get_base_type_data('basic_user',2)" id="v"}
  123. {eq name="$detail.position_rank" value="$v.id"}{$v.title}{/eq}
  124. {/volist}
  125. </td>
  126. </tr>
  127. <tr>
  128. <td class="layui-td-gray">员工类型</td>
  129. <td>
  130. {eq name="$detail.type" value="3"}实习{/eq}
  131. {eq name="$detail.type" value="2"}试用{/eq}
  132. {eq name="$detail.type" value="1"}正式{/eq}
  133. {eq name="$detail.is_staff" value="1"}企业员工{/eq}
  134. {eq name="$detail.is_staff" value="2"}劳动派遣{/eq}
  135. {eq name="$detail.is_staff" value="3"}兼职人员{/eq}
  136. </td>
  137. <td class="layui-td-gray">员工工号</td>
  138. <td>{$detail.job_number}</td>
  139. <td class="layui-td-gray">社保号</td>
  140. <td>{$detail.social_account}</td>
  141. </tr>
  142. <tr>
  143. <td class="layui-td-gray-2">工资卡开户行</td>
  144. <td>{$detail.bank_info}</td>
  145. <td class="layui-td-gray">工资卡帐号</td>
  146. <td>{$detail.bank_account}</td>
  147. <td class="layui-td-gray">公积金号</td>
  148. <td>{$detail.provident_account}</td>
  149. </tr>
  150. {notempty name="$edu"}
  151. <tr>
  152. <td colspan="8"><strong>教育经历</strong></td>
  153. </tr>
  154. <tr>
  155. <td colspan="8">
  156. <table id="edu_table" class="layui-table layui-table-min" style="margin:0">
  157. <tr>
  158. <th width="150">开始时间</th>
  159. <th width="150">结束时间</th>
  160. <th width="200">就读院校</th>
  161. <th width="150">学习专业</th>
  162. <th width="100">所获学历</th>
  163. <th>备注说明</th>
  164. </tr>
  165. {volist name="$edu" id="v"}
  166. <tr class="edu_interfix">
  167. <td>{$v.start_time}</td>
  168. <td>{$v.end_time}</td>
  169. <td>{$v.title}</td>
  170. <td>{$v.speciality}</td>
  171. <td>{$v.education}</td>
  172. <td style="text-align:left;">{$v.remark}</td>
  173. </tr>
  174. {/volist}
  175. </table>
  176. </td>
  177. </tr>
  178. {/notempty}
  179. {notempty name="$work"}
  180. <tr>
  181. <td colspan="8"><strong>工作经历</strong></td>
  182. </tr>
  183. <tr>
  184. <td colspan="8">
  185. <table id="work_table" class="layui-table layui-table-min" style="margin:0">
  186. <tr>
  187. <th width="150">开始时间</th>
  188. <th width="150">结束时间</th>
  189. <th width="200">公司名称</th>
  190. <th width="100">职位</th>
  191. <th>备注说明</th>
  192. </tr>
  193. {volist name="$work" id="v"}
  194. <tr class="work_interfix">
  195. <td>{$v.start_time}</td>
  196. <td>{$v.end_time}</td>
  197. <td>{$v.title}</td>
  198. <td>{$v.position}</td>
  199. <td style="text-align:left;">{$v.remark}</td>
  200. </tr>
  201. {/volist}
  202. </table>
  203. </td>
  204. </tr>
  205. {/notempty}
  206. {notempty name="$certificate"}
  207. <tr>
  208. <td colspan="8"><strong>相关证书</strong></td>
  209. </tr>
  210. <tr>
  211. <td colspan="8">
  212. <table id="certificate_table" class="layui-table layui-table-min" style="margin:0">
  213. <tr>
  214. <th width="150">证书名称</th>
  215. <th width="150">获得时间</th>
  216. <th width="200">颁发机构</th>
  217. <th>备注说明</th>
  218. </tr>
  219. {volist name="$certificate" id="v"}
  220. <tr class="certificate_interfix">
  221. <td>{$v.title}</td>
  222. <td>{$v.start_time}</td>
  223. <td>{$v.authority}</td>
  224. <td style="text-align:left;">{$v.remark}</td>
  225. </tr>
  226. {/volist}
  227. </table>
  228. </td>
  229. </tr>
  230. {/notempty}
  231. {notempty name="$certificate"}
  232. <tr>
  233. <td colspan="8"><strong>计算机技能</strong></td>
  234. </tr>
  235. <tr>
  236. <td colspan="8">
  237. <table id="skills_table" class="layui-table layui-table-min" style="margin:0">
  238. <tr>
  239. <th width="200">技能名称</th>
  240. <th width="150">熟悉程度</th>
  241. <th>备注说明</th>
  242. </tr>
  243. {volist name="$skills" id="v"}
  244. <tr class="skills_interfix">
  245. <td>{$v.title}</td>
  246. <td>
  247. {eq name="$v.know" value="1"}熟练{/eq}
  248. {eq name="$v.know" value="2"}良好{/eq}
  249. {eq name="$v.know" value="3"}一般{/eq}
  250. {eq name="$v.know" value="4"}较差{/eq}
  251. </td>
  252. <td style="text-align:left;">{$v.remark}</td>
  253. </tr>
  254. {/volist}
  255. </table>
  256. </td>
  257. </tr>
  258. {/notempty}
  259. {notempty name="$language"}
  260. <tr>
  261. <td colspan="8"><strong>语言能力</strong></td>
  262. </tr>
  263. <tr>
  264. <td colspan="8">
  265. <table id="language_table" class="layui-table layui-table-min" style="margin:0">
  266. <tr>
  267. <th width="200">语言名称</th>
  268. <th width="150">熟悉程度</th>
  269. <th>备注说明</th>
  270. </tr>
  271. {volist name="$language" id="v"}
  272. <tr class="skills_interfix">
  273. <td>{$v.title}</td>
  274. <td>
  275. {eq name="$v.know" value="1"}熟练{/eq}
  276. {eq name="$v.know" value="2"}良好{/eq}
  277. {eq name="$v.know" value="3"}一般{/eq}
  278. {eq name="$v.know" value="4"}较差{/eq}
  279. </td>
  280. <td style="text-align:left;">{$v.remark}</td>
  281. </tr>
  282. {/volist}
  283. </table>
  284. </td>
  285. </tr>
  286. {/notempty}
  287. {notempty name="$detail.file_ids"}
  288. <tr>
  289. <td colspan="8"><strong>档案相关附件</strong></td>
  290. </tr>
  291. <tr>
  292. <td colspan="8">
  293. <div class="layui-row">
  294. {volist name="$detail.file_array" id="vo"}
  295. <div class="layui-col-md4" id="uploadFile{$vo.id}">{:file_card($vo,'view')}</div>
  296. {/volist}
  297. </div>
  298. </td>
  299. </tr>
  300. {/notempty}
  301. </table>
  302. <div class="pt-4">
  303. <a class="layui-btn" href="/api/export/pdf?types=files&id={$detail.id}" target="_blank">导出PDF档案</a>
  304. </div>
  305. </form>
  306. {/block}
  307. <!-- /主体 -->
  308. <!-- 脚本 -->
  309. {block name="script"}
  310. <script>
  311. const moduleInit = ['tool'];
  312. function gouguInit() {
  313. }
  314. </script>
  315. {/block}
  316. <!-- /脚本 -->