wuhongyu
/
test


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>系统管理</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="${contextPath}/dist/js/layui/css/layui.css">
    <link rel="stylesheet" href="${contextPath}/dist/css/admin.css" media="all">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!-- Navbar -->
    <#include "../body/top.html">
    <!-- /.navbar -->
    <!-- Main Sidebar Container -->
    <#include "../body/left.html">
    <!-- Content Wrapper. Contains page content -->
    <div class="layui-body">
    	<!-- 内容主体区域 -->
    	<div class="layui-card">
    		<form class="layui-form" action="${contextPath}/user/add" method="post">
			  <div class="layui-form-item">
			  	<div class="layui-inline">
			      <label class="layui-form-label">登录ID</label>
			      <div class="layui-input-inline">
			        <input type="text" name="login_id" lay-verify="required" autocomplete="off" placeholder="请输入登录ID" class="layui-input">
			      </div>
			    </div>
			    <div class="layui-inline">
			      <label class="layui-form-label">用户名称</label>
			      <div class="layui-input-inline">
			        <input type="text" name="user_name" lay-verify="required" autocomplete="off" placeholder="请输入用户名称" class="layui-input">
			      </div>
			    </div>
			    <div class="layui-inline">
			      	<label class="layui-form-label">登录密码</label>
				    <div class="layui-input-inline">
				      <input type="password" name="password" lay-verify="pass" placeholder="请输入密码" autocomplete="off" class="layui-input">
				    </div>
				    <div class="layui-form-mid layui-word-aux">请填写6到12位密码</div>
			    </div>
			  </div>
			  <div class="layui-form-item">
			  	<div class="layui-inline">
				    <label class="layui-form-label">部门</label>
				    <div class="layui-input-block">
				      <select name="dept_id" lay-filter="aihao">
				        <option value=""></option>
				        <#list deptList as dept>
				        	<option value="${dept.id}">${dept.dept_name!}</option>
				        </#list>
				      </select>
				    </div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">性别</label>
				    <div class="layui-input-block">
				      <input type="radio" name="gender" value="1" title="男" checked="">
				      <input type="radio" name="gender" value="0" title="女">
				    </div>
				</div>
			  </div>
			  <div class="layui-form-item">
			    <div class="layui-inline">
			      <label class="layui-form-label">办公电话</label>
			      <div class="layui-input-inline">
			        <input type="tel" name="office_tell" placeholder="请输入办公电话" autocomplete="off" class="layui-input">
			      </div>
			    </div>
			    <div class="layui-inline">
			      <label class="layui-form-label">个人电话</label>
			      <div class="layui-input-inline">
			        <input type="tel" name="phone_no" lay-verify="required|phone" autocomplete="off" class="layui-input">
			      </div>
			    </div>
			    <div class="layui-inline">
			      <label class="layui-form-label">职务</label>
			      <div class="layui-input-block">
				      <select name="level_id" lay-filter="aihao">
				        <option value=""></option>
				        <#list levelList as level>
				        	<option value="${level.id}">${level.level_name!}</option>
				        </#list>
				      </select>
				  </div>
			    </div>
			  </div>
			  <div class="layui-form-item">
			    <label class="layui-form-label">地址</label>
			    <div class="layui-input-block">
			      <input type="text" name="home_address" autocomplete="off" placeholder="请输入地址" class="layui-input">
			    </div>
			  </div>
			  <div class="layui-form-item">
			    <div class="layui-inline">
			      <label class="layui-form-label">身份证号</label>
			      <div class="layui-input-inline">
			        <input type="tel" name="id_number" lay-verify="required" autocomplete="off" class="layui-input">
			      </div>
			    </div>
			    <div class="layui-inline">
			      <label class="layui-form-label">电子邮箱</label>
			      <div class="layui-input-inline">
			        <input type="text" name="email" lay-verify="email" autocomplete="off" class="layui-input">
			      </div>
			    </div>
			    <div class="layui-inline">
			      <label class="layui-form-label">出生日期</label>
			      <div class="layui-input-inline">
			        <input type="text" name="birthday" id="date" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
			      </div>
			    </div>
			  </div>
			  <div class="layui-form-item layui-form-text">
			    <label class="layui-form-label">备注</label>
			    <div class="layui-input-block">
			      <textarea placeholder="请输入内容" name="remark" class="layui-textarea"></textarea>
			    </div>
			  </div>
			  <div class="layui-form-item">
			    <div class="layui-input-block">
			      <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
			      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
			    </div>
			  </div>
			</form>
    	</div>
    	
    </div>
    <!-- /.content-wrapper -->
    <#include "../body/footer.html">
</div>
<!-- ./wrapper -->
<script src="${contextPath}/dist/js/layui/layui.js"></script>
<script>
//JavaScript代码区域
layui.use(['element', 'form', 'laydate'], function(){
	var element = layui.element;
  var form = layui.form
  ,layer = layui.layer
  ,laydate = layui.laydate;
  
  //日期
  laydate.render({
    elem: '#date'
  });
  laydate.render({
    elem: '#date1'
  });
 
  //自定义验证规则
  form.verify({
    title: function(value){
      if(value.length < 5){
        return '标题至少得5个字符啊';
      }
    }
    ,pass: [/(.+){6,12}$/, '密码必须6到12位']
    ,content: function(value){
      layedit.sync(editIndex);
    }
  });
 
  //表单初始赋值
  form.val('example', {
    "gender": "0"
  })
});
</script>
</body>
</html>