odd_job/app/admin/view/user/userform.html

<div class="layui-fluid">
	<div class="layui-row layui-col-space15">
		<div class="layui-col-md12">
			<div class="layui-card">
				<div class="layui-card-header">用户信息</div>
				<div class="layui-card-body" pad15>

					<div class="layui-form layui-form-pane" lay-filter="LAY-user-userform-edit">
						<input type="hidden" name="id" value="{$user.id}" />
						<div class="layui-form-item">
							<label class="layui-form-label">用户组</label>
							<div class="layui-input-block">
								<select name="groupsid">
									<option value="">请选择用户组</option>
									{volist name="groupslist" id="vo"}
									<option value="{$vo.id}" {$user.groupsid===$vo.id ? 'selected' : '' }>{$vo.title}</option>
									{/volist}
								</select>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">经纪人</label>
							<div class="layui-input-block" id="agentbroker">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">来源</label>
							<div class="layui-input-block">
								<input type="text" readonly value="{$user.broker_channel_text}" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"><span style="color:#f90c05;">*</span>昵称</label>
							<div class="layui-input-block">
								<input type="text" name="nickname" value="{$user.nickname}" lay-verify="required" placeholder="请输入用户昵称"
								 autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">头像</label>
							<div class="layui-input-block">
								<div class="layui-upload">
									<button type="button" class="layui-btn attachment-upload-images" data-input="avatar" data-amount="1">上传图片</button>
									<div class="layui-inline layui-word-aux"> 最佳尺寸：320px*320px </div>
									<div class="layui-upload-list echo-attachment-image-list" id="avatar">
										{notempty name="user.avatar"}
										<div>
											<input type="hidden" name="avatar" value="{$user.avatar}">
											<img src="{$user.avatar}">
										</div>
										{/notempty}
									</div>
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"><span style="color:#f90c05;">*</span>姓名</label>
							<div class="layui-input-block">
								<input type="text" name="realname" value="{$user.realname}" lay-verify="required" placeholder="请输入姓名"
								 autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">手机号</label>
							<div class="layui-input-block">
								<input type="text" name="mobile" value="{$user.mobile}" lay-verify="phone" placeholder="请输入手机号" autocomplete="off"
								 class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">登录密码</label>
							<div class="layui-input-block">
								<input type="text" name="password" value="" placeholder="请输入登录密码，不修改留空" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">可用积分</label>
							<div class="layui-input-block">
								<input type="text" name="integral" value="{$user.integral|default=0}" readonly placeholder="请输入可用积分"
								 autocomplete="off" class="layui-input layui-disabled">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"><span style="color:#f90c05;">*</span>累计积分</label>
							<div class="layui-input-block">
								<input type="text" name="inttotal" value="{$user.inttotal|default=0}" lay-verify="required" placeholder="请输入累计积分"
								 autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item" pane>
							<label class="layui-form-label">用户状态</label>
							<div class="layui-input-block">
								<input type="radio" name="status" value="1" title="待审核" {eq name="user.status|default=1" value="1" }checked{/eq} />
								<input type="radio" name="status" value="2" title="已通过" {eq name="user.status" value="2" }checked{/eq} />
								<input type="radio" name="status" value="3" title="未通过" {eq name="user.status" value="3" }checked{/eq} />
							</div>
						</div>
						<div class="layui-form-item" pane>
							<label class="layui-form-label">是否VIP</label>
							<div class="layui-input-block">
								<input type="checkbox" lay-filter="switch" name="isvip" {eq name="user.isvip|default=1" value="2" }checked{/eq}
								 lay-skin="switch" lay-text="是|否" value="2">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"><span style="color:#f90c05;">*</span>创建时间</label>
							<div class="layui-input-block">
								<input type="text" name="createtime" id="createtime" lay-verify="required" value="{$user.createtime}"
								 placeholder="请输入创建时间" autocomplete="off" class="layui-input">
							</div>
						</div>

						<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
							<legend>银行卡信息</legend>
						</fieldset>
						<div class="layui-form-item">
							<label class="layui-form-label">开户行名</label>
							<div class="layui-input-block">
								<input type="text" name="bankcard[openbank]" value="{$user.bankcard.openbank}" placeholder="请输入开户行名"
								 autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">账户名</label>
							<div class="layui-input-block">
								<input type="text" name="bankcard[account]" value="{$user.bankcard.account}" placeholder="请输入账户名" autocomplete="off"
								 class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">账户号</label>
							<div class="layui-input-block">
								<input type="text" name="bankcard[number]" value="{$user.bankcard.number}" placeholder="请输入账户号" autocomplete="off"
								 class="layui-input">
							</div>
						</div>

						<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
							<legend>认证信息</legend>
						</fieldset>
						<div class="layui-form-item" pane>
							<label class="layui-form-label">实名认证</label>
							<div class="layui-input-block">
								<input type="radio" name="authstatus" value="1" title="待认证" {eq name="user.authstatus|default=1" value="1"}checked{/eq} />
								<input type="radio" name="authstatus" value="2" title="待审核" {eq name="user.authstatus" value="2" }checked{/eq} />
								<input type="radio" name="authstatus" value="3" title="已认证" {eq name="user.authstatus" value="3" }checked{/eq} />
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">认证备注</label>
							<div class="layui-input-block">
								<input type="text" name="authremark" value="{$user.authremark}" placeholder="请输入认证备注（认证过程中反馈给用户的信息）"
								 autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">身份证正面</label>
							<div class="layui-input-block">
								<div class="layui-upload">
									<button type="button" class="layui-btn attachment-upload-images" data-input="idcardzpic" data-amount="1">上传图片</button>
									<div class="layui-upload-list echo-attachment-image-list" id="idcardzpic">
										{notempty name="user.idcardzpic"}
										<div>
											<input type="hidden" name="idcardzpic" value="{$user.idcardzpic}">
											<img src="{$user.idcardzpic}" class="idcard">
										</div>
										{/notempty}
									</div>
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">身份证反面</label>
							<div class="layui-input-block">
								<div class="layui-upload">
									<button type="button" class="layui-btn attachment-upload-images" data-input="idcardfpic" data-amount="1">上传图片</button>
									<div class="layui-upload-list echo-attachment-image-list" id="idcardfpic">
										{notempty name="user.idcardfpic"}
										<div>
											<input type="hidden" name="idcardfpic" value="{$user.idcardfpic}">
											<img src="{$user.idcardfpic}" class="idcard">
										</div>
										{/notempty}
									</div>
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">身份证号</label>
							<div class="layui-input-block">
								<input type="text" name="idcard" value="{$user.idcard}" placeholder="请输入身份证号" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item" pane>
							<label class="layui-form-label">性别</label>
							<div class="layui-input-block">
								<input type="radio" name="gender" value="1" title="男" {eq name="user.gender|default=1" value="1" }checked{/eq} />
								<input type="radio" name="gender" value="2" title="女" {eq name="user.gender" value="2" }checked{/eq} />
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">出生日期</label>
							<div class="layui-input-block">
								<input type="text" name="birthday" id="birthday" value="{$user.birthday}" placeholder="请选择出生日期" autocomplete="off"
								 class="layui-input">
							</div>
						</div>

						<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
							<legend>简历信息</legend>
						</fieldset>
						<div class="layui-form-item">
							<label class="layui-form-label">求职意向</label>
							<div class="layui-input-block">
								<!--<textarea name="jobintention" placeholder="请输入求职意向" class="layui-textarea">{$user.jobintention}</textarea>-->
								<select name="jobintention" lay-search lay-filter="jobintention">
									<option value="">全部企业（可搜索）</option>
									{volist name="willlist" id="vo"}
									<option value="{$vo['id']}" {if $user.jobintention == $vo.id}selected{/if}>{$vo['title']}</option>
									{/volist}
								</select>
							</div>
						</div>
						<div class="layui-form-item emp_time_form" {if condition="!empty($user) && $user['jobintention']==1"}style="display:none"{/if}>
							<label class="layui-form-label">用工时间</label>
							<div class="layui-input-block">
								{volist name="emptimelist" id="vo"}
								<input type="checkbox" name="emp_time[]" value="{$vo.name}" title="{$vo.name}"
									   {if condition="!$user->isEmpty() && !empty($user['emp_time']) && in_array($vo['name'],$user['emp_time'])"}
									   checked
									   {/if}
								/>
								{/volist}
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">上班地点</label>
							<div class="layui-input-block">
								{volist name="communitylist" id="vo"}
								<input type="checkbox" name="work_place[]" value="{$vo.name}" title="{$vo.name}"
									   {if condition="!$user->isEmpty() && !empty($user['work_place']) && in_array($vo['name'],$user['work_place'])"}
									   checked
									   {/if}
								/>
								{/volist}
							</div>
						</div>
						<div class="layui-form-item" pane>
							<label class="layui-form-label">岗位设置方式</label>
							<div class="layui-input-block">
								<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} />
								<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} />
							</div>
						</div>
						<div class="layui-form-item com_cate_form" {if condition="!empty($user) && $user['com_cate_type']==2"}style="display:none"{/if}>
							<label class="layui-form-label">岗位类型</label>
							<div class="layui-input-block">
								{volist name="comlist" id="vo"}
								<input type="checkbox" name="com_cate[]" value="{$vo.title}" title="{$vo.title}"
									   {if condition="!$user->isEmpty() && !empty($user['com_cate']) && in_array($vo['title'],$user['com_cate'])"}
									   checked
									   {/if}
								/>
								{/volist}
							</div>
						</div>
						<div class="layui-form-item com_cate_other_form" {if condition="!empty($user) && $user['com_cate_type']==1"}style="display:none"{/if}>
							<label class="layui-form-label">岗位类型</label>
							<div class="layui-input-block">
								<input type="text" name="com_cate_other" value="{$user.com_cate_other}" placeholder="请输入岗位类型" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item user_tags_form">
							<label class="layui-form-label">用户标签</label>
							<div class="layui-input-block">
								{volist name="usertags" id="vo"}
								<input type="checkbox" name="user_tags[]" value="{$vo.name}" title="{$vo.name}"
									   {if condition="!$user->isEmpty() && !empty($user['user_tags']) && in_array($vo['name'],$user['user_tags'])"}
									   checked
									   {/if}
								/>
								{/volist}
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">现居住地</label>
							<div class="layui-input-block">
								<input type="text" name="address" value="{$user.address}" placeholder="请输入现居住地" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">学历</label>
							<div class="layui-input-block">
								<!--<input type="text" name="education" value="{$user.education}" placeholder="请输入学历" autocomplete="off" class="layui-input">-->
								<select name="education" lay-search>
									<option value="">全部（可搜索）</option>
									<option value="1" {eq name="user.education" value="1"}selected{/eq}>初中</option>
									<option value="2" {eq name="user.education" value="2"}selected{/eq}>高中</option>
									<option value="3" {eq name="user.education" value="3"}selected{/eq}>中技</option>
									<option value="4" {eq name="user.education" value="4"}selected{/eq}>中专</option>
									<option value="5" {eq name="user.education" value="5"}selected{/eq}>大专</option>
									<option value="6" {eq name="user.education" value="6"}selected{/eq}>本科</option>
									<option value="7" {eq name="user.education" value="7"}selected{/eq}>硕士</option>
									<option value="8" {eq name="user.education" value="8"}selected{/eq}>博士</option>
								</select>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">工作经验</label>
							<div class="layui-input-block">
								<!--<textarea name="workexperience" placeholder="请输入工作经验" class="layui-textarea">{$user.workexperience}</textarea>-->
								<select name="workexperience" lay-search>
									<option value="">全部（可搜索）</option>
									<option value="1" {eq name="user.workexperience" value="1"}selected{/eq}>无经验</option>
									<option value="2" {eq name="user.workexperience" value="2"}selected{/eq}>一年以下</option>
									<option value="3" {eq name="user.workexperience" value="3"}selected{/eq}>1-3年</option>
									<option value="4" {eq name="user.workexperience" value="4"}selected{/eq}>3-5年</option>
									<option value="5" {eq name="user.workexperience" value="5"}selected{/eq}>5-10年</option>
									<option value="6" {eq name="user.workexperience" value="6"}selected{/eq}>10年以上</option>
								</select>

							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">个人描述</label>
							<div class="layui-input-block">
								<textarea name="eduexperience" placeholder="请输入个人描述" class="layui-textarea">{$user.eduexperience}</textarea>
							</div>
						</div>

						<div class="layui-form-item" pane>
							<label class="layui-form-label">跟进状态</label>
							<div class="layui-input-block">
								<input type="radio" name="followstatus" value="1" title="未跟进" {eq name="user.followstatus|default=1" value="1" }checked{/eq} />
								<input type="radio" name="followstatus" value="2" title="未面试" {eq name="user.followstatus" value="2" }checked{/eq} />
								<input type="radio" name="followstatus" value="3" title="面试通过" {eq name="user.followstatus" value="3" }checked{/eq} />
								<input type="radio" name="followstatus" value="4" title="面试未通过" {eq name="user.followstatus" value="4" }checked{/eq} />
								<input type="radio" name="followstatus" value="5" title="用户放弃" {eq name="user.followstatus" value="5" }checked{/eq} />
								<input type="radio" name="followstatus" value="6" title="已入职" {eq name="user.followstatus" value="6" }checked{/eq} />
								<input type="radio" name="followstatus" value="7" title="已离职" {eq name="user.followstatus" value="7" }checked{/eq} />
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-input-block">
								<input type="button" lay-submit lay-filter="LAY-user-userform-edit-submit" value="确认提交" class="layui-btn">
							</div>
						</div>
					</div>


				</div>
			</div>
		</div>
	</div>
</div>

<script>
	layui.config({
		base: '/static/echoui/' //静态资源所在路径
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index', 'form', 'set', 'upload', 'laydate', 'selectN', 'selectM'], function() {
		var $ = layui.$,
			setter = layui.setter,
			admin = layui.admin,
			form = layui.form,
			laydate = layui.laydate,
			upload = layui.upload,
			selectN = layui.selectN,
			selectM = layui.selectM;
		form.render();

		var agentbroker = selectN({
			elem: '#agentbroker',
			search: [false, false],
			tips: ["请选择代理门店", "请选择经纪人"],
			data: {$agentlist|raw},
			selected: [{$user['broker'] ? $user['broker']['agentid'] : null}, {$user['broker'] ? $user['broker']['id'] : 0}],
			field: { idName: 'id', titleName: 'title', childName: 'broker' }
		});

		laydate.render({
			elem: '#birthday',
			type: 'date'
		});
		laydate.render({
			elem: '#createtime',
			type: 'datetime'
		});

		form.on('submit(LAY-user-userform-edit-submit)', function(obj) {
			var index = parent.layer.getFrameIndex(window.name);
			admin.req({
				url: setter.baseAdminUrl + 'user/edituser',
				type: 'post',
				data: obj.field,
				done: function(res) {
					layer.msg("提交成功", {
						icon: 1
					});
					parent.layui.table.reload('LAY-user-userlist-table'); //重载表格
					parent.layer.close(index);
				}
			});
		});

		$('.echo-attachment-image-list').on('click', '.idcard', function() {
			var src = $(this).attr('src');
			layer.photos({
				photos: {
					"title": "", //相册标题
					"id": 1, //相册id
					"start": 0, //初始显示的图片序号，默认0
					"data": [   //相册包含的图片，数组格式
						{
							"alt": "身份证",
							"pid": 1, //图片id
							"src": src, //原图地址
							"thumb": src //缩略图地址
						}
					]
				}
			});
		});

		$('.echo-attachment-image-list').on('click', '.attachmentdel', function() {
			$(this).parent().remove();
		});

		form.on('radio(com_cate_type)', function(data){
			if (data.value==1) {
				$('.com_cate_other_form').hide();
				$('.com_cate_form').show();
			} else {
				$('.com_cate_form').hide();
				$('.com_cate_other_form').show();
			}
		});

		form.on('select(jobintention)', function(data){
			if (data.value==1) {
				$('.emp_time_form').hide();
			} else {
				$('.emp_time_form').show();
			}
		});

		upload.render({
			elem: '.attachment-upload-images',
			url: setter.baseAdminUrl + 'attachment/tplfieldimage',
			accept: 'images',
			exits: 'jpg|png|jpeg',
			acceptMime: 'image/*',
			size: 2048,
			number: 1,
			method: 'post',
			before: function(obj) {
				var item = this.item;
				upload_input = $(item).data('input');
				upload_amount = $(item).data('amount');
				layer.load();
			},
			done: function(res, index, upload) {
				layer.closeAll('loading');
				var html = "";
				if (upload_amount == 1) {
					html += '<div> <input type="hidden" name="' + upload_input + '" value="' + res.data.src + '"> ';
					html += '<img src="' + res.data.src + '" class="idcard"></div>';
					$("#" + upload_input).html(html);
				} else {
					html += '<div> <input type="hidden" name="' + upload_input + '[]" value="' + res.data.src + '"> ';
					html += '<img src="' + res.data.src +
						'"> <button type="button" class="attachmentdel layui-btn layui-btn-primary layui-btn-xs layui-btn-fluid">删除</button></div>';
					$("#" + upload_input).append(html);
				}
			},
			error: function(index, upload) {
				layer.closeAll('loading');
			}
		});
	});
</script>
</body>
</html>