123 lines
4.3 KiB
PHP
123 lines
4.3 KiB
PHP
<?php
|
|
/**
|
|
* PerToolBox Front - 个人中心
|
|
*
|
|
* Copyright (C) 2024 Sea Network Technology Studio
|
|
* Author: Canglan <admin@sea-studio.top>
|
|
* License: AGPL v3
|
|
*/
|
|
|
|
require_once 'config.php';
|
|
include_once 'header.php';
|
|
include_once 'sidebar.php';
|
|
|
|
// 检查登录状态（前端 JS 会处理跳转）
|
|
?>
|
|
|
|
<div class="main-content">
|
|
<div class="max-w-2xl mx-auto">
|
|
<div class="card">
|
|
<h1 class="text-2xl font-bold mb-6">👤 个人中心</h1>
|
|
|
|
<div id="userProfile">
|
|
<div class="text-center py-8">
|
|
<div class="loading mx-auto"></div>
|
|
<p class="mt-2 text-gray-500">加载中...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mt-4">
|
|
<h2 class="text-xl font-bold mb-4">修改密码</h2>
|
|
<div class="mb-4">
|
|
<label class="form-label">原密码</label>
|
|
<input type="password" id="oldPassword" class="form-input">
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="form-label">新密码</label>
|
|
<input type="password" id="newPassword" class="form-input">
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="form-label">确认新密码</label>
|
|
<input type="password" id="confirmPassword" class="form-input">
|
|
</div>
|
|
<button id="changePasswordBtn" class="btn btn-primary">修改密码</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
// 加载用户信息
|
|
async function loadProfile() {
|
|
try {
|
|
const user = await apiRequest('/user/profile');
|
|
const profileHtml = `
|
|
<div class="space-y-3">
|
|
<div class="flex items-center gap-4">
|
|
<div class="text-4xl">${user.avatar ? `<img src="${user.avatar}" class="w-16 h-16 rounded-full">` : '👤'}</div>
|
|
<div>
|
|
<div class="text-sm text-gray-500">用户名</div>
|
|
<div class="font-medium">${escapeHtml(user.username || '未设置')}</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="text-sm text-gray-500">手机号</div>
|
|
<div class="font-medium">${escapeHtml(user.phone || '未绑定')}</div>
|
|
</div>
|
|
<div>
|
|
<div class="text-sm text-gray-500">邮箱</div>
|
|
<div class="font-medium">${escapeHtml(user.email || '未绑定')}</div>
|
|
</div>
|
|
<div>
|
|
<div class="text-sm text-gray-500">注册时间</div>
|
|
<div class="font-medium">${new Date(user.created_at).toLocaleString()}</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
document.getElementById('userProfile').innerHTML = profileHtml;
|
|
} catch (error) {
|
|
if (error.message.includes('401')) {
|
|
window.location.href = '/login.php';
|
|
} else {
|
|
document.getElementById('userProfile').innerHTML = `<div class="text-center text-red-500">加载失败: ${error.message}</div>`;
|
|
}
|
|
}
|
|
}
|
|
|
|
// 修改密码
|
|
document.getElementById('changePasswordBtn').addEventListener('click', async () => {
|
|
const oldPassword = document.getElementById('oldPassword').value;
|
|
const newPassword = document.getElementById('newPassword').value;
|
|
const confirmPassword = document.getElementById('confirmPassword').value;
|
|
|
|
if (!oldPassword || !newPassword) {
|
|
showToast('请填写完整信息', 'error');
|
|
return;
|
|
}
|
|
if (newPassword !== confirmPassword) {
|
|
showToast('两次输入的密码不一致', 'error');
|
|
return;
|
|
}
|
|
if (newPassword.length < 6) {
|
|
showToast('新密码长度至少6位', 'error');
|
|
return;
|
|
}
|
|
|
|
try {
|
|
await apiRequest('/user/change-password', {
|
|
method: 'POST',
|
|
body: JSON.stringify({ old_password: oldPassword, new_password: newPassword })
|
|
});
|
|
showToast('密码修改成功');
|
|
document.getElementById('oldPassword').value = '';
|
|
document.getElementById('newPassword').value = '';
|
|
document.getElementById('confirmPassword').value = '';
|
|
} catch (error) {
|
|
showToast(error.message, 'error');
|
|
}
|
|
});
|
|
|
|
loadProfile();
|
|
</script>
|
|
|
|
<?php include_once 'footer.php'; ?>
|