wangjia
5c647235aa
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013nMthbVEmQquxBRKb9Fj8u
1067 lines
47 KiB
HTML
1067 lines
47 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>feature+windows — 项目 TODO</title>
|
||
<style>
|
||
* { box-sizing: border-box; }
|
||
body {
|
||
margin: 0; padding: 0 0 80px;
|
||
font-family: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||
color: #1f2933; background: #f7f9fb; line-height: 1.6;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
header {
|
||
background: linear-gradient(135deg, #0A1F3B 0%, #15407D 100%);
|
||
color: #fff; padding: 36px 32px 28px;
|
||
}
|
||
header h1 { margin: 0 0 6px; font-size: 24px; font-weight: 700; }
|
||
header .header-meta { color: #ADC9EA; font-size: 13px; margin-top: 4px; }
|
||
.stats { display: flex; gap: 16px; margin-top: 14px; flex-wrap: wrap; }
|
||
.stat-pill {
|
||
background: rgba(255,255,255,0.12); border-radius: 20px;
|
||
padding: 4px 14px; font-size: 13px; color: #fff;
|
||
}
|
||
.stat-pill strong { font-size: 18px; font-weight: 700; margin-right: 2px; }
|
||
|
||
/* ── 筛选栏 ── */
|
||
.filter-bar {
|
||
position: sticky; top: 0; z-index: 10;
|
||
background: #fff; border-bottom: 1px solid #e4e9ef;
|
||
padding: 10px 28px; display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
|
||
}
|
||
.filter-group { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
|
||
.filter-label { font-size: 12px; color: #7b8794; white-space: nowrap; }
|
||
.filter-chip, .filter-btn {
|
||
padding: 3px 12px; border-radius: 14px; border: 1.5px solid #d1d9e6;
|
||
background: #f7f9fb; color: #52606d; font-size: 12.5px; cursor: pointer;
|
||
transition: all .15s; white-space: nowrap;
|
||
}
|
||
.filter-chip:hover, .filter-btn:hover { border-color: #2563AC; color: #2563AC; }
|
||
.filter-chip.active, .filter-btn.active {
|
||
background: #2563AC; border-color: #2563AC; color: #fff;
|
||
}
|
||
.filter-sep { width: 1px; height: 20px; background: #e4e9ef; margin: 0 4px; }
|
||
|
||
/* ── 内容区 ── */
|
||
.wrap { max-width: 980px; margin: 0 auto; padding: 0 24px; }
|
||
.section-block { margin-bottom: 8px; }
|
||
.section-title {
|
||
font-size: 15px; font-weight: 700;
|
||
padding: 10px 14px; border-radius: 8px;
|
||
display: flex; align-items: center; gap: 8px; cursor: pointer;
|
||
margin: 20px 0 8px; user-select: none;
|
||
}
|
||
.section-title .s-count {
|
||
font-size: 12px; font-weight: 500; padding: 1px 8px; border-radius: 10px;
|
||
background: rgba(0,0,0,0.08);
|
||
}
|
||
.section-title .s-arrow { margin-left: auto; font-size: 12px; color: inherit; opacity: .6; }
|
||
|
||
/* 状态主题色 */
|
||
.st-open { background: #eff6ff; color: #1e40af; border-left: 4px solid #3b82f6; }
|
||
.st-doing { background: #fff7ed; color: #9a3412; border-left: 4px solid #f97316; }
|
||
.st-done { background: #fefce8; color: #854d0e; border-left: 4px solid #eab308; }
|
||
.st-accepted{ background: #f0fdf4; color: #166534; border-left: 4px solid #22c55e; }
|
||
|
||
ul.todo-list { list-style: none; margin: 0; padding: 0; }
|
||
.todo-card {
|
||
background: #fff; border: 1px solid #e4e9ef; border-radius: 10px;
|
||
padding: 14px 18px; margin-bottom: 10px;
|
||
border-left-width: 4px;
|
||
}
|
||
.todo-card.s-open { border-left-color: #3b82f6; }
|
||
.todo-card.s-doing { border-left-color: #f97316; }
|
||
.todo-card.s-done { border-left-color: #eab308; }
|
||
.todo-card.s-accepted { border-left-color: #22c55e; background: #f0fdf4; opacity: .8; }
|
||
|
||
.card-header { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
|
||
.item-id { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 700; font-size: 13px; color: #2563AC; background: #eef4fb; border: 1px solid #d3e2f3; border-radius: 6px; padding: 1px 7px; flex: 0 0 auto; }
|
||
.item-title { font-weight: 600; font-size: 15px; flex: 1; }
|
||
.todo-card.s-accepted .item-title { text-decoration: line-through; color: #52606d; }
|
||
.card-badges { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
|
||
.item-desc { font-size: 13.5px; color: #52606d; margin-top: 6px; }
|
||
.item-desc code {
|
||
background: #f0f2f5; padding: 1px 5px; border-radius: 3px;
|
||
font-family: "JetBrains Mono", monospace; font-size: 12.5px; color: #b91c1c;
|
||
}
|
||
.card-footer { display: flex; align-items: center; gap: 10px; margin-top: 10px; flex-wrap: wrap; }
|
||
.tag-row { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; }
|
||
.item-meta { display: flex; flex-wrap: wrap; gap: 8px; font-size: 12px; color: #8aa3c4; }
|
||
.meta-date { white-space: nowrap; }
|
||
|
||
/* ── 标签样式 ── */
|
||
.tag { display: inline-block; padding: 2px 9px; border-radius: 10px; font-size: 12px; font-weight: 600; white-space: nowrap; }
|
||
.t-block { background: #fde8e8; color: #b91c1c; }
|
||
.t-high { background: #fef0d8; color: #9a6700; }
|
||
.t-low { background: #e6f0fb; color: #1d4ed8; }
|
||
.t-tag { background: #efefef; color: #555; cursor: pointer; transition: .12s; }
|
||
.t-tag:hover { background: #d9e8fb; color: #1d4ed8; }
|
||
.ver-badge { font-weight: 700; color: #1f7a44; }
|
||
.sub-progress-badge { background: #f0f4ff; color: #3730a3; }
|
||
|
||
/* 状态徽章 */
|
||
.status-badge { font-size: 11.5px; }
|
||
.s-open { background: #dbeafe; color: #1e40af; }
|
||
.s-doing { background: #ffedd5; color: #9a3412; }
|
||
.s-done { background: #fef9c3; color: #854d0e; }
|
||
.s-accepted { background: #dcfce7; color: #166534; }
|
||
|
||
/* ── 折叠 ── */
|
||
.section-list-wrap.collapsed { display: none; }
|
||
.empty-tip { font-size: 14px; color: #8aa3c4; margin: 8px 0 24px; }
|
||
.hidden { display: none !important; }
|
||
|
||
/* ── 改动等级徽章 ── */
|
||
.tier-1 { background: #ede9fe; color: #6d28d9; }
|
||
.tier-2 { background: #ccfbf1; color: #0f766e; }
|
||
.tier-3 { background: #f1f5f9; color: #475569; }
|
||
|
||
/* ── 拒绝按钮 & 拒绝原因 ── */
|
||
.reject-btn {
|
||
padding: 3px 10px; border-radius: 6px; border: 1.5px solid #dc2626;
|
||
background: #fff; color: #dc2626; font-size: 12px; font-weight: 600;
|
||
cursor: pointer; transition: all .15s; white-space: nowrap;
|
||
}
|
||
.reject-btn:hover { background: #dc2626; color: #fff; }
|
||
.reject-note {
|
||
margin: 8px 0 4px; padding: 7px 12px; border-radius: 6px;
|
||
background: #fef2f2; border: 1px solid #fecaca;
|
||
font-size: 13px; color: #b91c1c; line-height: 1.5;
|
||
}
|
||
.reject-date { color: #ef9999; font-size: 12px; }
|
||
|
||
/* ── 确认闸（方案/改动说明）── */
|
||
.gate-block { margin: 10px 0 4px; padding: 10px 14px; border-radius: 8px; font-size: 13px; }
|
||
.gate-pending { background: #fff7ed; border: 1px solid #fdba74; }
|
||
.gate-granted { background: #f0fdf4; border: 1px solid #bbf7d0; }
|
||
.gate-info { background: #f1f5f9; border: 1px solid #e2e8f0; }
|
||
.gate-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 4px; }
|
||
.gate-badge { padding: 2px 9px; border-radius: 10px; font-size: 11.5px; font-weight: 700; white-space: nowrap; }
|
||
.gate-badge.pending { background: #f97316; color: #fff; }
|
||
.gate-badge.granted { background: #22c55e; color: #fff; }
|
||
.gate-badge.info { background: #94a3b8; color: #fff; }
|
||
.gate-kind { font-size: 12px; color: #52606d; }
|
||
.gate-date { font-size: 12px; color: #8aa3c4; margin-left: auto; }
|
||
.gate-note { color: #52606d; margin: 4px 0; white-space: pre-wrap; }
|
||
.gate-ref { font-size: 12.5px; color: #52606d; margin-top: 4px; }
|
||
.gate-note code, .gate-ref code {
|
||
background: #fff; padding: 1px 5px; border-radius: 3px;
|
||
font-family: "JetBrains Mono", monospace; font-size: 12px; color: #b91c1c;
|
||
}
|
||
.approve-btn {
|
||
margin-top: 8px; padding: 5px 14px; border-radius: 6px; border: none;
|
||
background: #16a34a; color: #fff; font-size: 12.5px; font-weight: 600; cursor: pointer;
|
||
transition: background .15s;
|
||
}
|
||
.approve-btn:hover { background: #15803d; }
|
||
.approve-cmd { margin-top: 10px; padding: 10px 12px; background: #1e293b; border-radius: 8px; }
|
||
.approve-cmd-label { font-size: 12px; color: #94a3b8; margin-bottom: 6px; }
|
||
.approve-cmd-code { font-family: "JetBrains Mono", monospace; font-size: 13px; color: #86efac; display: block; word-break: break-all; }
|
||
.approve-copy-btn { margin-top: 8px; padding: 4px 12px; border-radius: 6px; background: #334155; color: #e2e8f0; border: none; font-size: 12px; cursor: pointer; }
|
||
.approve-copy-btn:hover { background: #475569; }
|
||
.stat-pill.gate-stat { background: #f97316; }
|
||
|
||
/* ── 子任务区 ── */
|
||
.subtask-block {
|
||
margin-top: 12px; padding: 10px 14px;
|
||
background: #f8fafc; border: 1px solid #e4e9ef; border-radius: 8px;
|
||
}
|
||
.subtask-header {
|
||
display: flex; align-items: center; gap: 8px; margin-bottom: 8px; flex-wrap: wrap;
|
||
}
|
||
.subtask-label {
|
||
font-size: 11px; font-weight: 700; color: #7b8794;
|
||
text-transform: uppercase; letter-spacing: .6px;
|
||
}
|
||
.subtask-progress-text { font-size: 12px; color: #52606d; }
|
||
.subtask-progress-bar {
|
||
flex: 1; height: 5px; background: #e4e9ef; border-radius: 3px; min-width: 60px;
|
||
}
|
||
.subtask-progress-fill { height: 100%; background: #22c55e; border-radius: 3px; transition: width .4s; }
|
||
.subtask-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 5px; }
|
||
.subtask-item {
|
||
display: flex; align-items: center; gap: 7px; flex-wrap: wrap;
|
||
padding: 6px 10px; border-radius: 6px; font-size: 13px;
|
||
background: #fff; border: 1px solid #e8edf2;
|
||
}
|
||
.subtask-item.s-done { background: #f0fdf4; border-color: #bbf7d0; }
|
||
.subtask-item.s-doing { background: #fff7ed; border-color: #fed7aa; }
|
||
.subtask-item.s-accepted { background: #f0fdf4; border-color: #bbf7d0; opacity: .75; }
|
||
.sub-icon {
|
||
width: 16px; text-align: center; font-size: 13px; font-weight: 700; flex-shrink: 0;
|
||
}
|
||
.sub-icon.s-done { color: #16a34a; }
|
||
.sub-icon.s-doing { color: #ea580c; }
|
||
.sub-icon.s-open { color: #93aec8; }
|
||
.sub-icon.s-accepted { color: #16a34a; }
|
||
.sub-sid {
|
||
font-family: "JetBrains Mono", monospace; font-size: 11.5px;
|
||
color: #52606d; font-weight: 700; min-width: 32px; flex-shrink: 0;
|
||
}
|
||
.sub-title { flex: 1; font-size: 13px; min-width: 120px; }
|
||
.subtask-item.s-done .sub-title,
|
||
.subtask-item.s-accepted .sub-title { text-decoration: line-through; color: #52606d; }
|
||
.sub-badges { display: flex; gap: 4px; flex-wrap: wrap; align-items: center; }
|
||
.dep-section { display: flex; align-items: center; gap: 3px; }
|
||
.dep-label { font-size: 11px; color: #8aa3c4; margin-right: 2px; }
|
||
.dep-badge {
|
||
padding: 1px 6px; border-radius: 8px; font-size: 11px;
|
||
font-weight: 700; font-family: monospace; cursor: default;
|
||
}
|
||
.dep-done { background: #dcfce7; color: #166534; }
|
||
.dep-pending { background: #fee2e2; color: #b91c1c; }
|
||
|
||
/* ── 拒绝 Modal ── */
|
||
.modal-overlay {
|
||
position: fixed; inset: 0; background: rgba(0,0,0,.45);
|
||
display: flex; align-items: center; justify-content: center; z-index: 999;
|
||
}
|
||
.modal-box {
|
||
background: #fff; border-radius: 12px; padding: 28px 32px;
|
||
width: min(480px, 94vw); box-shadow: 0 20px 60px rgba(0,0,0,.2);
|
||
}
|
||
.modal-box h3 { margin: 0 0 4px; font-size: 17px; color: #1f2933; }
|
||
.modal-subtitle { font-size: 13px; color: #52606d; margin: 0 0 18px; }
|
||
.modal-label { font-size: 13px; font-weight: 600; color: #374151; margin-bottom: 6px; display: block; }
|
||
.modal-label .req { color: #dc2626; margin-left: 2px; }
|
||
.modal-textarea {
|
||
width: 100%; border: 1.5px solid #d1d9e6; border-radius: 8px;
|
||
padding: 10px 12px; font-size: 14px; font-family: inherit; resize: vertical;
|
||
min-height: 88px; outline: none; transition: border-color .15s;
|
||
}
|
||
.modal-textarea:focus { border-color: #dc2626; }
|
||
.modal-textarea.error { border-color: #dc2626; background: #fff8f8; }
|
||
.modal-err { font-size: 12px; color: #dc2626; margin-top: 4px; display: none; }
|
||
.modal-err.show { display: block; }
|
||
.modal-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
|
||
.modal-btn { padding: 8px 20px; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; border: none; transition: all .15s; }
|
||
.modal-btn-cancel { background: #f3f4f6; color: #374151; }
|
||
.modal-btn-cancel:hover { background: #e5e7eb; }
|
||
.modal-btn-reject { background: #dc2626; color: #fff; }
|
||
.modal-btn-reject:hover { background: #b91c1c; }
|
||
.modal-cmd-wrap { margin-top: 16px; padding: 12px 14px; background: #1e293b; border-radius: 8px; }
|
||
.modal-cmd-label { font-size: 12px; color: #94a3b8; margin-bottom: 8px; }
|
||
.modal-cmd-code { font-family: "JetBrains Mono", "Fira Code", monospace; font-size: 13px; color: #86efac; word-break: break-all; display: block; }
|
||
.modal-copy-btn { margin-top: 10px; padding: 5px 14px; border-radius: 6px; background: #334155; color: #e2e8f0; border: none; font-size: 12px; cursor: pointer; }
|
||
.modal-copy-btn:hover { background: #475569; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<header>
|
||
<div class="wrap">
|
||
<h1>feature+windows — 项目 TODO</h1>
|
||
<div class="header-meta">生成于 2026-07-01 · 真相源 todo/todo.json</div>
|
||
<div class="stats">
|
||
<div class="stat-pill"><strong>17</strong>全部</div>
|
||
<div class="stat-pill"><strong>8</strong>待开始</div>
|
||
<div class="stat-pill"><strong>0</strong>开发中</div>
|
||
<div class="stat-pill"><strong>1</strong>待验收</div>
|
||
<div class="stat-pill"><strong>8</strong>已验收</div>
|
||
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="filter-bar" id="filterBar">
|
||
<div class="filter-group">
|
||
<span class="filter-label">重要度</span>
|
||
<button class="filter-btn active" data-filter-level="all">全部</button>
|
||
<button class="filter-btn" data-filter-level="high">高优</button>
|
||
<button class="filter-btn" data-filter-level="mid">重要</button>
|
||
<button class="filter-btn" data-filter-level="low">一般</button>
|
||
</div>
|
||
<div class="filter-sep"></div>
|
||
<div class="filter-group">
|
||
<span class="filter-label">状态</span>
|
||
<button class="filter-btn active" data-filter-status="all">全部</button>
|
||
<button class="filter-btn" data-filter-status="open">待开始</button>
|
||
<button class="filter-btn" data-filter-status="doing">开发中</button>
|
||
<button class="filter-btn" data-filter-status="done">待验收</button>
|
||
<button class="filter-btn" data-filter-status="accepted">已验收</button>
|
||
</div>
|
||
<div class="filter-sep"></div>
|
||
<div class="filter-group">
|
||
<span class="filter-label">改动等级</span>
|
||
<button class="filter-btn active" data-filter-tier="all">全部</button>
|
||
<button class="filter-btn" data-filter-tier="1">一级</button>
|
||
<button class="filter-btn" data-filter-tier="2">二级</button>
|
||
<button class="filter-btn" data-filter-tier="3">三级</button>
|
||
</div>
|
||
<div class="filter-sep"></div>
|
||
<div class="filter-group">
|
||
<span class="filter-label">平台 / 标签</span>
|
||
<button class="filter-chip" data-filter-tag="Android">Android</button><button class="filter-chip" data-filter-tag="Windows">Windows</button><button class="filter-chip" data-filter-tag="gRPC">gRPC</button><button class="filter-chip" data-filter-tag="iOS">iOS</button><button class="filter-chip" data-filter-tag="mac">mac</button><button class="filter-chip" data-filter-tag="前端">前端</button><button class="filter-chip" data-filter-tag="后端">后端</button><button class="filter-chip" data-filter-tag="运维">运维</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wrap">
|
||
|
||
|
||
<div class="section-block" id="section-open">
|
||
<div class="section-title st-open" data-toggle="open">
|
||
📋 待开始 <span class="s-count">8</span>
|
||
<span class="s-arrow">▴ 收起</span>
|
||
</div>
|
||
<div class="section-list-wrap " id="list-wrap-open">
|
||
<ul class="todo-list" id="list-open">
|
||
|
||
<li class="todo-card s-open"
|
||
data-id="1"
|
||
data-level="mid"
|
||
data-status="open"
|
||
data-tier="2"
|
||
data-tags="mac">
|
||
<div class="card-header">
|
||
<span class="item-id">#1</span>
|
||
<span class="item-title">macOS 原生 KillSwitch 补齐 L0→L3</span>
|
||
<div class="card-badges">
|
||
<span class="tag status-badge s-open">待开始</span>
|
||
<span class="tag t-high">重要</span>
|
||
<span class="tag tier-2">二级</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-desc">现状 L0(stub)：VpnChannel.swift:69 setKillSwitch 直接 result(nil)、includeAllNetworks()→false。天花板 L3。改 NetworkExtension：includeAllNetworks=true + NEOnDemandRule 常开 + enforceRoutes，由 neagent 系统级强制、扛 app 崩溃。性价比最高的跨端缺口。依据见 docs/killswitch-design.md §4-6。</div>
|
||
|
||
|
||
<div class="card-footer">
|
||
<div class="tag-row"><span class="tag t-tag" data-tag="mac">mac</span></div>
|
||
<div class="item-meta">
|
||
<span class="meta-date">🕐 2026-06-22</span>
|
||
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="todo-card s-open"
|
||
data-id="2"
|
||
data-level="mid"
|
||
data-status="open"
|
||
data-tier="2"
|
||
data-tags="Android">
|
||
<div class="card-header">
|
||
<span class="item-id">#2</span>
|
||
<span class="item-title">Android KillSwitch L1 + 引导系统 Always-on</span>
|
||
<div class="card-badges">
|
||
<span class="tag status-badge s-open">待开始</span>
|
||
<span class="tag t-high">重要</span>
|
||
<span class="tag tier-2">二级</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-desc">现状 L0(stub)：MainActivity.kt setKillSwitch 只打日志(TODO 11G)。目标：app 内做到 L1(config TUN strict_route，复刻 Windows 的 applyKillSwitchToConfig 语义) + 深链引导用户开系统设置「始终开启 VPN + 无 VPN 时阻止连接」拿 L3，UI 诚实标注「彻底防泄漏需在系统设置开启」。属 Android 客户端 11G。依据见 docs/killswitch-design.md §4-6。</div>
|
||
|
||
|
||
<div class="card-footer">
|
||
<div class="tag-row"><span class="tag t-tag" data-tag="Android">Android</span></div>
|
||
<div class="item-meta">
|
||
<span class="meta-date">🕐 2026-06-22</span>
|
||
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="todo-card s-open"
|
||
data-id="4"
|
||
data-level="mid"
|
||
data-status="open"
|
||
data-tier="3"
|
||
data-tags="后端,运维">
|
||
<div class="card-header">
|
||
<span class="item-id">#4</span>
|
||
<span class="item-title">线上启用 TOTP 两步验证并验 2FA</span>
|
||
<div class="card-badges">
|
||
<span class="tag status-badge s-open">待开始</span>
|
||
<span class="tag t-high">重要</span>
|
||
<span class="tag tier-3">三级</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-desc">pangolin1 的 /etc/pangolin/server.env 配 USER_TOTP_ENC_KEY(32字节或64位hex)并重启 pangolin-server,启用后验 A.1 客户端 2FA：绑定 Authenticator→重登 6 位码校验→备份码可用。当前该键未设置,/auth/login/totp 与 /me/totp/* 未挂载,2FA 无法测。属 A.1 手动验证清单第 4 项的前置。</div>
|
||
|
||
|
||
<div class="card-footer">
|
||
<div class="tag-row"><span class="tag t-tag" data-tag="后端">后端</span> <span class="tag t-tag" data-tag="运维">运维</span></div>
|
||
<div class="item-meta">
|
||
<span class="meta-date">🕐 2026-06-28</span>
|
||
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="todo-card s-open"
|
||
data-id="8"
|
||
data-level="mid"
|
||
data-status="open"
|
||
data-tier="2"
|
||
data-tags="后端">
|
||
<div class="card-header">
|
||
<span class="item-id">#8</span>
|
||
<span class="item-title">agent 掉线告警 + 静默吞错全量审计</span>
|
||
<div class="card-badges">
|
||
<span class="tag status-badge s-open">待开始</span>
|
||
<span class="tag t-high">重要</span>
|
||
<span class="tag tier-2">二级</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-desc">TODO #7 的剩余两块:① Hub 检测到 agent gRPC 流断开时触发告警(alert 包),避免再像这次停 6 天没人知道;② 全仓审计 _ = err / 忽略错误的静默吞错点(今天已遇邮件/连接500/connect-push 三处),逐一改为记日志或上抛。</div>
|
||
|
||
|
||
<div class="card-footer">
|
||
<div class="tag-row"><span class="tag t-tag" data-tag="后端">后端</span></div>
|
||
<div class="item-meta">
|
||
<span class="meta-date">🕐 2026-06-28</span>
|
||
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="todo-card s-open"
|
||
data-id="12"
|
||
data-level="mid"
|
||
data-status="open"
|
||
data-tier="1"
|
||
data-tags="前端,后端">
|
||
<div class="card-header">
|
||
<span class="item-id">#12</span>
|
||
<span class="item-title">协议选择(REALITY/Hysteria2/自动)端到端</span>
|
||
<div class="card-badges">
|
||
<span class="tag status-badge s-open">待开始</span>
|
||
<span class="tag t-high">重要</span>
|
||
<span class="tag tier-1">一级</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-desc">让用户选数据面隧道协议:auto(服务端自决)/reality(TCP443隐蔽)/hysteria2(UDP443弱网更快)。客户端 settings 加 ProtocolChoice 枚举+持久化+三段选择器、connect 时下发。关键:protocol 必须走 query(?protocol=)不走 body(与 split_cn 一致,nodes.go:183),旧 WIP 误移 body 会破坏分流。服务端 nodes.go connect 读 query + clientconfig BuildClientConfig 按 proto 渲染。(从本地 main todo 合并而来)</div>
|
||
|
||
|
||
<div class="card-footer">
|
||
<div class="tag-row"><span class="tag t-tag" data-tag="前端">前端</span> <span class="tag t-tag" data-tag="后端">后端</span></div>
|
||
<div class="item-meta">
|
||
<span class="meta-date">🕐 2026-06-28</span>
|
||
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="todo-card s-open"
|
||
data-id="14"
|
||
data-level="mid"
|
||
data-status="open"
|
||
data-tier="1"
|
||
data-tags="Android,iOS,后端">
|
||
<div class="card-header">
|
||
<span class="item-id">#14</span>
|
||
<span class="item-title">移动端真·常连:Android Always-on + iOS/iPad On-Demand(无UI自连)</span>
|
||
<div class="card-badges">
|
||
<span class="tag status-badge s-open">待开始</span>
|
||
<span class="tag t-high">重要</span>
|
||
<span class="tag tier-1">一级</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-desc">系统在 app 未开时拉起隧道:Android Always-on VPN(系统设置开启+VpnService 支持 onStartCommand 无UI拉起+配置缓存)、iOS/iPad On-Demand(NEOnDemandRule + PacketTunnelProvider 用缓存 lastConfigJson 自连)。难点:paid 凭证 TTL 仅24h,长期常连需原生侧刷新配置/凭证。桌面自启+全平台自动连接已在另一轮做(plan crystalline-exploring-lerdorf)。</div>
|
||
|
||
|
||
<div class="card-footer">
|
||
<div class="tag-row"><span class="tag t-tag" data-tag="Android">Android</span> <span class="tag t-tag" data-tag="iOS">iOS</span> <span class="tag t-tag" data-tag="后端">后端</span></div>
|
||
<div class="item-meta">
|
||
<span class="meta-date">🕐 2026-06-29</span>
|
||
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="todo-card s-open"
|
||
data-id="16"
|
||
data-level="mid"
|
||
data-status="open"
|
||
data-tier="1"
|
||
data-tags="后端,前端">
|
||
<div class="card-header">
|
||
<span class="item-id">#16</span>
|
||
<span class="item-title">启用设备数量限制 + 超限 UX(踢旧/选择移除,非硬拒登)</span>
|
||
<div class="card-badges">
|
||
<span class="tag status-badge s-open">待开始</span>
|
||
<span class="tag t-high">重要</span>
|
||
<span class="tag tier-1">一级</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-desc">现状:plans.max_devices(free1/pro5/team10)+ devices/service.go:216 强制逻辑 + DEVICE_LIMIT_EXCEEDED 错误码 + 账户API DevicesMax 都在,但 main.go:534 登录注册传 MaxDevices:0(不启用)。原因:free 用户重装会换 device UUID,登录硬卡会把人锁外面。需:① 登录/注册从套餐读 max_devices 传入 RegisterIfAbsent;② 超限不直接拒登,改为'踢最旧设备/让用户选哪台下线'的 UX(客户端弹窗 + 设备管理页操作);③ 处理 free 重装 churn(同机复用而非每次新增)。tier-1:涉及登录接口 + 跨后端/前端 + 策略设计。</div>
|
||
|
||
|
||
<div class="card-footer">
|
||
<div class="tag-row"><span class="tag t-tag" data-tag="后端">后端</span> <span class="tag t-tag" data-tag="前端">前端</span></div>
|
||
<div class="item-meta">
|
||
<span class="meta-date">🕐 2026-06-30</span>
|
||
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="todo-card s-open"
|
||
data-id="3"
|
||
data-level="low"
|
||
data-status="open"
|
||
data-tier="1"
|
||
data-tags="Windows">
|
||
<div class="card-header">
|
||
<span class="item-id">#3</span>
|
||
<span class="item-title">Windows KillSwitch L1→L2 (WFP 防火墙强制)</span>
|
||
<div class="card-badges">
|
||
<span class="tag status-badge s-open">待开始</span>
|
||
<span class="tag t-low">一般 / 优化</span>
|
||
<span class="tag tier-1">一级</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-desc">现状 L1：desktop_vpn_bridge.dart strict_route + 子进程重载，进程被硬杀仍泄漏。目标 L2：app 装 WFP(Windows Filtering Platform) 过滤器阻断非隧道流量，做成系统服务持久化才能扛崩溃。工作量较大，backlog。依据见 docs/killswitch-design.md §4-6。</div>
|
||
|
||
|
||
<div class="card-footer">
|
||
<div class="tag-row"><span class="tag t-tag" data-tag="Windows">Windows</span></div>
|
||
<div class="item-meta">
|
||
<span class="meta-date">🕐 2026-06-22</span>
|
||
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="section-block" id="section-doing">
|
||
<div class="section-title st-doing" data-toggle="doing">
|
||
🔨 开发中 <span class="s-count">0</span>
|
||
<span class="s-arrow">▴ 收起</span>
|
||
</div>
|
||
<div class="section-list-wrap " id="list-wrap-doing">
|
||
<ul class="todo-list" id="list-doing">
|
||
<p class="empty-tip">暂无条目</p>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="section-block" id="section-done">
|
||
<div class="section-title st-done" data-toggle="done">
|
||
🔍 待验收 <span class="s-count">1</span>
|
||
<span class="s-arrow">▴ 收起</span>
|
||
</div>
|
||
<div class="section-list-wrap " id="list-wrap-done">
|
||
<ul class="todo-list" id="list-done">
|
||
|
||
<li class="todo-card s-done"
|
||
data-id="18"
|
||
data-level="mid"
|
||
data-status="done"
|
||
data-tier="3"
|
||
data-tags="mac,前端">
|
||
<div class="card-header">
|
||
<span class="item-id">#18</span>
|
||
<span class="item-title">看门狗后台唤醒误判节点死→假重连</span>
|
||
<div class="card-badges">
|
||
<span class="tag status-badge s-done">待验收</span>
|
||
<span class="tag t-high">重要</span>
|
||
<span class="tag tier-3">三级</span>
|
||
|
||
<button class="reject-btn" data-id="18" data-title="看门狗后台唤醒误判节点死→假重连">拒绝验收</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-desc">app/Mac 后台或睡眠一段时间再打开,连通看门狗路径A(urltest stale)用墙上时钟算陈旧度,_lastUrltestOk 在挂起期冻住→唤醒时误判>45s→_onNodeUnhealthy 触发 disconnect+connect 假重连(智能模式还自动切节点),但隧道没掉。修:_onStats 记 _lastStatsAt,路径A 仅在 stats 仍在流但 urltest 停更时才判死;stats 整体停(挂起)则跳过。connection_provider.dart 一处。</div>
|
||
|
||
|
||
<div class="card-footer">
|
||
<div class="tag-row"><span class="tag t-tag" data-tag="mac">mac</span> <span class="tag t-tag" data-tag="前端">前端</span></div>
|
||
<div class="item-meta">
|
||
<span class="meta-date">🕐 2026-07-01</span>
|
||
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="section-block" id="section-accepted">
|
||
<div class="section-title st-accepted" data-toggle="accepted">
|
||
✅ 已验收 <span class="s-count">8</span>
|
||
<span class="s-arrow">▾ 展开</span>
|
||
</div>
|
||
<div class="section-list-wrap collapsed" id="list-wrap-accepted">
|
||
<ul class="todo-list" id="list-accepted">
|
||
|
||
<li class="todo-card s-accepted"
|
||
data-id="11"
|
||
data-level="low"
|
||
data-status="accepted"
|
||
data-tier="3"
|
||
data-tags="前端">
|
||
<div class="card-header">
|
||
<span class="item-id">#11</span>
|
||
<span class="item-title">清理旧命名 tablet golden 孤儿文件</span>
|
||
<div class="card-badges">
|
||
<span class="tag status-badge s-accepted">已验收</span>
|
||
<span class="tag t-low">一般 / 优化</span>
|
||
<span class="tag tier-3">三级</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-desc">client/test/golden/goldens/ 下未被引用的 tablet_connect.png/tablet_connect_dark.png/tablet_servers.png/tablet_stats.png/tablet_account.png(旧命名,已被 _light_/_dark_zh 矩阵取代),git rm 清掉。(从本地 main todo 合并而来)</div>
|
||
|
||
|
||
<div class="card-footer">
|
||
<div class="tag-row"><span class="tag t-tag" data-tag="前端">前端</span></div>
|
||
<div class="item-meta">
|
||
<span class="meta-date">🕐 2026-06-28</span>
|
||
<span class="meta-date">✅ 验收 2026-06-30</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="todo-card s-accepted"
|
||
data-id="7"
|
||
data-level="high"
|
||
data-status="accepted"
|
||
data-tier="1"
|
||
data-tags="后端">
|
||
<div class="card-header">
|
||
<span class="item-id">#7</span>
|
||
<span class="item-title">节点健康绑定 agent 在线 + connect 校验凭证下发 + 掉线告警</span>
|
||
<div class="card-badges">
|
||
<span class="tag status-badge s-accepted">已验收</span>
|
||
<span class="tag t-block">高优 · 紧急</span>
|
||
<span class="tag tier-1">一级</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-desc">本次 google 打不开暴露的架构漏洞：① 节点 status 是静态 DB 列(种子 up)，只有 SCHED 健康循环会改、而单节点没开 → Hub 已知 agent 离线却不反映到节点状态/列表，客户端永远显示健康。应把 Hub 的 agent 在线状态接进 ListNodes/节点 status。② ConnectNode 把 hub.Push 错误吞了(_ = pushErr)且不校验 agent 在线 → 凭证没下发也返回 200，客户端误以为连上。应在 agent 离线/push 失败时降级或明确报错，并把推送结果纳入响应。③ agent 掉线无告警(本次停 6 天没发现)，应在 Hub 检测到 agent stream 断开时告警。④ 通病:错误被 _ = 静默吞掉(今天邮件/连接500/此处共三处)，需排查同类静默吞错。</div>
|
||
|
||
|
||
<div class="card-footer">
|
||
<div class="tag-row"><span class="tag t-tag" data-tag="后端">后端</span></div>
|
||
<div class="item-meta">
|
||
<span class="meta-date">🕐 2026-06-28</span>
|
||
<span class="meta-date">✅ 验收 2026-06-30</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="todo-card s-accepted"
|
||
data-id="10"
|
||
data-level="low"
|
||
data-status="accepted"
|
||
data-tier="2"
|
||
data-tags="前端">
|
||
<div class="card-header">
|
||
<span class="item-id">#10</span>
|
||
<span class="item-title">统计页设备下拉接真实设备数据(依赖#上条)</span>
|
||
<div class="card-badges">
|
||
<span class="tag status-badge s-accepted">已验收</span>
|
||
<span class="tag t-low">一般 / 优化</span>
|
||
<span class="tag tier-2">二级</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-desc">统计重设计的设备下拉,先只挂「全部」上线;每设备归因打通后,把下拉填上「全部 + 近30天用过的设备名」,选设备走 /v1/usage/devices 过滤。依赖每设备归因 TODO。</div>
|
||
|
||
|
||
<div class="card-footer">
|
||
<div class="tag-row"><span class="tag t-tag" data-tag="前端">前端</span></div>
|
||
<div class="item-meta">
|
||
<span class="meta-date">🕐 2026-06-28</span>
|
||
<span class="meta-date">✅ 验收 2026-06-30</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="todo-card s-accepted"
|
||
data-id="15"
|
||
data-level="mid"
|
||
data-status="accepted"
|
||
data-tier="2"
|
||
data-tags="iOS,前端">
|
||
<div class="card-header">
|
||
<span class="item-id">#15</span>
|
||
<span class="item-title">iOS/iPad 实时统计+urltest 延迟与 macOS 对齐</span>
|
||
<div class="card-badges">
|
||
<span class="tag status-badge s-accepted">已验收</span>
|
||
<span class="tag t-high">重要</span>
|
||
<span class="tag tier-2">二级</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-desc">移植 macOS 已验证的统计架构:扩展注入 clash_api + StatsCollector(clash 取 urltest),app StatsClient 改 sendProviderMessage 轮询;前置生成 iOS Libbox.xcframework。Dart 侧已对齐(共用 VpnNativeBridge)。</div>
|
||
|
||
|
||
<div class="card-footer">
|
||
<div class="tag-row"><span class="tag t-tag" data-tag="iOS">iOS</span> <span class="tag t-tag" data-tag="前端">前端</span></div>
|
||
<div class="item-meta">
|
||
<span class="meta-date">🕐 2026-06-30</span>
|
||
<span class="meta-date">✅ 验收 2026-06-30</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="todo-card s-accepted"
|
||
data-id="9"
|
||
data-level="mid"
|
||
data-status="accepted"
|
||
data-tier="2"
|
||
data-tags="前端,后端">
|
||
<div class="card-header">
|
||
<span class="item-id">#9</span>
|
||
<span class="item-title">打通每设备归因(设备注册 + per-device dp_uuid)</span>
|
||
<div class="card-badges">
|
||
<span class="tag status-badge s-accepted">已验收</span>
|
||
<span class="tag t-high">重要</span>
|
||
<span class="tag tier-2">二级</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-desc">现状:多设备共用账户级 dp_uuid,统计无法区分设备;usage_device_daily 永远空,统计页设备下拉只有「全部」。基础设施已具备(devices.dp_uuid / EnsureDeviceDpUUID / usage_device_daily / UserDeviceByDpUUID)但未激活——客户端没 POST /v1/me/devices 注册本机,连接时 EnsureDeviceDpUUID 查不到设备行→回退账户 uuid。需:① 客户端启动/登录时注册本机设备(稳定 uuid + name + platform);② 连接时带该 device_id;③ 或让 EnsureDeviceDpUUID 缺行时自动建设备行。打通后每设备统计 + 统计页设备下拉才有真数据。是统计重设计「设备下拉」的前置依赖。</div>
|
||
|
||
|
||
<div class="card-footer">
|
||
<div class="tag-row"><span class="tag t-tag" data-tag="前端">前端</span> <span class="tag t-tag" data-tag="后端">后端</span></div>
|
||
<div class="item-meta">
|
||
<span class="meta-date">🕐 2026-06-28</span>
|
||
<span class="meta-date">✅ 验收 2026-06-30</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="todo-card s-accepted"
|
||
data-id="13"
|
||
data-level="high"
|
||
data-status="accepted"
|
||
data-tier="1"
|
||
data-tags="后端,前端,gRPC">
|
||
<div class="card-header">
|
||
<span class="item-id">#13</span>
|
||
<span class="item-title">数据面故障韧性:节点健康上报+客户端连通看门狗</span>
|
||
<div class="card-badges">
|
||
<span class="tag status-badge s-accepted">已验收</span>
|
||
<span class="tag t-block">高优 · 紧急</span>
|
||
<span class="tag tier-1">一级</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-desc">agent 心跳带 sing-box 健康(clash_api /version)→控制面 effectiveNodeStatus 标 down(列表置灰+connect拦截);客户端连上后 HTTP 204 看门狗,连续失败:智能选择自动切节点/手动只提示断开。plan: crystalline-exploring-lerdorf.md</div>
|
||
|
||
|
||
<div class="card-footer">
|
||
<div class="tag-row"><span class="tag t-tag" data-tag="后端">后端</span> <span class="tag t-tag" data-tag="前端">前端</span> <span class="tag t-tag" data-tag="gRPC">gRPC</span></div>
|
||
<div class="item-meta">
|
||
<span class="meta-date">🕐 2026-06-29</span>
|
||
<span class="meta-date">✅ 验收 2026-06-30</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="todo-card s-accepted"
|
||
data-id="6"
|
||
data-level="mid"
|
||
data-status="accepted"
|
||
data-tier="2"
|
||
data-tags="前端,后端">
|
||
<div class="card-header">
|
||
<span class="item-id">#6</span>
|
||
<span class="item-title">节点列表：正式名(地区·国家) + 国旗图标</span>
|
||
<div class="card-badges">
|
||
<span class="tag status-badge s-accepted">已验收</span>
|
||
<span class="tag t-high">重要</span>
|
||
<span class="tag tier-2">二级</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-desc">客户端节点列表项展示改造：① 节点名改正式格式「地区 · 国家」(如 香港 · 中国)，去掉测试名(当前 prod 节点 name_zh=单节点·测试)；② 节点图标用国旗(按 region/国家码渲染 emoji 或 SVG 旗)。涉及：服务端 nodes 行的 name/region/国家码数据(可能需补国家码字段)，客户端节点卡片渲染国旗+名格式。HK 节点国旗/国家标签需产品确认(🇭🇰香港 vs 🇨🇳中国)。</div>
|
||
|
||
|
||
<div class="card-footer">
|
||
<div class="tag-row"><span class="tag t-tag" data-tag="前端">前端</span> <span class="tag t-tag" data-tag="后端">后端</span></div>
|
||
<div class="item-meta">
|
||
<span class="meta-date">🕐 2026-06-28</span>
|
||
<span class="meta-date">✅ 验收 2026-06-28</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="todo-card s-accepted"
|
||
data-id="5"
|
||
data-level="mid"
|
||
data-status="accepted"
|
||
data-tier="3"
|
||
data-tags="后端">
|
||
<div class="card-header">
|
||
<span class="item-id">#5</span>
|
||
<span class="item-title">SendCode 发信失败记日志 + 测试</span>
|
||
<div class="card-badges">
|
||
<span class="tag status-badge s-accepted">已验收</span>
|
||
<span class="tag t-high">重要</span>
|
||
<span class="tag tier-3">三级</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-desc">auth/service.go 异步发信把错误静默吞了（:157 SendCode 的 _=s.mailer.SendCode(...)，:133 SendAlreadyRegistered 同样），导致 SMTP 故障日志无痕、本次 587 被封难排查。改为发信失败时记日志（slog.Error，脱敏：只记 send failed:<err>，绝不记验证码，邮箱可打码，守 no-secret-in-logs）。并加测试：注入会失败的 mock Mailer，断言发送失败时确实记了一条错误日志（可用 LogMailer 思路/捕获 slog handler 验证）。</div>
|
||
|
||
|
||
<div class="card-footer">
|
||
<div class="tag-row"><span class="tag t-tag" data-tag="后端">后端</span></div>
|
||
<div class="item-meta">
|
||
<span class="meta-date">🕐 2026-06-28</span>
|
||
<span class="meta-date">✅ 验收 2026-06-28</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- 拒绝验收 Modal -->
|
||
<div id="reject-modal" class="modal-overlay" style="display:none">
|
||
<div class="modal-box">
|
||
<h3>拒绝验收</h3>
|
||
<p class="modal-subtitle" id="reject-modal-subtitle"></p>
|
||
<label class="modal-label">拒绝原因<span class="req">*</span></label>
|
||
<textarea class="modal-textarea" id="reject-reason-input" rows="3" placeholder="请说明具体问题，Claude 将以此为依据修复…"></textarea>
|
||
<div class="modal-err" id="reject-reason-err">请填写拒绝原因</div>
|
||
<div id="reject-cmd-wrap" class="modal-cmd-wrap" style="display:none">
|
||
<div class="modal-cmd-label">在终端运行以下命令：</div>
|
||
<code class="modal-cmd-code" id="reject-cmd-text"></code>
|
||
<button class="modal-copy-btn" id="reject-copy-btn">复制命令</button>
|
||
</div>
|
||
<div class="modal-actions">
|
||
<button class="modal-btn modal-btn-cancel" id="reject-cancel-btn">取消</button>
|
||
<button class="modal-btn modal-btn-reject" id="reject-confirm-btn">确认拒绝</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
(function() {
|
||
let curLevel = 'all';
|
||
let curStatus = 'all';
|
||
let curTier = 'all';
|
||
let curTags = new Set();
|
||
|
||
// 通过本地服务（http）打开时，按钮直接写库；用 file:// 直接打开则回退为「复制命令」
|
||
const SERVED = location.protocol === 'http:' || location.protocol === 'https:';
|
||
function postAction(url, payload) {
|
||
return fetch(url, {
|
||
method: 'POST',
|
||
headers: payload ? { 'Content-Type': 'application/json' } : undefined,
|
||
body: payload ? JSON.stringify(payload) : undefined,
|
||
}).then(r => r.json());
|
||
}
|
||
|
||
function applyFilter() {
|
||
document.querySelectorAll('.todo-card').forEach(card => {
|
||
const lvl = card.dataset.level;
|
||
const status = card.dataset.status;
|
||
const tier = card.dataset.tier;
|
||
const tags = card.dataset.tags ? card.dataset.tags.split(',') : [];
|
||
|
||
let show = true;
|
||
if (curLevel !== 'all' && lvl !== curLevel) show = false;
|
||
if (curStatus !== 'all' && status !== curStatus) show = false;
|
||
if (curTier !== 'all' && String(tier) !== curTier) show = false;
|
||
if (curTags.size > 0 && ![...curTags].some(t => tags.includes(t))) show = false;
|
||
|
||
card.classList.toggle('hidden', !show);
|
||
});
|
||
|
||
if (curStatus !== 'all') {
|
||
const wrap = document.getElementById('list-wrap-' + curStatus);
|
||
if (wrap) {
|
||
wrap.classList.remove('collapsed');
|
||
const title = document.querySelector('[data-toggle="' + curStatus + '"] .s-arrow');
|
||
if (title) title.textContent = '▴ 收起';
|
||
}
|
||
}
|
||
}
|
||
|
||
document.querySelectorAll('[data-filter-level]').forEach(btn => {
|
||
btn.addEventListener('click', () => {
|
||
curLevel = btn.dataset.filterLevel;
|
||
document.querySelectorAll('[data-filter-level]').forEach(b => b.classList.toggle('active', b === btn));
|
||
applyFilter();
|
||
});
|
||
});
|
||
|
||
document.querySelectorAll('[data-filter-tier]').forEach(btn => {
|
||
btn.addEventListener('click', () => {
|
||
curTier = btn.dataset.filterTier;
|
||
document.querySelectorAll('[data-filter-tier]').forEach(b => b.classList.toggle('active', b === btn));
|
||
applyFilter();
|
||
});
|
||
});
|
||
|
||
document.querySelectorAll('[data-filter-status]').forEach(btn => {
|
||
btn.addEventListener('click', () => {
|
||
curStatus = btn.dataset.filterStatus;
|
||
document.querySelectorAll('[data-filter-status]').forEach(b => b.classList.toggle('active', b === btn));
|
||
applyFilter();
|
||
});
|
||
});
|
||
|
||
document.querySelectorAll('[data-filter-tag]').forEach(btn => {
|
||
btn.addEventListener('click', () => {
|
||
const t = btn.dataset.filterTag;
|
||
if (curTags.has(t)) { curTags.delete(t); btn.classList.remove('active'); }
|
||
else { curTags.add(t); btn.classList.add('active'); }
|
||
applyFilter();
|
||
});
|
||
});
|
||
|
||
document.querySelectorAll('.t-tag').forEach(tag => {
|
||
tag.addEventListener('click', e => {
|
||
e.stopPropagation();
|
||
const t = tag.dataset.tag;
|
||
const chip = document.querySelector('[data-filter-tag="'+t+'"]');
|
||
if (chip) chip.click();
|
||
});
|
||
});
|
||
|
||
document.querySelectorAll('.section-title[data-toggle]').forEach(title => {
|
||
title.addEventListener('click', () => {
|
||
const st = title.dataset.toggle;
|
||
const wrap = document.getElementById('list-wrap-' + st);
|
||
const arrow = title.querySelector('.s-arrow');
|
||
if (!wrap) return;
|
||
const collapsed = wrap.classList.toggle('collapsed');
|
||
if (arrow) arrow.textContent = collapsed ? '▾ 展开' : '▴ 收起';
|
||
});
|
||
});
|
||
|
||
// ── 拒绝验收 Modal ──
|
||
const modal = document.getElementById('reject-modal');
|
||
const reasonInput = document.getElementById('reject-reason-input');
|
||
const reasonErr = document.getElementById('reject-reason-err');
|
||
const cmdWrap = document.getElementById('reject-cmd-wrap');
|
||
const cmdText = document.getElementById('reject-cmd-text');
|
||
const copyBtn = document.getElementById('reject-copy-btn');
|
||
let rejectId = null;
|
||
|
||
document.querySelectorAll('.reject-btn').forEach(btn => {
|
||
btn.addEventListener('click', e => {
|
||
e.stopPropagation();
|
||
rejectId = btn.dataset.id;
|
||
document.getElementById('reject-modal-subtitle').textContent = '#' + rejectId + ' ' + btn.dataset.title;
|
||
reasonInput.value = '';
|
||
reasonInput.classList.remove('error');
|
||
reasonErr.classList.remove('show');
|
||
cmdWrap.style.display = 'none';
|
||
document.getElementById('reject-confirm-btn').style.display = '';
|
||
copyBtn.textContent = '复制命令';
|
||
modal.style.display = 'flex';
|
||
setTimeout(() => reasonInput.focus(), 80);
|
||
});
|
||
});
|
||
|
||
document.getElementById('reject-cancel-btn').addEventListener('click', () => {
|
||
modal.style.display = 'none';
|
||
});
|
||
|
||
modal.addEventListener('click', e => {
|
||
if (e.target === modal) modal.style.display = 'none';
|
||
});
|
||
|
||
document.getElementById('reject-confirm-btn').addEventListener('click', () => {
|
||
const reason = reasonInput.value.trim();
|
||
if (!reason) {
|
||
reasonInput.classList.add('error');
|
||
reasonErr.classList.add('show');
|
||
reasonInput.focus();
|
||
return;
|
||
}
|
||
if (SERVED) {
|
||
postAction('/api/reject/' + rejectId, { reason })
|
||
.then(d => { if (d.ok) { location.reload(); } else { alert('拒绝失败：' + (d.error || '')); } })
|
||
.catch(() => alert('请求失败，确认本地服务是否在运行'));
|
||
return;
|
||
}
|
||
const cmd = '/todo reject ' + rejectId + ' ' + JSON.stringify(reason);
|
||
cmdText.textContent = cmd;
|
||
cmdWrap.style.display = 'block';
|
||
document.getElementById('reject-confirm-btn').style.display = 'none';
|
||
});
|
||
|
||
reasonInput.addEventListener('input', () => {
|
||
if (reasonInput.value.trim()) {
|
||
reasonInput.classList.remove('error');
|
||
reasonErr.classList.remove('show');
|
||
}
|
||
});
|
||
|
||
copyBtn.addEventListener('click', () => {
|
||
navigator.clipboard.writeText(cmdText.textContent).then(() => {
|
||
copyBtn.textContent = '已复制 ✓';
|
||
});
|
||
});
|
||
|
||
// ── 确认闸：服务模式直接写库；file:// 模式回退为展开命令 ──
|
||
document.querySelectorAll('.approve-btn').forEach(btn => {
|
||
btn.addEventListener('click', e => {
|
||
e.stopPropagation();
|
||
const id = btn.dataset.id;
|
||
if (SERVED) {
|
||
btn.disabled = true; btn.textContent = '确认中…';
|
||
postAction('/api/approve/' + id)
|
||
.then(d => {
|
||
if (d.ok) { location.reload(); }
|
||
else { btn.disabled = false; btn.textContent = '确认执行 ✓'; alert('确认失败：' + (d.error || '')); }
|
||
})
|
||
.catch(() => { btn.disabled = false; btn.textContent = '确认执行 ✓'; alert('请求失败，确认本地服务是否在运行'); });
|
||
} else {
|
||
const box = document.getElementById('approve-cmd-' + id);
|
||
if (box) box.style.display = box.style.display === 'none' ? 'block' : 'none';
|
||
}
|
||
});
|
||
});
|
||
document.querySelectorAll('.approve-copy-btn').forEach(btn => {
|
||
btn.addEventListener('click', e => {
|
||
e.stopPropagation();
|
||
navigator.clipboard.writeText(btn.dataset.cmd).then(() => { btn.textContent = '已复制 ✓'; });
|
||
});
|
||
});
|
||
})();
|
||
</script>
|
||
</body>
|
||
</html> |