You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

247 lines
12 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>人事系统</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<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="layui-fluid">
<div class="layui-row">
<form class="layui-form" name="dataForm" id="dataForm">
<input id="id" name="id" value="${employee.id}" hidden />
<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="员工姓名" value="${employee.name}" lay-verify="required|name" autocomplete="off" class="layui-input">
</div>
<label for="cardId" class="layui-form-label">
身份证:
</label>
<div class="layui-input-inline">
<input type="text" id="cardId" name="cardId" placeholder="身份证" value="${employee.cardId}" autocomplete="off" class="layui-input">
</div>
<label for="address" class="layui-form-label">
住址:
</label>
<div class="layui-input-inline">
<input type="text" id="address" name="address" placeholder="住址" value="${employee.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}" <c:if test="${employee.deptId == item.did}">selected</c:if>>${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}" <c:if test="${employee.jobId == item.jid}">selected</c:if> >${item.jname}</option>
</c:forEach>
</select>
</div>
<label for="party" class="layui-form-label">
政治面貌:
</label>
<div class="layui-input-inline">
<select id="party" name="party">
<option value="">选择员工政治面貌</option>
<option value="党员" <c:if test="${employee.party eq '党员'}">selected</c:if>>党员</option>
<option value="团员" <c:if test="${employee.party eq '团员'}">selected</c:if>>团员</option>
<option value="群众" <c:if test="${employee.party eq '群众'}">selected</c:if>>群众</option>
<option value="其他" <c:if test="${employee.party eq '其他'}">selected</c:if>>其他</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" <c:if test="${employee.sex eq '1'}">selected</c:if>>男</option>
<option value="2" <c:if test="${employee.sex eq '2'}">selected</c:if>>女</option>
<option value="3" <c:if test="${employee.sex eq '3'}">selected</c:if>>中性</option>
</select>
</div>
<label for="race" class="layui-form-label">
民族:
</label>
<div class="layui-input-inline">
<input type="text" id="race" name="race" placeholder="民族" value="${employee.race}" autocomplete="off" class="layui-input">
</div>
<label for="email" class="layui-form-label">
Email:
</label>
<div class="layui-input-inline">
<input type="text" id="email" name="email" placeholder="email" value="${employee.email}" lay-verify="required|email" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label for="postCode" class="layui-form-label">
邮政编码:
</label>
<div class="layui-input-inline">
<input type="text" id="postCode" name="postCode" placeholder="邮政编码" value="${employee.postCode}" 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" placeholder="电话" value="${employee.tel}" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" autocomplete="off" class="layui-input">
</div>
<label for="email" class="layui-form-label">
QQ号:
</label>
<div class="layui-input-inline">
<input type="text" id="qqNum" name="qqNum" placeholder="QQ号" value="${employee.qqNum}" 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">
手机号:
</label>
<div class="layui-input-inline">
<input type="text" id="phone" name="phone" placeholder="手机号" value="${employee.phone}" 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">
学历:
</label>
<div class="layui-input-inline">
<input type="text" id="education" name="education" placeholder="学历" value="${employee.education}" autocomplete="off" class="layui-input">
</div>
<label for="speciality" class="layui-form-label">
专业:
</label>
<div class="layui-input-inline">
<input type="text" id="speciality" name="speciality" placeholder="专业" value="${employee.speciality}" 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="爱好" value="${employee.hobby}" 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="生日" value="${employee.birthday}" 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%">
<textarea placeholder="请输入内容" id="remark" name="remark" class="layui-textarea">${employee.remark}</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({
username: function(value){
if(value.length < 2){
return '员工姓名至少得2个字符啊';
return false;
}
}
});
//监听提交
form.on("submit(submit)", function (data) {
/*var data = $("#dataForm").serialize();*/
$.ajax({
"url":"<%=request.getContextPath()%>/employee/edit.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.close();
})
});
</script>
<script>
</script>
</body>
</html>