add.html 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531
  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">编辑员工档案</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. <div class="layui-upload-list" id="uploadThumb" style="width: 100%; height:180px; overflow: hidden;">
  27. <img src="{$detail.thumb}" height="180" style="max-width: 100%;" />
  28. <input type="hidden" name="thumb" value="{$detail.thumb}">
  29. </div>
  30. <button type="button" class="layui-btn layui-btn-normal" style="width: 100%;" id="uploadImg">更换头像</button>
  31. </div>
  32. </td>
  33. </tr>
  34. <tr>
  35. <td class="layui-td-gray">出生日期</td>
  36. <td><input type="text" name="birthday" value="{$detail.birthday}" readonly autocomplete="off" placeholder="请选择" class="layui-input tool-time"></td>
  37. <td class="layui-td-gray">身份证号码</td>
  38. <td><input type="text" name="idcard" value="{$detail.idcard}" autocomplete="off" placeholder="请输入" class="layui-input"></td>
  39. </tr>
  40. <tr>
  41. <td class="layui-td-gray">政治面貌</td>
  42. <td>
  43. <select name="political">
  44. <option value="0" {eq name="$detail.political" value="0"} selected{/eq}>无</option>
  45. <option value="1" {eq name="$detail.political" value="1"} selected{/eq}>中共党员</option>
  46. <option value="2" {eq name="$detail.political" value="2"} selected{/eq}>团员</option>
  47. </select>
  48. </td>
  49. <td class="layui-td-gray">婚姻状况</td>
  50. <td>
  51. <input type="radio" name="marital_status" value="1" title="未婚" {eq name="$detail.marital_status" value="1"} checked{/eq}>
  52. <input type="radio" name="marital_status" value="2" title="已婚" {eq name="$detail.marital_status" value="2"} checked{/eq}>
  53. </td>
  54. </tr>
  55. <tr>
  56. <td class="layui-td-gray">民族</td>
  57. <td><input type="text" name="nation" value="{$detail.nation}" autocomplete="off" placeholder="请输入" class="layui-input"></td>
  58. <td class="layui-td-gray">籍贯</td>
  59. <td><input type="text" name="native_place" value="{$detail.native_place}" autocomplete="off" placeholder="请输入" class="layui-input"></td>
  60. </tr>
  61. <tr>
  62. <td class="layui-td-gray">户口性质</td>
  63. <td>
  64. <input type="radio" name="resident_type" value="1" title="农村户口" {eq name="$detail.resident_type" value="1"} checked{/eq}>
  65. <input type="radio" name="resident_type" value="2" title="城镇户口" {eq name="$detail.resident_type" value="2"} checked{/eq}>
  66. </td>
  67. <td class="layui-td-gray">户口所在地</td>
  68. <td><input type="text" name="resident_place" value="{$detail.resident_place}" autocomplete="off" placeholder="请输入" class="layui-input"></td>
  69. </tr>
  70. <tr>
  71. <td class="layui-td-gray">毕业院校</td>
  72. <td><input type="text" name="graduate_school" value="{$detail.graduate_school}" autocomplete="off" placeholder="请输入" class="layui-input"></td>
  73. <td class="layui-td-gray">毕业日期</td>
  74. <td><input type="text" name="graduate_day" value="{$detail.graduate_day}" readonly autocomplete="off" placeholder="请选择" class="layui-input tool-time"></td>
  75. </tr>
  76. <tr>
  77. <td class="layui-td-gray">最高学位</td>
  78. <td><input type="text" name="education" value="{$detail.education}" autocomplete="off" placeholder="请输入" class="layui-input"></td>
  79. <td class="layui-td-gray">专业</td>
  80. <td><input type="text" name="speciality" value="{$detail.speciality}" autocomplete="off" placeholder="请输入" class="layui-input"></td>
  81. <td class="layui-td-gray">参加工作时间</td>
  82. <td><input type="text" name="work_date" value="{$detail.work_date}" readonly autocomplete="off" placeholder="请输入" class="layui-input tool-time"></td>
  83. </tr>
  84. <tr>
  85. <td class="layui-td-gray">家庭住址</td>
  86. <td><input type="text" name="home_address" value="{$detail.home_address}" autocomplete="off" placeholder="请输入" class="layui-input"></td>
  87. <td class="layui-td-gray">手机号码</td>
  88. <td>{$detail.mobile}</td>
  89. <td class="layui-td-gray">电子邮箱</td>
  90. <td>{$detail.email}</td>
  91. </tr>
  92. <tr>
  93. <td class="layui-td-gray">现住地址</td>
  94. <td><input type="text" name="current_address" value="{$detail.current_address}" autocomplete="off" placeholder="请输入" class="layui-input"></td>
  95. <td class="layui-td-gray">紧急联系人</td>
  96. <td><input type="text" name="contact" value="{$detail.contact}" autocomplete="off" placeholder="请输入" class="layui-input"></td>
  97. <td class="layui-td-gray">紧急联系电话</td>
  98. <td><input type="text" name="contact_mobile" value="{$detail.contact_mobile}" autocomplete="off" placeholder="请输入" class="layui-input"></td>
  99. </tr>
  100. <tr>
  101. <td class="layui-td-gray">员工简介</td>
  102. <td colspan="7">
  103. <textarea name="desc" placeholder="请输入员工简介" class="layui-textarea">{$detail.desc|default=''}</textarea>
  104. </td>
  105. </tr>
  106. <tr>
  107. <td colspan="8"><strong>入职信息</strong></td>
  108. </tr>
  109. <tr>
  110. <td class="layui-td-gray">所在部门</td>
  111. <td>{$detail.department}</td>
  112. <td class="layui-td-gray">上级主管</td>
  113. <td>{$detail.pname|default='无'}</td>
  114. <td class="layui-td-gray">岗位</td>
  115. <td>{$detail.position}</td>
  116. </tr>
  117. <tr>
  118. <td class="layui-td-gray">入职日期</td>
  119. <td>{$detail.entry_time|date='Y-m-d'}</td>
  120. <td class="layui-td-gray">职务</td>
  121. <td>
  122. <select name="position_name" lay-verify="required" lay-reqText="请选择职务">
  123. <option value="0">请选择</option>
  124. {volist name=":get_base_type_data('basic_user',1)" id="v"}
  125. <option value="{$v.id}" {eq name="$detail.position_name" value="$v.id"} selected{/eq}>{$v.title}</option>
  126. {/volist}
  127. </select>
  128. </td>
  129. <td class="layui-td-gray">职级</td>
  130. <td>
  131. <select name="position_rank" lay-verify="required" lay-reqText="请选择职级">
  132. <option value="0">请选择</option>
  133. {volist name=":get_base_type_data('basic_user',2)" id="v"}
  134. <option value="{$v.id}" {eq name="$detail.position_rank" value="$v.id"} selected{/eq}>{$v.title}</option>
  135. {/volist}
  136. </select>
  137. </td>
  138. </tr>
  139. <tr>
  140. <td class="layui-td-gray">员工类型</td>
  141. <td>
  142. {eq name="$detail.type" value="3"}实习{/eq}
  143. {eq name="$detail.type" value="2"}试用{/eq}
  144. {eq name="$detail.type" value="1"}正式{/eq}
  145. </td>
  146. <td class="layui-td-gray">员工工号</td>
  147. <td><input type="text" name="job_number" value="{$detail.job_number}" autocomplete="off" placeholder="请输入" class="layui-input"></td>
  148. <td class="layui-td-gray">社保卡号</td>
  149. <td><input type="text" name="social_account" value="{$detail.social_account}" autocomplete="off" placeholder="请输入" class="layui-input"></td>
  150. </tr>
  151. <tr>
  152. <td class="layui-td-gray-2">工资卡开户行</td>
  153. <td><input type="text" name="bank_info" value="{$detail.bank_info}" autocomplete="off" placeholder="请输入" class="layui-input"></td>
  154. <td class="layui-td-gray">工资卡帐号</td>
  155. <td><input type="text" name="bank_account" value="{$detail.bank_account}" autocomplete="off" placeholder="请输入" class="layui-input"></td>
  156. <td class="layui-td-gray">公积金号</td>
  157. <td><input type="text" name="provident_account" value="{$detail.provident_account}" autocomplete="off" placeholder="请输入" class="layui-input"></td>
  158. </tr>
  159. <tr>
  160. <td colspan="8"><strong>教育经历</strong> <button class="layui-btn layui-btn-xs add-tr" type="button" data-type="edu">+ 教育经历</button></td>
  161. </tr>
  162. <tr>
  163. <td colspan="8">
  164. <table id="edu_table" class="layui-table layui-table-min" style="margin:0">
  165. <tr>
  166. <th width="150">开始时间</th>
  167. <th width="150">结束时间</th>
  168. <th width="200">就读院校</th>
  169. <th width="150">学习专业</th>
  170. <th width="100">所获学历</th>
  171. <th>备注说明</th>
  172. <th width="60">操作</th>
  173. </tr>
  174. {empty name="$edu"}
  175. <tr class="tr-none">
  176. <td colspan="7">暂无数据</td>
  177. </tr>
  178. {else/}
  179. {volist name="$edu" id="v"}
  180. <tr class="edu_interfix">
  181. <td><input type="text" name="edu_start_time[]" value="{$v.start_time}" class="layui-input tool-time" readonly lay-verify="required" lay-reqText="请完善开始时间"></td>
  182. <td><input type="text" name="edu_end_time[]" value="{$v.end_time}" class="layui-input tool-time" readonly lay-verify="required" lay-reqText="请完善结束时间"></td>
  183. <td><input type="text" name="edu_title[]" value="{$v.title}" class="layui-input" lay-verify="required" lay-reqText="请完善就读院校"></td>
  184. <td><input type="text" name="edu_speciality[]" value="{$v.speciality}" class="layui-input" lay-verify="required" lay-reqText="请完善学习专业"></td>
  185. <td><input type="text" name="edu_education[]" value="{$v.education}" class="layui-input" lay-verify="required" lay-reqText="请完善所获学历"></td>
  186. <td><input type="text" name="edu_remark[]" class="layui-input" value="{$v.remark}"></td>
  187. <td><input type="hidden" name="edu_id[]" class="layui-input" value="{$v.id}"><a class="layui-btn layui-btn-danger layui-btn-xs" data-id="{$v.id}" data-type="edu" lay-event="del">删除</a></td>
  188. </tr>
  189. {/volist}
  190. {/empty}
  191. </table>
  192. </td>
  193. </tr>
  194. <tr>
  195. <td colspan="8"><strong>工作经历</strong> <button class="layui-btn layui-btn-xs add-tr" type="button" data-type="work">+ 工作经历</button></td>
  196. </tr>
  197. <tr>
  198. <td colspan="8">
  199. <table id="work_table" class="layui-table layui-table-min" style="margin:0">
  200. <tr>
  201. <th width="150">开始时间</th>
  202. <th width="150">结束时间</th>
  203. <th width="200">公司名称</th>
  204. <th width="100">职位</th>
  205. <th>备注说明</th>
  206. <th width="60">操作</th>
  207. </tr>
  208. {empty name="$work"}
  209. <tr class="tr-none">
  210. <td colspan="6">暂无数据</td>
  211. </tr>
  212. {else/}
  213. {volist name="$work" id="v"}
  214. <tr class="work_interfix">
  215. <td><input type="text" name="work_start_time[]" value="{$v.start_time}" class="layui-input tool-time" readonly lay-verify="required" lay-reqText="请完善开始时间"></td>
  216. <td><input type="text" name="work_end_time[]" value="{$v.end_time}" class="layui-input tool-time" readonly lay-verify="required" lay-reqText="请完善结束时间"></td>
  217. <td><input type="text" name="work_title[]" value="{$v.title}" class="layui-input" lay-verify="required" lay-reqText="请完善公司名称"></td>
  218. <td><input type="text" name="work_position[]" value="{$v.position}" class="layui-input" lay-verify="required" lay-reqText="请完善职位"></td>
  219. <td><input type="text" name="work_remark[]" class="layui-input" value="{$v.remark}"></td>
  220. <td><input type="hidden" name="work_id[]" class="layui-input" value="{$v.id}"><a class="layui-btn layui-btn-danger layui-btn-xs" data-id="{$v.id}" data-type="work" lay-event="del">删除</a></td>
  221. </tr>
  222. {/volist}
  223. {/empty}
  224. </table>
  225. </td>
  226. </tr>
  227. <tr>
  228. <td colspan="8"><strong>相关证书</strong> <button class="layui-btn layui-btn-xs add-tr" type="button" data-type="certificate">+ 相关证书</button></td>
  229. </tr>
  230. <tr>
  231. <td colspan="8">
  232. <table id="certificate_table" class="layui-table layui-table-min" style="margin:0">
  233. <tr>
  234. <th width="150">证书名称</th>
  235. <th width="150">获得时间</th>
  236. <th width="200">颁发机构</th>
  237. <th>备注说明</th>
  238. <th width="60">操作</th>
  239. </tr>
  240. {empty name="$certificate"}
  241. <tr class="tr-none">
  242. <td colspan="5">暂无数据</td>
  243. </tr>
  244. {else/}
  245. {volist name="$certificate" id="v"}
  246. <tr class="certificate_interfix">
  247. <td><input type="text" name="certificate_title[]" value="{$v.title}" class="layui-input" lay-verify="required" lay-reqText="请完善证书名称"></td>
  248. <td><input type="text" name="certificate_start_time[]" value="{$v.start_time}" class="layui-input tool-time" lay-verify="required" lay-reqText="请完善获得时间"></td>
  249. <td><input type="text" name="certificate_authority[]" value="{$v.authority}" class="layui-input" lay-verify="required" lay-reqText="请完善颁发机构"></td>
  250. <td><input type="text" name="certificate_remark[]" class="layui-input" value="{$v.remark}"></td>
  251. <td><input type="hidden" name="certificate_id[]" class="layui-input" value="{$v.id}"><a class="layui-btn layui-btn-danger layui-btn-xs" data-id="{$v.id}" data-type="certificate" lay-event="del">删除</a></td>
  252. </tr>
  253. {/volist}
  254. {/empty}
  255. </table>
  256. </td>
  257. </tr>
  258. <tr>
  259. <td colspan="8"><strong>计算机技能</strong> <button class="layui-btn layui-btn-xs add-tr" type="button" data-type="skills">+ 计算机技能</button></td>
  260. </tr>
  261. <tr>
  262. <td colspan="8">
  263. <table id="skills_table" class="layui-table layui-table-min" style="margin:0">
  264. <tr>
  265. <th width="200">技能名称</th>
  266. <th width="150">熟悉程度</th>
  267. <th>备注说明</th>
  268. <th width="60">操作</th>
  269. </tr>
  270. {empty name="$skills"}
  271. <tr class="tr-none">
  272. <td colspan="4">暂无数据</td>
  273. </tr>
  274. {else/}
  275. {volist name="$skills" id="v"}
  276. <tr class="skills_interfix">
  277. <td><input type="text" name="skills_title[]" value="{$v.title}" class="layui-input" lay-verify="required" lay-reqText="请完善技能名称"></td>
  278. <td>
  279. <select name="skills_know[]" lay-verify="required" lay-reqText="请选择熟悉程度">
  280. <option value="">请选择</option>
  281. <option value="1" {eq name="$v.know" value="1"} selected{/eq}>熟练</option>
  282. <option value="2" {eq name="$v.know" value="2"} selected{/eq}>良好</option>
  283. <option value="3" {eq name="$v.know" value="3"} selected{/eq}>一般</option>
  284. <option value="4" {eq name="$v.know" value="4"} selected{/eq}>较差</option>
  285. </select>
  286. </td>
  287. <td><input type="text" name="skills_remark[]" class="layui-input" value="{$v.remark}"></td>
  288. <td><input type="hidden" name="skills_id[]" class="layui-input" value="{$v.id}"><a class="layui-btn layui-btn-danger layui-btn-xs" data-id="{$v.id}" data-type="skills" lay-event="del">删除</a></td>
  289. </tr>
  290. {/volist}
  291. {/empty}
  292. </table>
  293. </td>
  294. </tr>
  295. <tr>
  296. <td colspan="8"><strong>语言能力</strong> <button class="layui-btn layui-btn-xs add-tr" type="button" data-type="language">+ 语言能力</button></td>
  297. </tr>
  298. <tr>
  299. <td colspan="8">
  300. <table id="language_table" class="layui-table layui-table-min" style="margin:0">
  301. <tr>
  302. <th width="200">语言名称</th>
  303. <th width="150">熟悉程度</th>
  304. <th>备注说明</th>
  305. <th width="60">操作</th>
  306. </tr>
  307. {empty name="$language"}
  308. <tr class="tr-none">
  309. <td colspan="4">暂无数据</td>
  310. </tr>
  311. {else/}
  312. {volist name="$language" id="v"}
  313. <tr class="language_interfix">
  314. <td><input type="text" name="language_title[]" value="{$v.title}" class="layui-input" lay-verify="required" lay-reqText="请完善技能名称"></td>
  315. <td>
  316. <select name="language_know[]" lay-verify="required" lay-reqText="请选择熟悉程度">
  317. <option value="">请选择</option>
  318. <option value="1" {eq name="$v.know" value="1"} selected{/eq}>熟练</option>
  319. <option value="2" {eq name="$v.know" value="2"} selected{/eq}>良好</option>
  320. <option value="3" {eq name="$v.know" value="3"} selected{/eq}>一般</option>
  321. <option value="4" {eq name="$v.know" value="4"} selected{/eq}>较差</option>
  322. </select>
  323. </td>
  324. <td><input type="text" name="language_remark[]" class="layui-input" value="{$v.remark}"></td>
  325. <td><input type="hidden" name="language_id[]" class="layui-input" value="{$v.id}"><a class="layui-btn layui-btn-danger layui-btn-xs" data-id="{$v.id}" data-type="language" lay-event="del">删除</a></td>
  326. </tr>
  327. {/volist}
  328. {/empty}
  329. </table>
  330. </td>
  331. </tr>
  332. <tr>
  333. <td colspan="8"><strong>档案相关附件</strong> <button class="layui-btn layui-btn-xs add-tr" type="button" data-type="upload" id="uploadBtn">+ 上传附件</button></td>
  334. </tr>
  335. <tr>
  336. <td colspan="8">
  337. <div class="layui-row" id="uploadBox">
  338. <input type="hidden" data-type="file" name="file_ids" value="{$detail.file_ids}">
  339. {notempty name="$detail.file_ids"}
  340. {volist name="$detail.file_array" id="vo"}
  341. <div class="layui-col-md4" id="uploadImg{$vo.id}">{:file_card($vo)}</div>
  342. {/volist}
  343. {/notempty}
  344. </div>
  345. </td>
  346. </tr>
  347. </table>
  348. <div class="pt-4">
  349. <input type="hidden" value="{$detail.id}" name="id">
  350. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">立即提交</button>
  351. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  352. </div>
  353. </form>
  354. <div style="display:none;">
  355. <table>
  356. <tbody id="edu_html">
  357. <tr class="edu_interfix">
  358. <td><input type="text" name="edu_start_time[]" value="" class="layui-input tool-time" readonly lay-verify="required" lay-reqText="请完善开始时间"></td>
  359. <td><input type="text" name="edu_end_time[]" value="" class="layui-input tool-time" readonly lay-verify="required" lay-reqText="请完善结束时间"></td>
  360. <td><input type="text" name="edu_title[]" value="" class="layui-input" lay-verify="required" lay-reqText="请完善就读院校"></td>
  361. <td><input type="text" name="edu_speciality[]" value="" class="layui-input" lay-verify="required" lay-reqText="请完善学习专业"></td>
  362. <td><input type="text" name="edu_education[]" value="" class="layui-input" lay-verify="required" lay-reqText="请完善所获学历"></td>
  363. <td><input type="text" name="edu_remark[]" class="layui-input" value=""></td>
  364. <td><input type="hidden" name="edu_id[]" class="layui-input" value="0"><a class="layui-btn layui-btn-danger layui-btn-xs" data-id="0" data-type="edu" lay-event="del">删除</a></td>
  365. </tr>
  366. </tbody>
  367. </table>
  368. </div>
  369. <div style="display:none;">
  370. <table>
  371. <tbody id="work_html">
  372. <tr class="work_interfix">
  373. <td><input type="text" name="work_start_time[]" value="" class="layui-input tool-time" readonly lay-verify="required" lay-reqText="请完善开始时间"></td>
  374. <td><input type="text" name="work_end_time[]" value="" class="layui-input tool-time" readonly lay-verify="required" lay-reqText="请完善结束时间"></td>
  375. <td><input type="text" name="work_title[]" value="" class="layui-input" lay-verify="required" lay-reqText="请完善公司名称"></td>
  376. <td><input type="text" name="work_position[]" value="" class="layui-input" lay-verify="required" lay-reqText="请完善职位"></td>
  377. <td><input type="text" name="work_remark[]" class="layui-input" value=""></td>
  378. <td><input type="hidden" name="work_id[]" class="layui-input" value="0"><a class="layui-btn layui-btn-danger layui-btn-xs" data-id="0" data-type="work" lay-event="del">删除</a></td>
  379. </tr>
  380. </tbody>
  381. </table>
  382. </div>
  383. <div style="display:none;">
  384. <table>
  385. <tbody id="certificate_html">
  386. <tr class="certificate_interfix">
  387. <td><input type="text" name="certificate_title[]" value="" class="layui-input" lay-verify="required" lay-reqText="请完善证书名称"></td>
  388. <td><input type="text" name="certificate_start_time[]" value="" class="layui-input tool-time" lay-verify="required" lay-reqText="请完善获得时间"></td>
  389. <td><input type="text" name="certificate_authority[]" value="" class="layui-input" lay-verify="required" lay-reqText="请完善颁发机构"></td>
  390. <td><input type="text" name="certificate_remark[]" class="layui-input" value=""></td>
  391. <td><input type="hidden" name="certificate_id[]" class="layui-input" value="0"><a class="layui-btn layui-btn-danger layui-btn-xs" data-id="0" data-type="certificate" lay-event="del">删除</a></td>
  392. </tr>
  393. </tbody>
  394. </table>
  395. </div>
  396. <div style="display:none;">
  397. <table>
  398. <tbody id="skills_html">
  399. <tr class="skills_interfix">
  400. <td><input type="text" name="skills_title[]" value="" class="layui-input" lay-verify="required" lay-reqText="请完善技能名称"></td>
  401. <td>
  402. <select name="skills_know[]" lay-verify="required" lay-reqText="请选择熟悉程度">
  403. <option value="">请选择</option>
  404. <option value="1">熟练</option>
  405. <option value="2">良好</option>
  406. <option value="3">一般</option>
  407. <option value="4">较差</option>
  408. </select>
  409. </td>
  410. <td><input type="text" name="skills_remark[]" class="layui-input" value=""></td>
  411. <td><input type="hidden" name="skills_id[]" class="layui-input" value="0"><a class="layui-btn layui-btn-danger layui-btn-xs" data-id="0" data-type="skills" lay-event="del">删除</a></td>
  412. </tr>
  413. </tbody>
  414. </table>
  415. </div>
  416. <div style="display:none;">
  417. <table>
  418. <tbody id="language_html">
  419. <tr class="language_interfix">
  420. <td><input type="text" name="language_title[]" value="" class="layui-input" lay-verify="required" lay-reqText="请完善语言名称"></td>
  421. <td>
  422. <select name="language_know[]" lay-verify="required" lay-reqText="请选择熟悉程度">
  423. <option value="">请选择</option>
  424. <option value="1">熟练</option>
  425. <option value="2">良好</option>
  426. <option value="3">一般</option>
  427. <option value="4">较差</option>
  428. </select>
  429. </td>
  430. <td><input type="text" name="language_remark[]" class="layui-input" value=""></td>
  431. <td><input type="hidden" name="language_id[]" class="layui-input" value="0"><a class="layui-btn layui-btn-danger layui-btn-xs" data-id="0" data-type="language" lay-event="del">删除</a></td>
  432. </tr>
  433. </tbody>
  434. </table>
  435. </div>
  436. {/block}
  437. <!-- /主体 -->
  438. <!-- 脚本 -->
  439. {block name="script"}
  440. <script>
  441. const moduleInit = ['tool','uploadPlus'];
  442. function gouguInit() {
  443. var form = layui.form,tool=layui.tool,uploadPlus=layui.uploadPlus;
  444. //头像上传
  445. var photoUpload = new uploadPlus({
  446. 'use':'single',
  447. 'target':'uploadImg',
  448. 'callback':function(res){
  449. layer.msg(res.msg);
  450. if (res.code == 0) {
  451. //上传成功
  452. $('#uploadThumb input').attr('value', res.data.filepath);
  453. $('#uploadThumb img').attr('src', res.data.filepath);
  454. }
  455. }
  456. });
  457. //相关附件上传
  458. var attachment = new uploadPlus();
  459. //添加表格
  460. $('.add-tr').on('click',function(){
  461. let type = $(this).data('type');
  462. let html = $('#'+type+'_html').html();
  463. let timestamp = Date.now();
  464. let $html = $(html);
  465. let elem = $html.find('.diff_time').addClass('time_'+timestamp);
  466. $('#'+type+'_table').append($html).find('.tr-none').remove();
  467. form.render();
  468. });
  469. $('body').on('click', '[lay-event="del"]', function() {
  470. var that=$(this);
  471. let type = $(this).data('type');
  472. var _id = that.data('id');
  473. if(_id>0){
  474. layer.confirm('确定删除该数据?', {
  475. icon: 3,
  476. title: '提示'
  477. }, function(index) {
  478. $.ajax({
  479. url: "/user/api/del_profiles",
  480. type:'post',
  481. data: {id: _id},
  482. success: function(res) {
  483. layer.msg(res.msg);
  484. if (res.code == 0) {
  485. that.parents("."+type+"_interfix").remove();
  486. if($('#'+type+'_table').find('tr').length<2){
  487. $('#'+type+'_table').append('<tr class="tr-none"><td colspan="7">暂无数据</td></tr>');
  488. return false;
  489. }
  490. }
  491. }
  492. })
  493. layer.close(index);
  494. });
  495. }
  496. else{
  497. that.parents("."+type+"_interfix").remove();
  498. if($('#'+type+'_table').find('tr').length<2){
  499. $('#'+type+'_table').append('<tr class="tr-none"><td colspan="7">暂无数据</td></tr>');
  500. return false;
  501. }
  502. }
  503. });
  504. //监听提交
  505. form.on('submit(webform)', function(data){
  506. let callback = function (e) {
  507. layer.msg(e.msg);
  508. if (e.code == 0) {
  509. tool.sideClose(1000);
  510. }
  511. }
  512. tool.post("/user/files/add", data.field, callback);
  513. return false;
  514. });
  515. }
  516. </script>
  517. {/block}
  518. <!-- /脚本 -->