|
|
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
|
|
|
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
|
|
<%@taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
|
|
|
<%
|
|
|
String path = request.getContextPath();
|
|
|
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
|
|
|
|
|
|
%>
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>人事系统</title>
|
|
|
|
|
|
<link rel="stylesheet" href="<%=basePath%>/css/xadmin.css">
|
|
|
<script src="<%=basePath%>/layui-v2.6.6/layui/layui.js" charset="utf-8"></script>
|
|
|
<script type="text/javascript" src="<%=basePath%>/js/xadmin.js"></script>
|
|
|
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
|
|
|
<!--[if lt IE 9]>
|
|
|
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
|
|
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
|
|
<![endif]-->
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="x-nav">
|
|
|
<span class="layui-breadcrumb">
|
|
|
<a href="">首页</a>
|
|
|
<a href="">员工管理</a>
|
|
|
<a>
|
|
|
<cite>添加员工</cite></a>
|
|
|
</span>
|
|
|
<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
|
|
|
<i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
|
|
|
</a>
|
|
|
</div>
|
|
|
<div class="layui-fluid">
|
|
|
<div class="layui-row">
|
|
|
<form class="layui-form" name="dataForm" id="dataForm">
|
|
|
<div class="layui-form-item">
|
|
|
<label for="name" class="layui-form-label">
|
|
|
<span class="x-red">*</span>员工姓名:
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="name" name="name" required placeholder="员工姓名" maxlength="20" lay-verify="required|name" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
<label for="cardId" class="layui-form-label">
|
|
|
<span class="x-red">*</span>身份证:
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="cardId" name="cardId" required placeholder="身份证" maxlength="20" lay-verify="required|cardId" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
<label for="address" class="layui-form-label">
|
|
|
<span class="x-red">*</span> 住址:
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="address" name="address" required placeholder="住址"maxlength="50" lay-verify="required|address" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label for="deptId" class="layui-form-label">
|
|
|
<span class="x-red">*</span>所属部门:
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<select id="deptId" name="deptId" required lay-verify="required|roleId">
|
|
|
<option value="">请选择部门</option>
|
|
|
<c:forEach items="${deptList}" var="item">
|
|
|
<option value="${item.did}">${item.dname}</option>
|
|
|
</c:forEach>
|
|
|
</select>
|
|
|
</div>
|
|
|
<label for="jobId" class="layui-form-label">
|
|
|
<span class="x-red">*</span>职位:
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<select id="jobId" name="jobId" required lay-verify="required|jobId">
|
|
|
<option value="">请选择职位</option>
|
|
|
<c:forEach items="${jobList}" var="item">
|
|
|
<option value="${item.jid}">${item.jname}</option>
|
|
|
</c:forEach>
|
|
|
</select>
|
|
|
</div>
|
|
|
<label for="party" class="layui-form-label">
|
|
|
<span class="x-red">*</span>政治面貌:
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<select id="party" name="party" required>
|
|
|
<option value="">选择员工政治面貌</option>
|
|
|
<option value="党员">党员</option>
|
|
|
<option value="团员">团员</option>
|
|
|
<option value="群众">群众</option>
|
|
|
<option value="其他">其他</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label for="sex" class="layui-form-label">
|
|
|
<span class="x-red">*</span>性别:
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<select id="sex" name="sex" required lay-verify="required|roleId">
|
|
|
<option value="1">男</option>
|
|
|
<option value="2">男</option>
|
|
|
<option value="3">中性</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<label for="race" class="layui-form-label">
|
|
|
<span class="x-red">*</span>民族:
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="race" required name="race" maxlength="10" lay-verify="required|race" maxlength="10" placeholder="民族" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
<label for="email" class="layui-form-label">
|
|
|
<span class="x-red">*</span> Email:
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="email" name="email" maxlength="30" required placeholder="email" lay-verify="required|email" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label for="postCode" class="layui-form-label">
|
|
|
<span class="x-red">*</span>邮政编码:
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="postCode" name="postCode" maxlength="10" required placeholder="邮政编码" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
<label for="race" class="layui-form-label">
|
|
|
电话:
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="tel" name="tel" maxlength="20" placeholder="电话" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
<label for="qqNum" class="layui-form-label">
|
|
|
<span class="x-red">*</span> QQ号:
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="qqNum" name="qqNum" required maxlength="20" placeholder="QQ号" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label for="phone" class="layui-form-label">
|
|
|
<span class="x-red">*</span>手机号:
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="phone" name="phone" required placeholder="手机号" lay-verify="required|phone" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" maxlength="11" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
<label for="education" class="layui-form-label">
|
|
|
<span class="x-red">*</span>学历:
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="education" name="education" maxlength="5" required placeholder="学历" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
<label for="speciality" class="layui-form-label">
|
|
|
<span class="x-red">*</span>专业:
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="speciality" name="speciality" maxlength="15" required placeholder="专业" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label for="hobby" class="layui-form-label">
|
|
|
爱好:
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="hobby" name="hobby" placeholder="爱好" maxlength="30" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
<label for="birthday" class="layui-form-label">
|
|
|
生日:
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="birthday" name="birthday" placeholder="生日" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<div class="layui-form-item layui-form-text">
|
|
|
<label for="remark" class="layui-form-label">备注</label>
|
|
|
<div class="layui-input-block" style="width: 75%" maxlength="50">
|
|
|
<textarea placeholder="请输入内容" id="remark" name="remark" class="layui-textarea"></textarea>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="margin-left: 40%">
|
|
|
<input type="button" lay-filter="submit" class="layui-btn" id ="submit" lay-submit="" value="添加"/>
|
|
|
<input type="button" class="layui-btn" id ="gb" value="关闭"/>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<script>
|
|
|
layui.use(['form', 'layer','laydate'],
|
|
|
function() {
|
|
|
$ = layui.jquery;
|
|
|
var laydate = layui.laydate;
|
|
|
var form = layui.form,
|
|
|
layer = layui.layer;
|
|
|
//执行一个laydate实例
|
|
|
laydate.render({
|
|
|
elem: '#birthday' //指定元素
|
|
|
,format:'yyyy-MM-dd'
|
|
|
});
|
|
|
|
|
|
//自定义验证规则
|
|
|
form.verify({
|
|
|
name: function(value){
|
|
|
if(value.length < 2){
|
|
|
return '姓名至少得2个字符啊';
|
|
|
return false;
|
|
|
}
|
|
|
},remark: function(value){
|
|
|
if(value.length >= 50){
|
|
|
return '描述不能超过50个字符!';
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
//监听提交
|
|
|
form.on("submit(submit)", function (data) {
|
|
|
/* var data2 = $("#dataForm").serialize();*/
|
|
|
$.ajax({
|
|
|
"url":"<%=request.getContextPath()%>/employee/add.do",
|
|
|
"data":data.field,
|
|
|
"type":"post",
|
|
|
"dataType":"json",
|
|
|
"success":function(res){
|
|
|
//后台操作成功
|
|
|
if(res.code ==0){
|
|
|
layer.alert("添加成功!", {
|
|
|
icon: 6
|
|
|
},
|
|
|
function() {
|
|
|
//关闭当前frame
|
|
|
xadmin.close();
|
|
|
// 可以对父窗口进行刷新
|
|
|
xadmin.father_reload();
|
|
|
});
|
|
|
}else{
|
|
|
layer.alert(res.msg+",请联系系统管理人员!", {icon: 5});
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
return false;
|
|
|
});
|
|
|
|
|
|
//监听关闭
|
|
|
$("#gb").on('click',function(){
|
|
|
xadmin.del_tab();
|
|
|
window.close();
|
|
|
})
|
|
|
|
|
|
});
|
|
|
|
|
|
</script>
|
|
|
<script>
|
|
|
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html>
|
