147 lines
8.1 KiB
HTML
147 lines
8.1 KiB
HTML
<!DOCTYPE html>
|
|
<html class="x-admin-sm">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>银河锋锐工作室账户后台系统</title>
|
|
<meta name="renderer" content="webkit">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<link rel="stylesheet" href="/css/font.css">
|
|
<link rel="stylesheet" href="/css/xadmin.css">
|
|
<link rel="stylesheet" href="/css/win10ui.css">
|
|
<link rel="stylesheet" href="/css/theme.css">
|
|
<script type="text/javascript" src="/lib/layui/layui.js" charset="utf-8"></script>
|
|
<script type="text/javascript" src="/js/xadmin.js"></script>
|
|
<!--[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]-->
|
|
<script>window.breadcrumbs = [{name: "首页", url: ""},{name: "用户", url: ""},{name: "设置"}];</script>
|
|
<script src="/js/address.bar.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="layui-fluid">
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-md12">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">个人设置</div>
|
|
<div class="layui-card-body ">
|
|
<form action="" id="config">
|
|
<div class="layui-form">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">昵称</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="UserName" lay-verify="required" placeholder="请输入"
|
|
autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">性别</label>
|
|
<div class="layui-input-block">
|
|
<input type="radio" name="UserGender" value="1" title="男">
|
|
<input type="radio" name="UserGender" value="0" title="女">
|
|
<input type="radio" name="UserGender" value="-1" title="未选择">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">简介</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="UserPersonalSignature" lay-verify="required"
|
|
autocomplete="off" lay-affix="clear" 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="UserEmail" lay-verify="email"
|
|
autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<div class="layui-block">
|
|
<label class="layui-form-label">手机号</label>
|
|
<div class="layui-input-block">
|
|
<input type="tel" name="UserTele"
|
|
autocomplete="off" lay-reqtext="请填写手机号" lay-affix="clear"
|
|
class="layui-input demo-phone">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button type="submit" class="layui-btn">立即提交</button>
|
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var loadIndex = layer.load(2);
|
|
document.getElementById('config').addEventListener('submit', function(event) {
|
|
var loadIndexl = layer.load(2);
|
|
event.preventDefault();
|
|
const formData = new FormData(this);
|
|
fetch('/api/gerp/user/modify-config/', {
|
|
method: 'POST',
|
|
body: formData,
|
|
credentials: 'include'
|
|
})
|
|
.then(response => {
|
|
layer.close(loadIndexl);
|
|
if (!response.ok) {throw new Error(`HTTP error! status: ${response.status}`)}
|
|
return response.json();
|
|
})
|
|
.then(data => {
|
|
if (data.code === 0) {
|
|
Toast.success('配置变更操作', data.msg, 3000);
|
|
TempLate("/api/gerp/user/center-card/", window.parent.document);
|
|
} else if (data.code === 1) {
|
|
Toast.error('配置变更操作', `操作失败，错误：${data.msg}`, 3000);
|
|
console.error('错误详情:', data.error);
|
|
}
|
|
return data;
|
|
})
|
|
.catch(error => {
|
|
Toast.error('配置变更操作', `请求失败，错误：${error}`, 3000);
|
|
});
|
|
});
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
layui.use(['form'], function () {
|
|
$ = layui.jquery;
|
|
var form = layui.form;
|
|
var layer = layui.layer;
|
|
fetch('/api/gerp/user/config/', {
|
|
method: 'GET',
|
|
mode: 'cors',
|
|
credentials: 'include'
|
|
})
|
|
.then(response => {return response.json()})
|
|
.then(data => {
|
|
console.log(data);
|
|
if (data.code === 0 && data.data) {
|
|
var d = data.data;
|
|
$('input[name="UserName"]').val(d.UserName);
|
|
$('input[name="UserPersonalSignature"]').val(d.UserPersonalSignature);
|
|
$('input[name="UserEmail"]').val(d.UserEmail);
|
|
$('input[name="UserTele"]').val(d.UserTele);
|
|
$(`input[name="UserGender"][value="${d.UserGender}"]`).prop('checked', true);
|
|
}
|
|
form.render('radio');
|
|
form.render();
|
|
layer.close(loadIndex);
|
|
})
|
|
.catch(error => {
|
|
console.log('error: ' + error.toString());
|
|
layer.close(loadIndex);
|
|
Toast.error('配置获取操作', '获取用户基本信息出错', 3000);
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |