companyform.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409
  1. <div class="layui-fluid">
  2. <div class="layui-row layui-col-space15">
  3. <div class="layui-col-md12">
  4. <div class="layui-card">
  5. <div class="layui-card-header">用户信息</div>
  6. <div class="layui-card-body" pad15>
  7. <div class="layui-form layui-form-pane" lay-filter="LAY-user-userform-edit">
  8. <input type="hidden" name="id" value="{$user.id}" />
  9. <div class="layui-form-item">
  10. <label class="layui-form-label">用户组</label>
  11. <div class="layui-input-block">
  12. <select name="groupsid">
  13. <option value="">请选择用户组</option>
  14. {volist name="groupslist" id="vo"}
  15. <option value="{$vo.id}" {$user.groupsid===$vo.id ? 'selected' : '' }>{$vo.title}</option>
  16. {/volist}
  17. </select>
  18. </div>
  19. </div>
  20. <div class="layui-form-item">
  21. <label class="layui-form-label"><span style="color:#f90c05;">*</span>昵称</label>
  22. <div class="layui-input-block">
  23. <input type="text" name="nickname" value="{$user.nickname}" lay-verify="required" placeholder="请输入用户昵称"
  24. autocomplete="off" class="layui-input">
  25. </div>
  26. </div>
  27. <div class="layui-form-item">
  28. <label class="layui-form-label">头像</label>
  29. <div class="layui-input-block">
  30. <div class="layui-upload">
  31. <button type="button" class="layui-btn attachment-upload-images" data-input="avatar" data-amount="1">上传图片</button>
  32. <div class="layui-inline layui-word-aux"> 最佳尺寸:320px*320px </div>
  33. <div class="layui-upload-list echo-attachment-image-list" id="avatar">
  34. {notempty name="user.avatar"}
  35. <div>
  36. <input type="hidden" name="avatar" value="{$user.avatar}">
  37. <img src="{$user.avatar}">
  38. </div>
  39. {/notempty}
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. <div class="layui-form-item">
  45. <label class="layui-form-label"><span style="color:#f90c05;">*</span>姓名</label>
  46. <div class="layui-input-block">
  47. <input type="text" name="nickname" value="{$user.nickname}" lay-verify="required" placeholder="请输入姓名"
  48. autocomplete="off" class="layui-input">
  49. </div>
  50. </div>
  51. <div class="layui-form-item">
  52. <label class="layui-form-label">手机号</label>
  53. <div class="layui-input-block">
  54. <input type="text" name="mobile" value="{$user.mobile}" lay-verify="phone" placeholder="请输入手机号" autocomplete="off"
  55. class="layui-input">
  56. </div>
  57. </div>
  58. <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  59. <legend>银行卡信息</legend>
  60. </fieldset>
  61. <div class="layui-form-item">
  62. <label class="layui-form-label">开户行名</label>
  63. <div class="layui-input-block">
  64. <input type="text" name="bankcard[openbank]" value="{$user.bankcard.openbank}" placeholder="请输入开户行名"
  65. autocomplete="off" class="layui-input">
  66. </div>
  67. </div>
  68. <div class="layui-form-item">
  69. <label class="layui-form-label">账户名</label>
  70. <div class="layui-input-block">
  71. <input type="text" name="bankcard[account]" value="{$user.bankcard.account}" placeholder="请输入账户名" autocomplete="off"
  72. class="layui-input">
  73. </div>
  74. </div>
  75. <div class="layui-form-item">
  76. <label class="layui-form-label">账户号</label>
  77. <div class="layui-input-block">
  78. <input type="text" name="bankcard[number]" value="{$user.bankcard.number}" placeholder="请输入账户号" autocomplete="off"
  79. class="layui-input">
  80. </div>
  81. </div>
  82. <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  83. <legend>认证信息</legend>
  84. </fieldset>
  85. <div class="layui-form-item">
  86. <label class="layui-form-label">身份证正面</label>
  87. <div class="layui-input-block">
  88. <div class="layui-upload">
  89. <button type="button" class="layui-btn attachment-upload-images" data-input="idcardzpic" data-amount="1">上传图片</button>
  90. <div class="layui-upload-list echo-attachment-image-list" id="idcardzpic">
  91. {notempty name="user.idcardzpic"}
  92. <div>
  93. <input type="hidden" name="idcardzpic" value="{$user.idcardzpic}">
  94. <img src="{$user.idcardzpic}" class="idcard">
  95. </div>
  96. {/notempty}
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <div class="layui-form-item">
  102. <label class="layui-form-label">身份证反面</label>
  103. <div class="layui-input-block">
  104. <div class="layui-upload">
  105. <button type="button" class="layui-btn attachment-upload-images" data-input="idcardfpic" data-amount="1">上传图片</button>
  106. <div class="layui-upload-list echo-attachment-image-list" id="idcardfpic">
  107. {notempty name="user.idcardfpic"}
  108. <div>
  109. <input type="hidden" name="idcardfpic" value="{$user.idcardfpic}">
  110. <img src="{$user.idcardfpic}" class="idcard">
  111. </div>
  112. {/notempty}
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. <div class="layui-form-item">
  118. <label class="layui-form-label">身份证号</label>
  119. <div class="layui-input-block">
  120. <input type="text" name="idcard" value="{$user.idcard}" placeholder="请输入身份证号" autocomplete="off" class="layui-input">
  121. </div>
  122. </div>
  123. <div class="layui-form-item" pane>
  124. <label class="layui-form-label">性别</label>
  125. <div class="layui-input-block">
  126. <input type="radio" name="gender" value="1" title="男" {eq name="user.gender|default=1" value="1" }checked{/eq} />
  127. <input type="radio" name="gender" value="2" title="女" {eq name="user.gender" value="2" }checked{/eq} />
  128. </div>
  129. </div>
  130. <div class="layui-form-item">
  131. <label class="layui-form-label">出生日期</label>
  132. <div class="layui-input-block">
  133. <input type="text" name="birthday" id="birthday" value="{$user.birthday}" placeholder="请选择出生日期" autocomplete="off"
  134. class="layui-input">
  135. </div>
  136. </div>
  137. <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  138. <legend>简历信息</legend>
  139. </fieldset>
  140. <div class="layui-form-item">
  141. <label class="layui-form-label">求职意向</label>
  142. <div class="layui-input-block">
  143. <!--<textarea name="jobintention" placeholder="请输入求职意向" class="layui-textarea">{$user.jobintention}</textarea>-->
  144. <select name="jobintention" lay-search lay-filter="jobintention">
  145. <option value="">全部企业(可搜索)</option>
  146. {volist name="willlist" id="vo"}
  147. <option value="{$vo['id']}" {if $user.jobintention == $vo.id}selected{/if}>{$vo['title']}</option>
  148. {/volist}
  149. </select>
  150. </div>
  151. </div>
  152. <div class="layui-form-item emp_time_form" {if condition="!empty($user) && $user['jobintention']==1"}style="display:none"{/if}>
  153. <label class="layui-form-label">用工时间</label>
  154. <div class="layui-input-block">
  155. {volist name="emptimelist" id="vo"}
  156. <input type="checkbox" name="emp_time[]" value="{$vo.name}" title="{$vo.name}"
  157. {if condition="!$user->isEmpty() && !empty($user['emp_time']) && in_array($vo['name'],$user['emp_time'])"}
  158. checked
  159. {/if}
  160. />
  161. {/volist}
  162. </div>
  163. </div>
  164. <div class="layui-form-item">
  165. <label class="layui-form-label">上班地点</label>
  166. <div class="layui-input-block">
  167. {volist name="communitylist" id="vo"}
  168. <input type="checkbox" name="work_place[]" value="{$vo.name}" title="{$vo.name}"
  169. {if condition="!$user->isEmpty() && !empty($user['work_place']) && in_array($vo['name'],$user['work_place'])"}
  170. checked
  171. {/if}
  172. />
  173. {/volist}
  174. </div>
  175. </div>
  176. <div class="layui-form-item" pane>
  177. <label class="layui-form-label">岗位设置方式</label>
  178. <div class="layui-input-block">
  179. <input type="radio" lay-filter="com_cate_type" name="com_cate_type" value="1" title="选择项方式" {eq name="user.com_cate_type|default=1" value="1" }checked{/eq} />
  180. <input type="radio" lay-filter="com_cate_type" name="com_cate_type" value="2" title="手工填写方式" {eq name="user.com_cate_type" value="2" }checked{/eq} />
  181. </div>
  182. </div>
  183. <div class="layui-form-item com_cate_form" {if condition="!empty($user) && $user['com_cate_type']==2"}style="display:none"{/if}>
  184. <label class="layui-form-label">岗位类型</label>
  185. <div class="layui-input-block">
  186. {volist name="comlist" id="vo"}
  187. <input type="checkbox" name="com_cate[]" value="{$vo.title}" title="{$vo.title}"
  188. {if condition="!$user->isEmpty() && !empty($user['com_cate']) && in_array($vo['title'],$user['com_cate'])"}
  189. checked
  190. {/if}
  191. />
  192. {/volist}
  193. </div>
  194. </div>
  195. <div class="layui-form-item com_cate_other_form" {if condition="!empty($user) && $user['com_cate_type']==1"}style="display:none"{/if}>
  196. <label class="layui-form-label">岗位类型</label>
  197. <div class="layui-input-block">
  198. <input type="text" name="com_cate_other" value="{$user.com_cate_other}" placeholder="请输入岗位类型" autocomplete="off" class="layui-input">
  199. </div>
  200. </div>
  201. <div class="layui-form-item user_tags_form">
  202. <label class="layui-form-label">用户标签</label>
  203. <div class="layui-input-block">
  204. {volist name="usertags" id="vo"}
  205. <input type="checkbox" name="user_tags[]" value="{$vo.name}" title="{$vo.name}"
  206. {if condition="!$user->isEmpty() && !empty($user['user_tags']) && in_array($vo['name'],$user['user_tags'])"}
  207. checked
  208. {/if}
  209. />
  210. {/volist}
  211. </div>
  212. </div>
  213. <div class="layui-form-item">
  214. <label class="layui-form-label">现居住地</label>
  215. <div class="layui-input-block">
  216. <input type="text" name="address" value="{$user.address}" placeholder="请输入现居住地" autocomplete="off" class="layui-input">
  217. </div>
  218. </div>
  219. <div class="layui-form-item">
  220. <label class="layui-form-label">学历</label>
  221. <div class="layui-input-block">
  222. <select name="education" lay-search>
  223. <option value="">全部(可搜索)</option>
  224. <option value="1" {eq name="user.education" value="1"}selected{/eq}>初中</option>
  225. <option value="2" {eq name="user.education" value="2"}selected{/eq}>高中</option>
  226. <option value="3" {eq name="user.education" value="3"}selected{/eq}>中技</option>
  227. <option value="4" {eq name="user.education" value="4"}selected{/eq}>中专</option>
  228. <option value="5" {eq name="user.education" value="5"}selected{/eq}>大专</option>
  229. <option value="6" {eq name="user.education" value="6"}selected{/eq}>本科</option>
  230. <option value="7" {eq name="user.education" value="7"}selected{/eq}>硕士</option>
  231. <option value="8" {eq name="user.education" value="8"}selected{/eq}>博士</option>
  232. </select>
  233. </div>
  234. </div>
  235. <div class="layui-form-item">
  236. <label class="layui-form-label">工作经验</label>
  237. <div class="layui-input-block">
  238. <!--<textarea name="workexperience" placeholder="请输入工作经验" class="layui-textarea">{$user.workexperience}</textarea>-->
  239. <select name="workexperience" lay-search>
  240. <option value="">全部(可搜索)</option>
  241. <option value="1" {eq name="user.workexperience" value="1"}selected{/eq}>无经验</option>
  242. <option value="2" {eq name="user.workexperience" value="2"}selected{/eq}>一年以下</option>
  243. <option value="3" {eq name="user.workexperience" value="3"}selected{/eq}>1-3年</option>
  244. <option value="4" {eq name="user.workexperience" value="4"}selected{/eq}>3-5年</option>
  245. <option value="5" {eq name="user.workexperience" value="5"}selected{/eq}>5-10年</option>
  246. <option value="6" {eq name="user.workexperience" value="6"}selected{/eq}>10年以上</option>
  247. </select>
  248. </div>
  249. </div>
  250. <div class="layui-form-item">
  251. <label class="layui-form-label">个人描述</label>
  252. <div class="layui-input-block">
  253. <textarea name="eduexperience" placeholder="请输入个人描述" class="layui-textarea">{$user.eduexperience}</textarea>
  254. </div>
  255. </div>
  256. <div class="layui-form-item" pane>
  257. <label class="layui-form-label">跟进状态</label>
  258. <div class="layui-input-block">
  259. <input type="radio" name="followstatus" value="1" title="未跟进" {eq name="user.followstatus|default=1" value="1" }checked{/eq} />
  260. <input type="radio" name="followstatus" value="2" title="未面试" {eq name="user.followstatus" value="2" }checked{/eq} />
  261. <input type="radio" name="followstatus" value="3" title="面试通过" {eq name="user.followstatus" value="3" }checked{/eq} />
  262. <input type="radio" name="followstatus" value="4" title="面试未通过" {eq name="user.followstatus" value="4" }checked{/eq} />
  263. <input type="radio" name="followstatus" value="5" title="用户放弃" {eq name="user.followstatus" value="5" }checked{/eq} />
  264. <input type="radio" name="followstatus" value="6" title="已入职" {eq name="user.followstatus" value="6" }checked{/eq} />
  265. <input type="radio" name="followstatus" value="7" title="已离职" {eq name="user.followstatus" value="7" }checked{/eq} />
  266. </div>
  267. </div>
  268. <div class="layui-form-item">
  269. <label class="layui-form-label">备注</label>
  270. <div class="layui-input-block">
  271. <textarea name="comment" placeholder="请输入备注" class="layui-textarea">{$user.comment}</textarea>
  272. </div>
  273. </div>
  274. <div class="layui-form-item">
  275. <div class="layui-input-block">
  276. <input type="button" lay-submit lay-filter="LAY-user-userform-edit-submit" value="确认提交" class="layui-btn">
  277. </div>
  278. </div>
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. </div>
  285. <script>
  286. layui.config({
  287. base: '/static/echoui/' //静态资源所在路径
  288. }).extend({
  289. index: 'lib/index' //主入口模块
  290. }).use(['index', 'form', 'set', 'upload', 'laydate' ], function() {
  291. var $ = layui.$,
  292. setter = layui.setter,
  293. admin = layui.admin,
  294. form = layui.form,
  295. laydate = layui.laydate,
  296. upload = layui.upload;
  297. form.render();
  298. laydate.render({
  299. elem: '#birthday',
  300. type: 'date'
  301. });
  302. laydate.render({
  303. elem: '#createtime',
  304. type: 'datetime'
  305. });
  306. form.on('submit(LAY-user-userform-edit-submit)', function(obj) {
  307. var index = parent.layer.getFrameIndex(window.name);
  308. admin.req({
  309. url: setter.baseWorkerUrl + 'resume/editcompany',
  310. type: 'post',
  311. data: obj.field,
  312. done: function(res) {
  313. layer.msg("提交成功", {
  314. icon: 1
  315. });
  316. parent.layui.table.reload('LAY-user-userlist-table'); //重载表格
  317. parent.layer.close(index);
  318. }
  319. });
  320. });
  321. $('.echo-attachment-image-list').on('click', '.idcard', function() {
  322. var src = $(this).attr('src');
  323. layer.photos({
  324. photos: {
  325. "title": "", //相册标题
  326. "id": 1, //相册id
  327. "start": 0, //初始显示的图片序号,默认0
  328. "data": [ //相册包含的图片,数组格式
  329. {
  330. "alt": "身份证",
  331. "pid": 1, //图片id
  332. "src": src, //原图地址
  333. "thumb": src //缩略图地址
  334. }
  335. ]
  336. }
  337. });
  338. });
  339. $('.echo-attachment-image-list').on('click', '.attachmentdel', function() {
  340. $(this).parent().remove();
  341. });
  342. form.on('radio(com_cate_type)', function(data){
  343. if (data.value==1) {
  344. $('.com_cate_other_form').hide();
  345. $('.com_cate_form').show();
  346. } else {
  347. $('.com_cate_form').hide();
  348. $('.com_cate_other_form').show();
  349. }
  350. });
  351. form.on('select(jobintention)', function(data){
  352. if (data.value==1) {
  353. $('.emp_time_form').hide();
  354. } else {
  355. $('.emp_time_form').show();
  356. }
  357. });
  358. upload.render({
  359. elem: '.attachment-upload-images',
  360. url: setter.baseWorkerUrl + 'attachment/tplfieldimage',
  361. accept: 'images',
  362. exits: 'jpg|png|jpeg',
  363. acceptMime: 'image/*',
  364. size: 2048,
  365. number: 1,
  366. method: 'post',
  367. before: function(obj) {
  368. var item = this.item;
  369. upload_input = $(item).data('input');
  370. upload_amount = $(item).data('amount');
  371. layer.load();
  372. },
  373. done: function(res, index, upload) {
  374. layer.closeAll('loading');
  375. var html = "";
  376. if (upload_amount == 1) {
  377. html += '<div> <input type="hidden" name="' + upload_input + '" value="' + res.data.src + '"> ';
  378. html += '<img src="' + res.data.src + '" class="idcard"></div>';
  379. $("#" + upload_input).html(html);
  380. } else {
  381. html += '<div> <input type="hidden" name="' + upload_input + '[]" value="' + res.data.src + '"> ';
  382. html += '<img src="' + res.data.src +
  383. '"> <button type="button" class="attachmentdel layui-btn layui-btn-primary layui-btn-xs layui-btn-fluid">删除</button></div>';
  384. $("#" + upload_input).append(html);
  385. }
  386. },
  387. error: function(index, upload) {
  388. layer.closeAll('loading');
  389. }
  390. });
  391. });
  392. </script>
  393. </body>
  394. </html>