777 lines
28 KiB
JavaScript
777 lines
28 KiB
JavaScript
// ====================================================================
|
||
// 登录验证
|
||
// ====================================================================
|
||
(function () {
|
||
const ACCESS_KEY = 'oadmin123';
|
||
const overlay = document.getElementById('loginOverlay');
|
||
if (!overlay) return;
|
||
|
||
if (sessionStorage.getItem('authed') === '1') {
|
||
overlay.classList.add('hidden');
|
||
return;
|
||
}
|
||
|
||
const pwdInput = document.getElementById('loginPassword');
|
||
const loginBtn = document.getElementById('loginBtn');
|
||
const errEl = document.getElementById('loginError');
|
||
|
||
function doLogin() {
|
||
if (pwdInput.value === ACCESS_KEY) {
|
||
sessionStorage.setItem('authed', '1');
|
||
overlay.classList.add('hidden');
|
||
errEl.textContent = '';
|
||
} else {
|
||
errEl.textContent = '密码错误，请重试';
|
||
pwdInput.value = '';
|
||
pwdInput.focus();
|
||
}
|
||
}
|
||
|
||
loginBtn.addEventListener('click', doLogin);
|
||
pwdInput.addEventListener('keydown', e => { if (e.key === 'Enter') doLogin(); });
|
||
pwdInput.focus();
|
||
})();
|
||
|
||
// 账号管理页面JavaScript
|
||
|
||
class AdminManager {
|
||
constructor() {
|
||
this.isAuthenticated = false;
|
||
this.token = '';
|
||
// 分页与搜索状态
|
||
this.page = 1;
|
||
this.pageSize = 10;
|
||
this.total = 0;
|
||
this.query = '';
|
||
this.init();
|
||
}
|
||
|
||
init() {
|
||
this.bindEvents();
|
||
this.checkStoredAuth();
|
||
}
|
||
|
||
bindEvents() {
|
||
// 登录表单
|
||
document.getElementById('loginForm').addEventListener('submit', this.handleLogin.bind(this));
|
||
|
||
// 刷新账号列表
|
||
document.getElementById('refreshAccountsBtn').addEventListener('click', () => {
|
||
this.page = 1;
|
||
this.loadAccounts();
|
||
});
|
||
|
||
// 搜索
|
||
const searchInput = document.getElementById('accountSearchInput');
|
||
const searchBtn = document.getElementById('searchAccountsBtn');
|
||
if (searchBtn) {
|
||
searchBtn.addEventListener('click', () => {
|
||
this.query = searchInput.value.trim();
|
||
this.page = 1;
|
||
this.loadAccounts();
|
||
});
|
||
}
|
||
if (searchInput) {
|
||
searchInput.addEventListener('keydown', (e) => {
|
||
if (e.key === 'Enter') {
|
||
this.query = searchInput.value.trim();
|
||
this.page = 1;
|
||
this.loadAccounts();
|
||
}
|
||
});
|
||
}
|
||
|
||
// 分页
|
||
const prevBtn = document.getElementById('prevPageBtn');
|
||
const nextBtn = document.getElementById('nextPageBtn');
|
||
if (prevBtn) {
|
||
prevBtn.addEventListener('click', () => {
|
||
if (this.page > 1) {
|
||
this.page -= 1;
|
||
this.loadAccounts();
|
||
}
|
||
});
|
||
}
|
||
if (nextBtn) {
|
||
nextBtn.addEventListener('click', () => {
|
||
const maxPage = Math.max(1, Math.ceil(this.total / this.pageSize));
|
||
if (this.page < maxPage) {
|
||
this.page += 1;
|
||
this.loadAccounts();
|
||
}
|
||
});
|
||
}
|
||
|
||
// 导入相关（存在才绑定）
|
||
const executeImportBtn = document.getElementById('executeImportBtn');
|
||
if (executeImportBtn) {
|
||
executeImportBtn.addEventListener('click', this.executeImport.bind(this));
|
||
}
|
||
const clearImportBtn = document.getElementById('clearImportBtn');
|
||
if (clearImportBtn) {
|
||
clearImportBtn.addEventListener('click', this.clearImport.bind(this));
|
||
}
|
||
|
||
// 导出
|
||
document.getElementById('exportDataBtn').addEventListener('click', this.exportData.bind(this));
|
||
|
||
// 退出登录
|
||
document.getElementById('logoutBtn').addEventListener('click', this.logout.bind(this));
|
||
|
||
// 单页：不使用tabs，直接加载列表
|
||
setTimeout(() => this.loadAccounts(), 100);
|
||
|
||
// 打开导入对话框
|
||
const openImportBtn = document.getElementById('openImportModalBtn');
|
||
if (openImportBtn) {
|
||
openImportBtn.addEventListener('click', () => {
|
||
const modal = new bootstrap.Modal(document.getElementById('importModal'));
|
||
modal.show();
|
||
});
|
||
}
|
||
}
|
||
|
||
checkStoredAuth() {
|
||
// 检查是否有保存的认证信息（仅在当前会话有效）
|
||
const storedToken = sessionStorage.getItem('admin_token');
|
||
if (storedToken) {
|
||
this.token = storedToken;
|
||
this.showManagement();
|
||
}
|
||
}
|
||
|
||
async handleLogin(event) {
|
||
event.preventDefault();
|
||
|
||
const tokenInput = document.getElementById('tokenInput');
|
||
const enteredToken = tokenInput.value.trim();
|
||
|
||
if (!enteredToken) {
|
||
this.showError('请输入管理令牌');
|
||
return;
|
||
}
|
||
|
||
try {
|
||
// 验证令牌
|
||
const isValid = await this.verifyToken(enteredToken);
|
||
|
||
if (isValid) {
|
||
this.token = enteredToken;
|
||
this.isAuthenticated = true;
|
||
|
||
// 保存到会话存储
|
||
sessionStorage.setItem('admin_token', enteredToken);
|
||
|
||
this.showManagement();
|
||
this.showSuccess('登录成功');
|
||
} else {
|
||
this.showError('令牌验证失败，请检查输入的令牌是否正确');
|
||
}
|
||
} catch (error) {
|
||
console.error('登录失败:', error);
|
||
this.showError('登录失败: ' + error.message);
|
||
}
|
||
}
|
||
|
||
async verifyToken(token) {
|
||
try {
|
||
// 发送验证请求到后端
|
||
const response = await fetch('/api/admin/verify', {
|
||
method: 'POST',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
},
|
||
body: JSON.stringify({ token: token })
|
||
});
|
||
|
||
if (response.ok) {
|
||
const result = await response.json();
|
||
return result.success;
|
||
}
|
||
return false;
|
||
} catch (error) {
|
||
console.error('令牌验证错误:', error);
|
||
return false;
|
||
}
|
||
}
|
||
|
||
showManagement() {
|
||
document.getElementById('loginSection').style.display = 'none';
|
||
document.getElementById('managementSection').style.display = 'block';
|
||
|
||
// 自动加载账号列表
|
||
this.loadAccounts();
|
||
}
|
||
|
||
async loadAccounts() {
|
||
const accountsList = document.getElementById('accountsList');
|
||
|
||
// 显示加载状态（表格内）
|
||
const tbodyLoading = document.getElementById('accountsTbody');
|
||
if (tbodyLoading) {
|
||
tbodyLoading.innerHTML = `
|
||
<tr>
|
||
<td colspan="3" class="text-center py-4">
|
||
<div class="spinner-border spinner-border-sm text-primary" role="status"></div>
|
||
<div class="mt-2 small text-muted">正在加载账号列表...</div>
|
||
</td>
|
||
</tr>
|
||
`;
|
||
}
|
||
|
||
try {
|
||
const params = new URLSearchParams();
|
||
params.set('page', String(this.page));
|
||
params.set('page_size', String(this.pageSize));
|
||
if (this.query) params.set('q', this.query);
|
||
const response = await fetch(`/api/accounts/paged?${params.toString()}`, {
|
||
headers: {
|
||
'Authorization': `Bearer ${this.token}`
|
||
}
|
||
});
|
||
|
||
if (response.ok) {
|
||
const result = await response.json();
|
||
if (result.success) {
|
||
const items = (result.data && result.data.items) ? result.data.items : [];
|
||
this.total = (result.data && typeof result.data.total === 'number') ? result.data.total : items.length;
|
||
this.page = (result.data && typeof result.data.page === 'number') ? result.data.page : this.page;
|
||
this.pageSize = (result.data && typeof result.data.page_size === 'number') ? result.data.page_size : this.pageSize;
|
||
this.renderAccounts(items);
|
||
this.renderPager();
|
||
} else {
|
||
throw new Error(result.message);
|
||
}
|
||
} else {
|
||
throw new Error(`HTTP ${response.status}: ${response.statusText}`);
|
||
}
|
||
} catch (error) {
|
||
console.error('加载账号列表失败:', error);
|
||
accountsList.innerHTML = `
|
||
<div class="text-center py-4 text-danger">
|
||
<i class="bi bi-exclamation-triangle display-4"></i>
|
||
<div class="mt-2">加载失败: ${error.message}</div>
|
||
<button class="btn btn-outline-primary btn-sm mt-2" onclick="adminManager.loadAccounts()">
|
||
<i class="bi bi-arrow-clockwise me-1"></i>重试
|
||
</button>
|
||
</div>
|
||
`;
|
||
}
|
||
}
|
||
|
||
async renderAccounts(accounts) {
|
||
const tbody = document.getElementById('accountsTbody');
|
||
if (!tbody) return;
|
||
|
||
if (accounts.length === 0) {
|
||
tbody.innerHTML = `
|
||
<tr>
|
||
<td colspan="3" class="text-center py-4 text-muted">
|
||
<i class="bi bi-inbox"></i>
|
||
<div class="mt-2 small">暂无账号数据</div>
|
||
</td>
|
||
</tr>
|
||
`;
|
||
return;
|
||
}
|
||
|
||
// 获取所有账户的标签信息
|
||
const accountsWithTags = await this.loadAccountsWithTags();
|
||
|
||
const accountsHtml = accounts.map((account, index) => {
|
||
const tags = accountsWithTags[account.email] || [];
|
||
const tagsHtml = tags.length > 0 ?
|
||
tags.map(tag => `<span class="badge bg-secondary me-1 mb-1">${this.escapeHtml(tag)}</span>`).join('') :
|
||
'<span class="text-muted small">无标签</span>';
|
||
|
||
return `
|
||
<tr>
|
||
<td class="small"><i class="bi bi-envelope me-1"></i>${account.email}</td>
|
||
<td>${tagsHtml}</td>
|
||
<td class="text-end">
|
||
<div class="btn-group btn-group-sm" role="group">
|
||
<button class="btn btn-outline-secondary btn-sm"
|
||
onclick="adminManager.showTagManagementDialog('${account.email}')"
|
||
title="管理标签">
|
||
<i class="bi bi-tags"></i>
|
||
</button>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
`;
|
||
}).join('');
|
||
tbody.innerHTML = accountsHtml;
|
||
}
|
||
|
||
// 已移除测试与系统配置相关功能
|
||
|
||
// 删除账户功能不在精简范围内，已移除调用
|
||
|
||
clearImport() {
|
||
document.getElementById('importTextarea').value = '';
|
||
document.getElementById('mergeMode').value = 'update';
|
||
this.showSuccess('已清空导入内容');
|
||
}
|
||
|
||
async executeImport() {
|
||
const textarea = document.getElementById('importTextarea');
|
||
const mergeMode = document.getElementById('mergeMode');
|
||
|
||
const importText = textarea.value.trim();
|
||
if (!importText) {
|
||
this.showError('请输入要导入的账户数据');
|
||
return;
|
||
}
|
||
|
||
try {
|
||
// 解析文本
|
||
const parseResponse = await fetch('/api/parse-import-text', {
|
||
method: 'POST',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
'Authorization': `Bearer ${this.token}`
|
||
},
|
||
body: JSON.stringify({ text: importText })
|
||
});
|
||
|
||
if (!parseResponse.ok) {
|
||
throw new Error(`解析失败: HTTP ${parseResponse.status}`);
|
||
}
|
||
|
||
const parseResult = await parseResponse.json();
|
||
if (!parseResult.success) {
|
||
throw new Error(parseResult.message);
|
||
}
|
||
|
||
// 执行导入
|
||
const importResponse = await fetch('/api/import', {
|
||
method: 'POST',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
'Authorization': `Bearer ${this.token}`
|
||
},
|
||
body: JSON.stringify({
|
||
accounts: parseResult.data.accounts, // 只提取accounts数组
|
||
merge_mode: mergeMode.value
|
||
})
|
||
});
|
||
|
||
if (!importResponse.ok) {
|
||
throw new Error(`导入失败: HTTP ${importResponse.status}`);
|
||
}
|
||
|
||
const importResult = await importResponse.json();
|
||
|
||
if (importResult.success) {
|
||
this.showSuccess(`导入完成! 新增: ${importResult.added_count}, 更新: ${importResult.updated_count}, 跳过: ${importResult.skipped_count}`);
|
||
// 清空导入内容
|
||
document.getElementById('importTextarea').value = '';
|
||
this.loadAccounts(); // 刷新账号列表
|
||
} else {
|
||
this.showError(`导入失败: ${importResult.message}`);
|
||
}
|
||
|
||
} catch (error) {
|
||
console.error('导入失败:', error);
|
||
this.showError(`导入失败: ${error.message}`);
|
||
}
|
||
}
|
||
|
||
async exportData() {
|
||
try {
|
||
const response = await fetch('/api/export');
|
||
|
||
if (response.ok) {
|
||
// 直接获取文本内容
|
||
const content = await response.text();
|
||
|
||
// 从响应头获取文件名
|
||
const contentDisposition = response.headers.get('Content-Disposition');
|
||
let filename = 'outlook_accounts_config.txt';
|
||
if (contentDisposition) {
|
||
const match = contentDisposition.match(/filename=(.+)/);
|
||
if (match) {
|
||
filename = match[1];
|
||
}
|
||
}
|
||
|
||
// 下载文件
|
||
this.downloadTextFile(content, filename);
|
||
this.showSuccess('数据导出成功');
|
||
} else {
|
||
throw new Error(`HTTP ${response.status}: ${response.statusText}`);
|
||
}
|
||
} catch (error) {
|
||
console.error('导出失败:', error);
|
||
this.showError(`导出失败: ${error.message}`);
|
||
}
|
||
}
|
||
|
||
downloadTextFile(content, filename) {
|
||
const blob = new Blob([content], { type: 'text/plain;charset=utf-8' });
|
||
const url = window.URL.createObjectURL(blob);
|
||
const a = document.createElement('a');
|
||
a.href = url;
|
||
a.download = filename;
|
||
document.body.appendChild(a);
|
||
a.click();
|
||
document.body.removeChild(a);
|
||
window.URL.revokeObjectURL(url);
|
||
}
|
||
|
||
logout() {
|
||
this.isAuthenticated = false;
|
||
this.token = '';
|
||
sessionStorage.removeItem('admin_token');
|
||
|
||
document.getElementById('managementSection').style.display = 'none';
|
||
document.getElementById('loginSection').style.display = 'block';
|
||
|
||
// 清空表单
|
||
document.getElementById('tokenInput').value = '';
|
||
|
||
this.showSuccess('已安全退出管理');
|
||
}
|
||
|
||
showSuccess(message) {
|
||
document.getElementById('successMessage').textContent = message;
|
||
const modal = new bootstrap.Modal(document.getElementById('successModal'));
|
||
modal.show();
|
||
}
|
||
|
||
showError(message) {
|
||
document.getElementById('errorMessage').textContent = message;
|
||
const modal = new bootstrap.Modal(document.getElementById('errorModal'));
|
||
modal.show();
|
||
}
|
||
|
||
// ==================== 标签管理功能 ====================
|
||
|
||
async loadAccountsWithTags() {
|
||
try {
|
||
const response = await fetch('/api/accounts/tags', {
|
||
headers: {
|
||
'Authorization': `Bearer ${this.token}`
|
||
}
|
||
});
|
||
if (response.ok) {
|
||
const result = await response.json();
|
||
if (result.success) {
|
||
return result.data.accounts || {};
|
||
}
|
||
}
|
||
} catch (error) {
|
||
console.error('加载账户标签失败:', error);
|
||
}
|
||
return {};
|
||
}
|
||
|
||
async showTagManagementDialog(email) {
|
||
// 显示标签管理对话框
|
||
const modal = new bootstrap.Modal(document.getElementById('tagManagementModal'));
|
||
const modalTitle = document.getElementById('tagManagementModalTitle');
|
||
const tagInput = document.getElementById('tagManagementInput');
|
||
const currentTagsDisplay = document.getElementById('tagManagementCurrentTags');
|
||
|
||
modalTitle.textContent = `管理标签 - ${email}`;
|
||
|
||
// 加载当前标签
|
||
try {
|
||
const response = await fetch(`/api/account/${encodeURIComponent(email)}/tags`, {
|
||
headers: {
|
||
'Authorization': `Bearer ${this.token}`
|
||
}
|
||
});
|
||
|
||
if (response.ok) {
|
||
const result = await response.json();
|
||
if (result.success) {
|
||
const tags = result.data.tags || [];
|
||
tagInput.value = tags.join(',');
|
||
|
||
if (tags.length > 0) {
|
||
const tagsHtml = tags.map(tag =>
|
||
`<span class="badge bg-secondary me-1">${this.escapeHtml(tag)}</span>`
|
||
).join('');
|
||
currentTagsDisplay.innerHTML = tagsHtml;
|
||
} else {
|
||
currentTagsDisplay.innerHTML = '<span class="text-muted">暂无标签</span>';
|
||
}
|
||
}
|
||
}
|
||
} catch (error) {
|
||
console.error('加载账户标签失败:', error);
|
||
}
|
||
|
||
// 设置保存按钮事件
|
||
const saveBtn = document.getElementById('tagManagementSaveBtn');
|
||
saveBtn.onclick = () => this.saveAccountTagsFromDialog(email);
|
||
|
||
modal.show();
|
||
}
|
||
|
||
async saveAccountTagsFromDialog(email) {
|
||
const tagInput = document.getElementById('tagManagementInput');
|
||
const tagsText = tagInput.value.trim();
|
||
const tags = tagsText ? tagsText.split(',').map(tag => tag.trim()).filter(tag => tag) : [];
|
||
|
||
try {
|
||
const response = await fetch(`/api/account/${encodeURIComponent(email)}/tags`, {
|
||
method: 'POST',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
'Authorization': `Bearer ${this.token}`
|
||
},
|
||
body: JSON.stringify({ email: email, tags: tags })
|
||
});
|
||
|
||
if (response.ok) {
|
||
const result = await response.json();
|
||
if (result.success) {
|
||
this.showSuccess('标签保存成功');
|
||
// 关闭对话框
|
||
const modal = bootstrap.Modal.getInstance(document.getElementById('tagManagementModal'));
|
||
modal.hide();
|
||
// 刷新账户列表
|
||
this.loadAccounts();
|
||
} else {
|
||
this.showError('保存失败: ' + result.message);
|
||
}
|
||
} else {
|
||
this.showError(`保存失败: HTTP ${response.status}`);
|
||
}
|
||
} catch (error) {
|
||
console.error('保存标签失败:', error);
|
||
this.showError('保存标签失败: ' + error.message);
|
||
}
|
||
}
|
||
|
||
async loadAllTags() {
|
||
const allTagsList = document.getElementById('allTagsList');
|
||
|
||
allTagsList.innerHTML = `
|
||
<div class="text-center py-3">
|
||
<div class="spinner-border spinner-border-sm text-primary" role="status"></div>
|
||
<div class="mt-2 small">加载中...</div>
|
||
</div>
|
||
`;
|
||
|
||
try {
|
||
const response = await fetch('/api/accounts/tags', {
|
||
headers: {
|
||
'Authorization': `Bearer ${this.token}`
|
||
}
|
||
});
|
||
if (response.ok) {
|
||
const result = await response.json();
|
||
if (result.success) {
|
||
this.renderAllTags(result.data.tags || []);
|
||
} else {
|
||
throw new Error(result.message);
|
||
}
|
||
} else {
|
||
throw new Error(`HTTP ${response.status}`);
|
||
}
|
||
} catch (error) {
|
||
console.error('加载标签失败:', error);
|
||
allTagsList.innerHTML = `
|
||
<div class="text-center py-3 text-danger">
|
||
<i class="bi bi-exclamation-triangle"></i>
|
||
<div class="mt-2 small">加载失败: ${error.message}</div>
|
||
</div>
|
||
`;
|
||
}
|
||
}
|
||
|
||
renderAllTags(tags) {
|
||
const allTagsList = document.getElementById('allTagsList');
|
||
|
||
if (tags.length === 0) {
|
||
allTagsList.innerHTML = `
|
||
<div class="text-center py-3 text-muted">
|
||
<i class="bi bi-tags"></i>
|
||
<div class="mt-2 small">暂无标签</div>
|
||
</div>
|
||
`;
|
||
return;
|
||
}
|
||
|
||
const tagsHtml = tags.map(tag => `
|
||
<span class="badge bg-primary me-1 mb-1">${this.escapeHtml(tag)}</span>
|
||
`).join('');
|
||
|
||
allTagsList.innerHTML = `
|
||
<div class="mb-2">
|
||
<small class="text-muted">共 ${tags.length} 个标签：</small>
|
||
</div>
|
||
<div>${tagsHtml}</div>
|
||
`;
|
||
}
|
||
|
||
async loadAccountsForTags() {
|
||
const tagAccountSelect = document.getElementById('tagAccountSelect');
|
||
|
||
try {
|
||
const response = await fetch('/api/accounts');
|
||
if (response.ok) {
|
||
const result = await response.json();
|
||
if (result.success) {
|
||
tagAccountSelect.innerHTML = '<option value="">请选择账户...</option>';
|
||
result.data.forEach(account => {
|
||
const option = document.createElement('option');
|
||
option.value = account.email;
|
||
option.textContent = account.email;
|
||
tagAccountSelect.appendChild(option);
|
||
});
|
||
}
|
||
}
|
||
} catch (error) {
|
||
console.error('加载账户列表失败:', error);
|
||
}
|
||
}
|
||
|
||
async loadAccountTags() {
|
||
const tagAccountSelect = document.getElementById('tagAccountSelect');
|
||
const accountTagsInput = document.getElementById('accountTagsInput');
|
||
const currentAccountTags = document.getElementById('currentAccountTags');
|
||
const currentTagsDisplay = document.getElementById('currentTagsDisplay');
|
||
|
||
const selectedEmail = tagAccountSelect.value;
|
||
if (!selectedEmail) {
|
||
accountTagsInput.value = '';
|
||
currentAccountTags.style.display = 'none';
|
||
return;
|
||
}
|
||
|
||
try {
|
||
const response = await fetch(`/api/account/${encodeURIComponent(selectedEmail)}/tags`, {
|
||
headers: {
|
||
'Authorization': `Bearer ${this.token}`
|
||
}
|
||
});
|
||
if (response.ok) {
|
||
const result = await response.json();
|
||
if (result.success) {
|
||
const tags = result.data.tags || [];
|
||
accountTagsInput.value = tags.join(',');
|
||
|
||
if (tags.length > 0) {
|
||
const tagsHtml = tags.map(tag =>
|
||
`<span class="badge bg-secondary me-1">${this.escapeHtml(tag)}</span>`
|
||
).join('');
|
||
currentTagsDisplay.innerHTML = tagsHtml;
|
||
currentAccountTags.style.display = 'block';
|
||
} else {
|
||
currentAccountTags.style.display = 'none';
|
||
}
|
||
}
|
||
}
|
||
} catch (error) {
|
||
console.error('加载账户标签失败:', error);
|
||
this.showError('加载账户标签失败: ' + error.message);
|
||
}
|
||
}
|
||
|
||
async saveAccountTags() {
|
||
const tagAccountSelect = document.getElementById('tagAccountSelect');
|
||
const accountTagsInput = document.getElementById('accountTagsInput');
|
||
|
||
const selectedEmail = tagAccountSelect.value;
|
||
if (!selectedEmail) {
|
||
this.showError('请先选择账户');
|
||
return;
|
||
}
|
||
|
||
const tagsText = accountTagsInput.value.trim();
|
||
const tags = tagsText ? tagsText.split(',').map(tag => tag.trim()).filter(tag => tag) : [];
|
||
|
||
try {
|
||
const response = await fetch(`/api/account/${encodeURIComponent(selectedEmail)}/tags`, {
|
||
method: 'POST',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
'Authorization': `Bearer ${this.token}`
|
||
},
|
||
body: JSON.stringify({ email: selectedEmail, tags: tags })
|
||
});
|
||
|
||
if (response.ok) {
|
||
const result = await response.json();
|
||
if (result.success) {
|
||
this.showSuccess('标签保存成功');
|
||
this.loadAccountTags(); // 刷新显示
|
||
this.loadAllTags(); // 刷新所有标签列表
|
||
} else {
|
||
this.showError('保存失败: ' + result.message);
|
||
}
|
||
} else {
|
||
this.showError(`保存失败: HTTP ${response.status}`);
|
||
}
|
||
} catch (error) {
|
||
console.error('保存标签失败:', error);
|
||
this.showError('保存标签失败: ' + error.message);
|
||
}
|
||
}
|
||
|
||
clearAccountTags() {
|
||
document.getElementById('accountTagsInput').value = '';
|
||
document.getElementById('currentAccountTags').style.display = 'none';
|
||
}
|
||
|
||
// ==================== 分页信息渲染 ====================
|
||
renderPager() {
|
||
const info = document.getElementById('accountsPagerInfo');
|
||
if (!info) return;
|
||
const maxPage = Math.max(1, Math.ceil(this.total / this.pageSize));
|
||
info.textContent = `第 ${this.page} / ${maxPage} 页，共 ${this.total} 条`;
|
||
const prevBtn = document.getElementById('prevPageBtn');
|
||
const nextBtn = document.getElementById('nextPageBtn');
|
||
if (prevBtn) prevBtn.disabled = this.page <= 1;
|
||
if (nextBtn) nextBtn.disabled = this.page >= maxPage;
|
||
}
|
||
|
||
// ==================== 辅助方法 ====================
|
||
|
||
escapeHtml(text) {
|
||
if (!text) return '';
|
||
const div = document.createElement('div');
|
||
div.textContent = text;
|
||
return div.innerHTML;
|
||
}
|
||
|
||
formatDate(dateString) {
|
||
if (!dateString) return '未知时间';
|
||
|
||
try {
|
||
const date = new Date(dateString);
|
||
if (isNaN(date.getTime())) {
|
||
return dateString;
|
||
}
|
||
|
||
const now = new Date();
|
||
const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
|
||
const messageDate = new Date(date.getFullYear(), date.getMonth(), date.getDate());
|
||
|
||
const timeDiff = today.getTime() - messageDate.getTime();
|
||
const daysDiff = Math.floor(timeDiff / (1000 * 3600 * 24));
|
||
|
||
if (daysDiff === 0) {
|
||
return date.toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' });
|
||
} else if (daysDiff === 1) {
|
||
return '昨天';
|
||
} else if (daysDiff < 7) {
|
||
return `${daysDiff}天前`;
|
||
} else {
|
||
return date.toLocaleDateString('zh-CN', { month: 'short', day: 'numeric' });
|
||
}
|
||
} catch (error) {
|
||
console.error('Date formatting error:', error);
|
||
return dateString;
|
||
}
|
||
}
|
||
}
|
||
|
||
// 页面加载完成后初始化
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
window.adminManager = new AdminManager();
|
||
}); |