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.
317 lines
15 KiB
317 lines
15 KiB
<!DOCTYPE html>
|
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>layui</title>
|
|
<meta name="renderer" content="webkit">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<link rel="stylesheet" href="/static/lib/layui-v2.8.6/css/layui.css" media="all">
|
|
<link rel="stylesheet" href="/static/css/public.css" media="all">
|
|
<link rel="stylesheet" href="/static/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
|
|
|
|
</head>
|
|
<style>
|
|
|
|
</style>
|
|
<body>
|
|
<div class="layui-container">
|
|
<div class="layui-main layui-card" style="width: 100%;border-radius: 10px;height: 50%">
|
|
|
|
|
|
<div class="layui-card-header"><h3>基本信息</h3></div>
|
|
<div class="layui-card-body">
|
|
<div id="user-info" class="layui-field-box">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">工号</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="number" th:value="${user.getNumber()}" lay-verify="email" value="" class="layui-input" readonly>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">用户名</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="name" th:value="${user.getName()}" lay-verify="required" lay-reqtext="用户名不能为空" placeholder="请输入用户名" value="" class="layui-input" >
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">头像</label>
|
|
<div class="layui-input-block">
|
|
<img th:src="${user.getIcon()}" style="width: 100px;border-radius: 10px">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">雇佣类型</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="hireclass" th:value="${user.getHireclass() == 1?'雇佣入职':'再入职'}" lay-verify="email" value="" class="layui-input" readonly>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">用工关系</label>
|
|
<div class="layui-input-block">
|
|
<div th:switch="${user.getEmptype()}">
|
|
<span th:case="1">临时工</span>
|
|
<span th:case="2">编外人员</span>
|
|
<span th:case="3">实习&实习生</span>
|
|
<span th:case="4">试用员工</span>
|
|
<span th:case="5">待分配</span>
|
|
<span th:case="6">待岗</span>
|
|
<span th:case="7">临时调入</span>
|
|
<span th:case="8">正式员工</span>
|
|
<span th:case="9">长期病假</span>
|
|
<span th:case="10">停薪留职</span>
|
|
<span th:case="11">退休</span>
|
|
<span th:case="12">辞职</span>
|
|
<span th:case="13">辞退</span>
|
|
<span th:case="14">离职</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">性别</label>
|
|
<div class="layui-input-block">
|
|
<div th:switch="${user.getGender()}">
|
|
<span th:case="1">男性</span>
|
|
<span th:case="2">女性</span>
|
|
<span th:case="3">中性</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class=" layui-form-item" >
|
|
<label class="layui-form-label required">管理员:</label>
|
|
<div class="layui-input-block">
|
|
<div th:switch="${user.getIsadmin()}">
|
|
<span th:case="1">不是</span>
|
|
<span th:case="2">分公司</span>
|
|
<span th:case="3">集团管理员</span>
|
|
<span th:case="4">超级管理员</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">状态</label>
|
|
<div class="layui-input-block">
|
|
<div th:switch="${user.getState()}">
|
|
<span th:case="1">启用</span>
|
|
<span th:case="2">禁用</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">身份证号</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="idcardno" th:value="${user.getIdcardno()}" lay-verify="email" value="" class="layui-input" readonly>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">手机</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="phone" th:value="${user.getMobilephone()}" lay-verify="phone" placeholder="请输入手机号" value="" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">邮箱</label>
|
|
<div class="layui-input-block">
|
|
<input type="email" name="email" th:value="${user.getEmail()}" lay-verify="email" value="" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">民族</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="phone" th:value="${user.getMyfolk()}" lay-verify="phone" placeholder="请输入手机号" value="" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">籍贯</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="phone" th:value="${user.getNativeplace()}" lay-verify="phone" placeholder="请输入手机号" value="" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">健康状况</label>
|
|
<div class="layui-input-block">
|
|
<div th:switch="${user.getHealth()}">
|
|
<span th:case="1">良好</span>
|
|
<span th:case="2">一般</span>
|
|
<span th:case="3">较弱</span>
|
|
<span th:case="4">有生理缺陷</span>
|
|
<span th:case="5">残废</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">婚姻状况</label>
|
|
<div class="layui-input-block">
|
|
<div th:switch="${user.getMaritalstatus()}">
|
|
<span th:case="1">未婚</span>
|
|
<span th:case="2">已婚</span>
|
|
<span th:case="3">丧偶</span>
|
|
<span th:case="4">离异</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">内线电话</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="internaltelephone" th:value="${user.getInternaltelephone()}" lay-verify="phone" placeholder="请输入手机号" value="" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">现居住地址</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="currentresidence" th:value="${user.getCurrentresidence()}" lay-verify="phone" placeholder="请输入手机号" value="" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">星座</label>
|
|
<div class="layui-input-block">
|
|
<div th:switch="${user.getConstellationing()}">
|
|
<span th:case="1">白羊座</span>
|
|
<span th:case="2">金牛座</span>
|
|
<span th:case="3">双子座</span>
|
|
<span th:case="4">巨蟹座</span>
|
|
<span th:case="5">狮子座</span>
|
|
<span th:case="6">处女座</span>
|
|
<span th:case="7">天枰座</span>
|
|
<span th:case="8">天蝎座</span>
|
|
<span th:case="9">射手座</span>
|
|
<span th:case="10">摩羯座</span>
|
|
<span th:case="11">水瓶座</span>
|
|
<span th:case="12">双鱼座</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">是否双职工</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="isdoubleworker" th:value="${user.getIsdoubleworker() == 1? '是':'否'}" lay-verify="email" value="" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">是否为退役军人</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="isdoubleworker" th:value="${user.getIsveterans() == 1? '是':'否'}" lay-verify="email" value="" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">退役证编号</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="isdoubleworker" th:value="${user.getVeteransnumber()}" lay-verify="email" value="" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label required">政治面貌</label>
|
|
<div class="layui-input-block">
|
|
<div th:switch="${user.getPoliticaloutlook()}">
|
|
<span th:case="1">群众</span>
|
|
<span th:case="2">无党派</span>
|
|
<span th:case="3">台盟会员</span>
|
|
<span th:case="4">九三社员</span>
|
|
<span th:case="5">致公党员</span>
|
|
<span th:case="6">农工党员</span>
|
|
<span th:case="7">民进会员</span>
|
|
<span th:case="8">民建会员</span>
|
|
<span th:case="9">民盟盟员</span>
|
|
<span th:case="10">民革会员</span>
|
|
<span th:case="11">共青团员</span>
|
|
<span th:case="12">预备党员</span>
|
|
<span th:case="13">中共党员</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-main layui-card" style="width: 100%;border-radius: 10px;height: 50%">
|
|
<div class="layui-card-header"><h3>账户信息</h3></div>
|
|
<div class="layui-card-body">
|
|
<div class="layui-field-box">
|
|
<table class="layui-table" lay-skin="nob">
|
|
<colgroup>
|
|
<col width="100">
|
|
<col width="500">
|
|
<col width="100">
|
|
</colgroup>
|
|
|
|
<tr>
|
|
<td>绑定邮箱</td>
|
|
<td th:text="${user.getEmail()}">123456789@qq.com</td>
|
|
</tr>
|
|
<tr>
|
|
<td>身份</td>
|
|
<td th:text="${RoleName}">系统管理员</td>
|
|
</tr>
|
|
<tr>
|
|
<td>负责仓库</td>
|
|
<td th:text="${DepositoryName}">all</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/static/lib/layui-v2.8.6/layui.js" charset="utf-8"></script>
|
|
<script>
|
|
layui.use(['form', 'layer', 'laydate'], function () {
|
|
var form = layui.form,
|
|
laydate = layui.laydate,
|
|
$ = layui.$;
|
|
|
|
//日期
|
|
laydate.render({
|
|
elem: '#date'
|
|
});
|
|
$('#user-info').mouseover(function () {
|
|
$('#edit-btn').show();
|
|
})
|
|
$('#user-info').mouseout(function () {
|
|
$('#edit-btn').hide();
|
|
})
|
|
|
|
$('#edit-btn').click(function () {
|
|
$('#user-info').hide();
|
|
$('#edit-div').show();
|
|
})
|
|
|
|
$('#cancel-btn').click(function () {
|
|
$('#user-info').show();
|
|
$('#edit-div').hide();
|
|
})
|
|
|
|
|
|
//监听提交
|
|
form.on('submit(saveBtn)', function (data) {
|
|
data=data.field;
|
|
$.ajax({
|
|
url: "/user",
|
|
data: JSON.stringify(data),
|
|
type: "put",
|
|
dataType: 'json',
|
|
contentType: "application/json;charset=utf-8",
|
|
success: function (data) {
|
|
if (data.status >= 300) {
|
|
layer.msg(data.statusInfo.message);//失败的表情
|
|
return;
|
|
} else {
|
|
layer.msg("个人信息修改成功", {
|
|
icon: 6,//成功的表情
|
|
time: 1000 //1秒关闭（如果不配置，默认是3秒）
|
|
}, function () {
|
|
window.location = '/account_look';
|
|
});
|
|
}
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
|
|
$('body').on('click', '[data-refresh]', function () {
|
|
location.reload();
|
|
})
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|