186 lines
6.8 KiB
Plaintext
186 lines
6.8 KiB
Plaintext
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title></title>
|
|
<link rel="stylesheet" href="${springMacroRequestContext.contextPath}/system/component/pear/css/pear.css" />
|
|
<link rel="stylesheet" href="${springMacroRequestContext.contextPath}/system/admin/css/other/person.css" />
|
|
</head>
|
|
<body class="pear-container">
|
|
<div class="layui-row layui-col-space10">
|
|
<div class="layui-col-md9">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">个人信息</div>
|
|
<div class="layui-card-body">
|
|
<div class="layui-tab layui-tab-brief">
|
|
<div class="layui-tab-content">
|
|
<div class="layui-tab-item layui-show">
|
|
<form class="layui-form">
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">用户名</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" readonly name="username" lay-verify="title"
|
|
value="${loginUser.username!}" autocomplete="off" placeholder="请输入标题" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">用户图像</label>
|
|
<div class="layui-upload-drag" id="title_upload_image">
|
|
<i class="layui-icon"></i>
|
|
<p>点击上传，或将文件拖拽到此处</p>
|
|
<div <#if loginUser.avatar??>
|
|
class="layui-show"
|
|
<#else>
|
|
class="layui-hide"
|
|
</#if> id="uploadDemoView">
|
|
<hr>
|
|
<img src="${loginUser.avatar!}" alt="上传成功后渲染" style="max-width: 196px">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">性别</label>
|
|
<div class="layui-input-block">
|
|
<#if gender_list ??>
|
|
<#list gender_list as gender>
|
|
<#if loginUser.gender == gender.value!>
|
|
<input type="radio" name="sex" value="${gender.value!}" title="${gender.description!}" checked>
|
|
<#else >
|
|
<input type="radio" name="sex" value="${gender.value!}" title="${gender.description!}" >
|
|
</#if>
|
|
</#list>
|
|
</#if>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">状态</label>
|
|
<div class="layui-input-block">
|
|
<#if status_list ??>
|
|
<#list status_list as status>
|
|
<#if loginUser.status == status.value!>
|
|
<input type="radio" name="status" value="${status.value!}" title="${status.description!}" checked>
|
|
<#else >
|
|
<input type="radio" name="status" value="${status.value!}" title="${status.description!}" >
|
|
</#if>
|
|
</#list>
|
|
</#if>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">角色</label>
|
|
<div class="layui-input-block">
|
|
<#if type_list ??>
|
|
<#list type_list as type>
|
|
<#if loginUser.roleType == type.value!>
|
|
<input type="radio" name="role_name" value="${type.value!}" title="${type.description!}" checked>
|
|
<#else >
|
|
<input type="radio" name="role_name" value="${type.value!}" title="${type.description!}" >
|
|
</#if>
|
|
</#list>
|
|
</#if>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">邮箱</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="email" lay-verify="title"
|
|
value="${loginUser.email!}" autocomplete="off" placeholder="邮箱" 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="telephone" lay-verify="telephone"
|
|
value="${loginUser.telephone!}" autocomplete="off" placeholder="电话" 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="profession" lay-verify="profession"
|
|
value="${loginUser.profession!}" autocomplete="off" placeholder="职业" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item layui-form-text">
|
|
<label class="layui-form-label">签名</label>
|
|
<div class="layui-input-block">
|
|
<textarea placeholder="签名" name="sign" class="layui-textarea">${loginUser.sign!}</textarea>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button class="pear-btn layui-border-green pear-btn-sm" lay-submit lay-filter="user-update">修改资料</button>
|
|
<button class="pear-btn pear-btn-sm edit-password">更改密码</button>
|
|
<input type="hidden" id="file_id" name="file_id">
|
|
<input type="hidden" id="upload_image" name="upload_image">
|
|
<input type="hidden" id="userId" name="userId" value="${loginUser.id!}">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="${springMacroRequestContext.contextPath}/js/jquery.min.js"></script>
|
|
<script src="${springMacroRequestContext.contextPath}/system/component/layui/layui.js"></script>
|
|
<script>
|
|
layui.use(['jquery', 'form','element', 'layer','upload'], function () {
|
|
var element = layui.element,
|
|
layer = layui.layer,
|
|
$ = layui.jquery;
|
|
let form = layui.form;
|
|
let upload = layui.upload;
|
|
//拖拽上传
|
|
upload.render({
|
|
elem: '#title_upload_image'
|
|
, url: '/upload/file'
|
|
, field: 'file'
|
|
, data: {
|
|
type: 'images',
|
|
token: localStorage.getItem("token")
|
|
}
|
|
//改成您自己的上传接口
|
|
, done: function (res) {
|
|
jQuery("#upload_image").attr('value', res.data.path);
|
|
jQuery("#file_id").attr('value', res.data.id);
|
|
layer.msg('上传成功');
|
|
layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src', res.data.path);
|
|
}
|
|
});
|
|
|
|
form.on('submit(user-update)', function (data) {
|
|
var obj = data.field;
|
|
obj['token'] = localStorage.getItem("token");
|
|
$.ajax({
|
|
url: '/user/personUpdate',
|
|
data: obj,
|
|
type: 'post',
|
|
success: function (result) {
|
|
if (result.flag) {
|
|
layer.msg(result.message, {icon: 1, time: 1000}, function () {
|
|
parent.layer.close(parent.layer.getFrameIndex(window.name));//关闭当前页
|
|
window.location.href = "/user/person?token="+localStorage.getItem("token");
|
|
});
|
|
} else {
|
|
layer.msg(result.message, {icon: 2, time: 1000});
|
|
}
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |