userform.html 20 KB

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