239 lines
9.8 KiB
HTML
239 lines
9.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<title>设置 - SaleShow</title>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="app-container">
|
|
<header class="main-header">
|
|
<div class="logo">
|
|
<i class="fas fa-chart-pie"></i>
|
|
<h1>SaleShow</h1>
|
|
</div>
|
|
<p class="subtitle">系统设置</p>
|
|
</header>
|
|
|
|
<main class="content-area">
|
|
<!-- 导航 -->
|
|
<div class="settings-nav">
|
|
<a href="/" class="btn btn-outline btn-sm">
|
|
<i class="fas fa-arrow-left"></i> 返回首页
|
|
</a>
|
|
</div>
|
|
|
|
<!-- secsion.com 凭据配置 -->
|
|
<section class="settings-section glass-card">
|
|
<div class="section-header">
|
|
<h2><i class="fas fa-key"></i> secsion.com 账号配置</h2>
|
|
</div>
|
|
<div class="settings-form">
|
|
<div class="form-group">
|
|
<label for="secsionUsername">用户名</label>
|
|
<input type="text" id="secsionUsername" placeholder="请输入 secsion.com 用户名" autocomplete="off">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="secsionPassword">密码</label>
|
|
<div class="password-wrapper">
|
|
<input type="password" id="secsionPassword" placeholder="请输入 secsion.com 密码" autocomplete="off">
|
|
<button type="button" class="btn-toggle-pwd" onclick="togglePassword()">
|
|
<i class="fas fa-eye" id="pwdToggleIcon"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="shopId">店铺 ID</label>
|
|
<input type="text" id="shopId" placeholder="留空则导出所有店铺数据" autocomplete="off">
|
|
<div class="form-hint">
|
|
<i class="fas fa-info-circle"></i>
|
|
在 secsion.com 统计页面的店铺下拉框中查看店铺名称，填写店铺 ID 或名称
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 定时任务配置 -->
|
|
<section class="settings-section glass-card">
|
|
<div class="section-header">
|
|
<h2><i class="fas fa-clock"></i> 定时自动下载</h2>
|
|
</div>
|
|
<div class="settings-form">
|
|
<div class="form-group form-row">
|
|
<label>启用定时任务</label>
|
|
<label class="switch">
|
|
<input type="checkbox" id="schedulerEnabled" checked>
|
|
<span class="slider"></span>
|
|
</label>
|
|
</div>
|
|
<div class="form-group form-row">
|
|
<label for="schedulerTime">每日执行时间</label>
|
|
<input type="time" id="schedulerTime" value="01:00">
|
|
</div>
|
|
<div class="form-hint">
|
|
<i class="fas fa-info-circle"></i>
|
|
每天自动下载前一天的销售数据，需保持服务运行
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 调度器状态 -->
|
|
<section class="settings-section glass-card">
|
|
<div class="section-header">
|
|
<h2><i class="fas fa-heartbeat"></i> 服务状态</h2>
|
|
</div>
|
|
<div class="status-panel" id="schedulerStatus">
|
|
<div class="status-item">
|
|
<span class="status-label">调度器状态</span>
|
|
<span class="status-value" id="schedulerRunning">加载中...</span>
|
|
</div>
|
|
<div class="status-item">
|
|
<span class="status-label">下次执行</span>
|
|
<span class="status-value" id="schedulerNextRun">--</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 保存按钮 -->
|
|
<div class="settings-actions">
|
|
<button class="btn btn-primary btn-lg" onclick="saveSettings()">
|
|
<i class="fas fa-save"></i> 保存设置
|
|
</button>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<!-- 加载层 -->
|
|
<div id="loadingOverlay" class="loading-overlay">
|
|
<div class="loading-box">
|
|
<div class="loader-dots">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
<p id="loadingText">保存中...</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
// 加载当前配置
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
loadSettings();
|
|
loadSchedulerStatus();
|
|
});
|
|
|
|
function loadSettings() {
|
|
fetch('/api/settings')
|
|
.then(res => res.json())
|
|
.then(data => {
|
|
if (data.success) {
|
|
const secsion = data.data.secsion || {};
|
|
const scheduler = data.data.scheduler || {};
|
|
|
|
document.getElementById('secsionUsername').value = secsion.username || '';
|
|
document.getElementById('secsionPassword').value = secsion.password || '';
|
|
document.getElementById('shopId').value = secsion.shop_id || '';
|
|
|
|
document.getElementById('schedulerEnabled').checked = scheduler.enabled !== false;
|
|
if (scheduler.hour !== undefined) {
|
|
const h = String(scheduler.hour).padStart(2, '0');
|
|
const m = String(scheduler.minute || 0).padStart(2, '0');
|
|
document.getElementById('schedulerTime').value = `${h}:${m}`;
|
|
}
|
|
}
|
|
})
|
|
.catch(err => console.error('加载配置失败:', err));
|
|
}
|
|
|
|
function loadSchedulerStatus() {
|
|
fetch('/api/scheduler/status')
|
|
.then(res => res.json())
|
|
.then(data => {
|
|
if (data.success) {
|
|
const status = data.status;
|
|
document.getElementById('schedulerRunning').textContent =
|
|
status.running ? '运行中' : '已停止';
|
|
document.getElementById('schedulerRunning').className =
|
|
'status-value ' + (status.running ? 'status-ok' : 'status-off');
|
|
|
|
if (status.jobs && status.jobs.length > 0) {
|
|
document.getElementById('schedulerNextRun').textContent =
|
|
status.jobs[0].next_run || '--';
|
|
}
|
|
}
|
|
})
|
|
.catch(err => console.error('加载调度器状态失败:', err));
|
|
}
|
|
|
|
function saveSettings() {
|
|
const username = document.getElementById('secsionUsername').value.trim();
|
|
const password = document.getElementById('secsionPassword').value;
|
|
const shopId = document.getElementById('shopId').value.trim();
|
|
const enabled = document.getElementById('schedulerEnabled').checked;
|
|
const timeVal = document.getElementById('schedulerTime').value;
|
|
const [hour, minute] = timeVal.split(':').map(Number);
|
|
|
|
if (!username || (!password || password === '******')) {
|
|
if (!username) {
|
|
alert('请输入 secsion.com 用户名');
|
|
return;
|
|
}
|
|
}
|
|
|
|
const body = {
|
|
secsion: {
|
|
username: username,
|
|
password: password,
|
|
shop_id: shopId
|
|
},
|
|
scheduler: {
|
|
enabled: enabled,
|
|
hour: hour,
|
|
minute: minute
|
|
}
|
|
};
|
|
|
|
const overlay = document.getElementById('loadingOverlay');
|
|
overlay.style.display = 'flex';
|
|
|
|
fetch('/api/settings', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify(body)
|
|
})
|
|
.then(res => res.json())
|
|
.then(data => {
|
|
overlay.style.display = 'none';
|
|
if (data.success) {
|
|
alert('设置已保存');
|
|
loadSchedulerStatus();
|
|
} else {
|
|
alert(data.error || '保存失败');
|
|
}
|
|
})
|
|
.catch(err => {
|
|
overlay.style.display = 'none';
|
|
alert('保存错误: ' + err.message);
|
|
});
|
|
}
|
|
|
|
function togglePassword() {
|
|
const pwdInput = document.getElementById('secsionPassword');
|
|
const icon = document.getElementById('pwdToggleIcon');
|
|
if (pwdInput.type === 'password') {
|
|
pwdInput.type = 'text';
|
|
icon.className = 'fas fa-eye-slash';
|
|
} else {
|
|
pwdInput.type = 'password';
|
|
icon.className = 'fas fa-eye';
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|