364 lines
17 KiB
HTML
364 lines
17 KiB
HTML
{% extends "base.html" %}
|
||
{% set active = 'settings' %}
|
||
{% block title %}设置 - 新闻智能跟踪{% endblock %}
|
||
{% block content %}
|
||
<div class="page-head">
|
||
<h1>⚙️ 设置</h1>
|
||
<button class="btn accent" onclick="saveAll()">💾 保存设置</button>
|
||
</div>
|
||
|
||
<div class="two-col">
|
||
<section class="card">
|
||
<h3>🕐 自动化</h3>
|
||
<div class="setting-row">
|
||
<label>自动定时采集</label>
|
||
<input type="checkbox" id="s_auto_collect" {{ 'checked' if auto.auto.auto_collect }}>
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>采集间隔（分钟）</label>
|
||
<input type="number" id="s_scan_interval_min" value="{{ auto.auto.scan_interval_min }}">
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>实时重要资讯邮件</label>
|
||
<input type="checkbox" id="s_realtime_enabled" {{ 'checked' if auto.auto.realtime_enabled }}>
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>实时通知阈值（综合分）</label>
|
||
<input type="number" id="s_realtime_threshold" value="{{ auto.auto.realtime_threshold }}">
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>LLM 深度分析阈值（规则分）</label>
|
||
<input type="number" id="s_llm_threshold" value="{{ auto.auto.llm_threshold }}">
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>每日汇总邮件</label>
|
||
<input type="checkbox" id="s_summary_enabled" {{ 'checked' if auto.auto.summary_enabled }}>
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>汇总时间</label>
|
||
<input type="time" id="s_summary_time" value="{{ auto.auto.summary_time }}">
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>汇总窗口（小时）</label>
|
||
<input type="number" id="s_summary_window_hours" value="{{ auto.auto.summary_window_hours }}">
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>汇总邮件最多条目</label>
|
||
<input type="number" id="s_max_summary_items" value="{{ auto.auto.max_summary_items }}">
|
||
</div>
|
||
</section>
|
||
|
||
<section class="card">
|
||
<h3>📮 邮件配置</h3>
|
||
<div class="setting-row"><label>SMTP 服务器</label><input id="m_host" value="{{ auto.mail.smtp_host }}"></div>
|
||
<div class="setting-row"><label>端口</label><input id="m_port" value="{{ auto.mail.smtp_port }}"></div>
|
||
<div class="setting-row"><label>账号</label><input id="m_user" value="{{ auto.mail.smtp_user }}"></div>
|
||
<div class="setting-row"><label>口令</label><input id="m_pass" type="password" value="{{ auto.mail.smtp_pass }}"></div>
|
||
<div class="setting-row">
|
||
<label>加密方式</label>
|
||
<select id="m_mode">
|
||
<option value="plain" {{ 'selected' if auto.mail.smtp_mode=='plain' }}>无加密</option>
|
||
<option value="starttls" {{ 'selected' if auto.mail.smtp_mode=='starttls' }}>STARTTLS</option>
|
||
<option value="ssl" {{ 'selected' if auto.mail.smtp_mode=='ssl' }}>SSL</option>
|
||
</select>
|
||
</div>
|
||
<div class="setting-row"><label>收件人</label><input id="m_to" value="{{ auto.mail.email_to }}"></div>
|
||
<div class="setting-row"><label>发件人名称</label><input id="m_name" value="{{ auto.mail.sender_name }}"></div>
|
||
</section>
|
||
</div>
|
||
|
||
<section class="card">
|
||
<h3>🎯 定制监控机制
|
||
<span class="muted small">（与新闻监控完全独立：定制源按此间隔采集，命中推送标准单独汇总；每源可用本源「采集周期」覆盖间隔）</span>
|
||
</h3>
|
||
<div class="setting-row">
|
||
<label>启用定制监控机制（采集+LLM判断+命中推送）</label>
|
||
<input type="checkbox" id="c_custom_enabled" {{ 'checked' if auto.custom and auto.custom.custom_enabled }}>
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>定制源统一采集间隔（分钟，每源可覆盖）</label>
|
||
<input type="number" id="c_custom_scan_interval_min" value="{{ auto.custom.custom_scan_interval_min if auto.custom else 15 }}">
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>单独发「定制监控汇总」邮件</label>
|
||
<input type="checkbox" id="c_custom_summary_enabled" {{ 'checked' if auto.custom and auto.custom.custom_summary_enabled }}>
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>定制监控汇总时间（独立于新闻日报）</label>
|
||
<input type="time" id="c_custom_summary_time" value="{{ auto.custom.custom_summary_time if auto.custom else '18:00' }}">
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>定制汇总窗口（小时）</label>
|
||
<input type="number" id="c_custom_summary_window_hours" value="{{ auto.custom.custom_summary_window_hours if auto.custom else 24 }}">
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>定制汇总邮件最多条目</label>
|
||
<input type="number" id="c_custom_max_summary_items" value="{{ auto.custom.custom_max_summary_items if auto.custom else 20 }}">
|
||
</div>
|
||
</section>
|
||
|
||
<section class="card">
|
||
<h3>🌐 网页提取服务（web-capture-api）
|
||
<span class="muted small">（数据源真实网页默认通过该服务抓取，每源可单独选获取方式与参数）</span>
|
||
</h3>
|
||
<div class="setting-row">
|
||
<label>启用 web-capture-api 抓取</label>
|
||
<input type="checkbox" id="w_enabled" {{ 'checked' if auto.webcapture.enabled }}>
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>API 地址</label>
|
||
<input id="w_api_url" value="{{ auto.webcapture.api_url }}" placeholder="http://121.40.164.32:16025">
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>抓取超时（秒）</label>
|
||
<input type="number" id="w_timeout" value="{{ auto.webcapture.timeout }}">
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>连通性测试</label>
|
||
<span style="display:flex;gap:8px;align-items:center;">
|
||
<button class="btn mini" type="button" onclick="testWebcapture()">🧪 测试接口</button>
|
||
<span id="wc_test_result" class="muted small"></span>
|
||
</span>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="card">
|
||
<h3>⚠️ 系统错误邮件通知
|
||
<span class="muted small">（采集/分析/通知/汇总/系统异常自动邮件通知，可设通知频率与静默时段）</span>
|
||
</h3>
|
||
<div class="setting-row">
|
||
<label>启用错误邮件通知</label>
|
||
<input type="checkbox" id="e_enabled" {{ 'checked' if auto.errnotify.enabled }}>
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>通知方式</label>
|
||
<select id="e_mode">
|
||
<option value="immediate" {{ 'selected' if auto.errnotify.mode=='immediate' }}>⚡ 立即（出现即尝试发，仍受冷却限制）</option>
|
||
<option value="cooldown" {{ 'selected' if auto.errnotify.mode=='cooldown' }}>⏱ 按冷却聚合（到冷却时间集中发一封）</option>
|
||
<option value="off" {{ 'selected' if auto.errnotify.mode=='off' }}>🚫 关闭（仅记录不发送）</option>
|
||
</select>
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>通知频率（冷却分钟）<span class="muted small">— 两次错误邮件最小间隔</span></label>
|
||
<input type="number" id="e_cooldown_min" value="{{ auto.errnotify.cooldown_min }}">
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>单封最多错误条数</label>
|
||
<input type="number" id="e_max_items" value="{{ auto.errnotify.max_items }}">
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>启用静默时段</label>
|
||
<input type="checkbox" id="e_quiet_enabled" {{ 'checked' if auto.errnotify.quiet_enabled }}>
|
||
</div>
|
||
<div style="margin-top:10px;">
|
||
<label style="font-size:12px;color:#6b7280;">静默时段（每行一段 <b>HH:MM-HH:MM</b>，支持跨午夜、多段；静默期不发送，结束后自动补发）</label>
|
||
<textarea id="e_quiet_periods" rows="3" style="margin-top:4px;">{{ '\n'.join(auto.errnotify.quiet_periods) }}</textarea>
|
||
</div>
|
||
<div class="setting-row">
|
||
<label>测试</label>
|
||
<span style="display:flex;gap:8px;align-items:center;">
|
||
<button class="btn mini" type="button" onclick="testErrorMail()">📨 发一封测试错误通知</button>
|
||
<span id="e_test_result" class="muted small"></span>
|
||
</span>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="card">
|
||
<span class="muted small">（切换后即时生效，智能分析将使用当前接口；失败自动切换下一个可用接口）</span>
|
||
</h3>
|
||
<div class="form-row" style="margin-bottom:12px;">
|
||
<input id="lp_name" placeholder="名称（如：SiliconFlow / DeepSeek 官方）">
|
||
<input id="lp_url" placeholder="Base URL（如 https://api.siliconflow.cn/v1）" style="min-width:280px;">
|
||
<input id="lp_key" type="password" placeholder="API Key">
|
||
<input id="lp_model" placeholder="模型名（如 deepseek-ai/DeepSeek-V4-Flash）">
|
||
<label style="display:flex;align-items:center;gap:4px;white-space:nowrap;">
|
||
<input type="checkbox" id="lp_active" checked> 设为当前
|
||
</label>
|
||
<button class="btn" onclick="addProvider()">＋ 添加接口</button>
|
||
</div>
|
||
|
||
<table>
|
||
<thead><tr><th>优先级</th><th>名称</th><th>Base URL</th><th>模型</th><th>状态</th><th>操作</th></tr></thead>
|
||
<tbody>
|
||
{% for p in providers %}
|
||
<tr data-pid="{{ p.id }}" data-name="{{ p.name }}" data-url="{{ p.base_url }}" data-model="{{ p.model }}" data-key="{{ p.api_key }}">
|
||
<td style="white-space:nowrap;">
|
||
<button class="btn mini" onclick="moveProvider({{ p.id }}, -1)" title="上移（提高优先级）">↑</button>
|
||
<button class="btn mini" onclick="moveProvider({{ p.id }}, 1)" title="下移（降低优先级）">↓</button>
|
||
</td>
|
||
<td>
|
||
<b>{{ p.name }}</b>
|
||
{% if p.active %}<span class="tag ok">当前</span>{% endif %}
|
||
<div class="muted small" style="word-break:break-all;">{{ p.api_key[:6] }}…{{ p.api_key[-4:] if p.api_key|length>10 }}</div>
|
||
</td>
|
||
<td class="small" style="word-break:break-all;">{{ p.base_url }}</td>
|
||
<td class="small">{{ p.model }}</td>
|
||
<td>{% if p.enabled %}<span class="tag ok">启用</span>{% else %}<span class="tag">停用</span>{% endif %}</td>
|
||
<td>
|
||
{% if not p.active %}
|
||
<button class="btn mini" onclick="switchProvider({{ p.id }})">⚡ 切换为当前</button>
|
||
{% endif %}
|
||
<button class="btn mini" onclick="editProvider({{ p.id }})">编辑</button>
|
||
<button class="btn mini" onclick="testProvider({{ p.id }})">测试</button>
|
||
<button class="btn mini" onclick="toggleProvider({{ p.id }})">{{ '停用' if p.enabled else '启用' }}</button>
|
||
<button class="btn mini danger" onclick="delProvider({{ p.id }})">删除</button>
|
||
</td>
|
||
</tr>
|
||
{% endfor %}
|
||
</tbody>
|
||
</table>
|
||
<div class="muted small" style="margin-top:8px;">💡 调用顺序按优先级：高优先级失败会自动切换下一个，全部失败才算调用异常（邮件通知）。</div>
|
||
<div id="lp_test_result" class="muted small" style="margin-top:10px;"></div>
|
||
</section>
|
||
|
||
<section class="card">
|
||
<h3>📊 LLM 调用统计 <span class="muted small">次数 / Token / 失败（按天按接口记录）</span></h3>
|
||
<div class="two-col">
|
||
<div>
|
||
<h4 style="font-size:14px;color:#111827;margin:4px 0 8px;">各接口累计</h4>
|
||
<table>
|
||
<thead><tr><th>接口</th><th>调用次数</th><th>Prompt Tokens</th><th>Completion</th><th>总 Tokens</th><th>失败</th></tr></thead>
|
||
<tbody>
|
||
{% for s in llm_stats %}
|
||
<tr>
|
||
<td>{{ s.provider }}</td><td>{{ s.calls }}</td><td>{{ s.prompt_tokens }}</td>
|
||
<td>{{ s.completion_tokens }}</td><td>{{ s.total_tokens }}</td>
|
||
<td>{% if s.failures %}<span class="tag err">{{ s.failures }}</span>{% else %}0{% endif %}</td>
|
||
</tr>
|
||
{% else %}
|
||
<tr><td colspan="6" class="empty">暂无调用记录（有 LLM 分析后自动统计）</td></tr>
|
||
{% endfor %}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div>
|
||
<h4 style="font-size:14px;color:#111827;margin:4px 0 8px;">最近 14 天合计</h4>
|
||
<table>
|
||
<thead><tr><th>日期</th><th>调用</th><th>总 Tokens</th><th>失败</th></tr></thead>
|
||
<tbody>
|
||
{% for d in llm_daily %}
|
||
<tr><td>{{ d.day }}</td><td>{{ d.calls }}</td><td>{{ d.total_tokens }}</td>
|
||
<td>{% if d.failures %}<span class="tag err">{{ d.failures }}</span>{% else %}0{% endif %}</td></tr>
|
||
{% else %}
|
||
<tr><td colspan="4" class="empty">暂无数据</td></tr>
|
||
{% endfor %}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{% endblock %}
|
||
{% block script %}
|
||
<script>
|
||
const G = id => document.getElementById(id).value;
|
||
|
||
async function saveAll(){
|
||
const auto = {
|
||
auto_collect: document.getElementById('s_auto_collect').checked ? 1 : 0,
|
||
realtime_enabled: document.getElementById('s_realtime_enabled').checked ? 1 : 0,
|
||
summary_enabled: document.getElementById('s_summary_enabled').checked ? 1 : 0,
|
||
scan_interval_min: parseInt(G('s_scan_interval_min'))||30,
|
||
realtime_threshold: parseInt(G('s_realtime_threshold'))||80,
|
||
llm_threshold: parseInt(G('s_llm_threshold'))||60,
|
||
summary_time: G('s_summary_time')||'10:00',
|
||
summary_window_hours: parseInt(G('s_summary_window_hours'))||24,
|
||
max_summary_items: parseInt(G('s_max_summary_items'))||15,
|
||
};
|
||
const mail = {
|
||
smtp_host: G('m_host'), smtp_port: parseInt(G('m_port'))||587,
|
||
smtp_user: G('m_user'), smtp_pass: G('m_pass'), smtp_mode: G('m_mode'),
|
||
email_to: G('m_to'), sender_name: G('m_name'),
|
||
};
|
||
const custom = {
|
||
custom_enabled: document.getElementById('c_custom_enabled').checked ? 1 : 0,
|
||
custom_scan_interval_min: parseInt(G('c_custom_scan_interval_min'))||15,
|
||
custom_summary_enabled: document.getElementById('c_custom_summary_enabled').checked ? 1 : 0,
|
||
custom_summary_time: G('c_custom_summary_time')||'18:00',
|
||
custom_summary_window_hours: parseInt(G('c_custom_summary_window_hours'))||24,
|
||
custom_max_summary_items: parseInt(G('c_custom_max_summary_items'))||20,
|
||
};
|
||
const webcapture = {
|
||
enabled: document.getElementById('w_enabled').checked ? 1 : 0,
|
||
api_url: G('w_api_url').trim() || 'http://121.40.164.32:16025',
|
||
timeout: parseInt(G('w_timeout')) || 60,
|
||
};
|
||
const errnotify = {
|
||
enabled: document.getElementById('e_enabled').checked ? 1 : 0,
|
||
mode: G('e_mode'),
|
||
cooldown_min: parseInt(G('e_cooldown_min')) || 60,
|
||
max_items: parseInt(G('e_max_items')) || 10,
|
||
quiet_enabled: document.getElementById('e_quiet_enabled').checked ? 1 : 0,
|
||
quiet_periods: G('e_quiet_periods').split(/[\n,;，；]/).map(s=>s.trim()).filter(Boolean),
|
||
};
|
||
const r = await API.json('/api/settings', { ...auto, mail, custom, webcapture, errnotify });
|
||
toast(r.ok ? '✅ 设置已保存' : '❌ 保存失败', r.ok);
|
||
}
|
||
|
||
async function testWebcapture(){
|
||
const el = document.getElementById('wc_test_result');
|
||
el.textContent = '⏳ 测试中...';
|
||
const r = await API.json('/api/actions', {action:'test_webcapture'});
|
||
if (r.ok) el.textContent = `✅ ${r.api_url} 正常，抓取到：${r.title}（${(r.text||'').trim()}）`;
|
||
else el.textContent = '❌ ' + (r.error || '测试失败');
|
||
}
|
||
|
||
async function testErrorMail(){
|
||
const el = document.getElementById('e_test_result');
|
||
el.textContent = '⏳ 发送中...';
|
||
const r = await API.json('/api/actions', {action:'test_error_mail'});
|
||
if (r.ok) el.textContent = '✅ 测试错误通知邮件已发送';
|
||
else el.textContent = '❌ ' + (r.error || '发送失败');
|
||
}
|
||
|
||
async function addProvider(){
|
||
const r = await API.json('/api/llm', {
|
||
action:'add',
|
||
name: G('lp_name')||'未命名接口',
|
||
base_url: G('lp_url'), api_key: G('lp_key'), model: G('lp_model'),
|
||
active: document.getElementById('lp_active').checked ? 1 : 0,
|
||
});
|
||
if (r.ok) { toast('✅ 接口已添加'); setTimeout(()=>location.reload(), 500); }
|
||
else toast('❌ 添加失败', false);
|
||
}
|
||
async function switchProvider(id){
|
||
const r = await API.json('/api/llm', {action:'switch', id});
|
||
toast(r.ok ? `⚡ 已切换：${r.name}` : '❌ 切换失败', r.ok);
|
||
if (r.ok) setTimeout(()=>location.reload(), 400);
|
||
}
|
||
async function editProvider(id){
|
||
const row = document.querySelector(`tr[data-pid="${id}"]`);
|
||
if (!row) return;
|
||
const name = prompt('接口名称', row.dataset.name);
|
||
if (name === null) return;
|
||
const url = prompt('Base URL', row.dataset.url);
|
||
if (url === null) return;
|
||
const model = prompt('模型名', row.dataset.model);
|
||
if (model === null) return;
|
||
const key = prompt('API Key（留空则不变）', '') || row.dataset.key;
|
||
const r = await API.json('/api/llm', {action:'update', id, name, base_url:url, api_key:key, model});
|
||
toast(r.ok ? '✅ 已更新' : '❌ 更新失败', r.ok);
|
||
if (r.ok) setTimeout(()=>location.reload(), 400);
|
||
}
|
||
async function testProvider(id){
|
||
const el = document.getElementById('lp_test_result');
|
||
el.textContent = '⏳ 测试中…';
|
||
const r = await API.json('/api/llm', {action:'test', id});
|
||
if (r.ok) el.textContent = `✅ ${r.name}（${r.model}）连接正常，回复：${r.reply}`;
|
||
else el.textContent = `❌ 测试失败：${r.error}`;
|
||
}
|
||
async function toggleProvider(id){
|
||
await API.json('/api/llm', {action:'toggle', id}); location.reload();
|
||
}
|
||
async function moveProvider(id, dir){
|
||
const r = await API.json('/api/llm', {action:'move', id, direction: dir});
|
||
toast(r.ok ? '✅ 已调整优先级' : ('❌ ' + (r.error || '移动失败')), r.ok);
|
||
if (r.ok) location.reload();
|
||
}
|
||
async function delProvider(id){
|
||
if (!confirm('确认删除该大模型接口？')) return;
|
||
await API.json('/api/llm', {action:'delete', id});
|
||
toast('✅ 已删除'); setTimeout(()=>location.reload(), 400);
|
||
}
|
||
</script>
|
||
{% endblock %}
|