8340d1dbbd
- 日程：单次/每日/每周/每月重复，JSON 存储，月历按优先级着色圆点 + 悬停提示 - 复盘页：可自定义折线图卡片(SVG) + 每日心得总览(按日期/任务展开) - Agent 接口：GET /api/agent/overview 读日程+进度，POST /api/agent/schedules 建日程(PPM_API_TOKEN Bearer 鉴权) - 导出/导入/统计纳入日程与图表；47 项测试全绿
103 lines
6.6 KiB
HTML
103 lines
6.6 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="color-scheme" content="light">
|
||
<title>进度台</title>
|
||
<link rel="stylesheet" href="/static/styles.css">
|
||
</head>
|
||
<body>
|
||
<div id="app" class="app-shell" aria-busy="true">
|
||
<header class="topbar">
|
||
<button class="brand-button" id="homeButton" type="button" title="返回总览">
|
||
<span class="brand-mark" aria-hidden="true">P</span>
|
||
<span><strong>进度台</strong><small id="logicalDate"></small></span>
|
||
</button>
|
||
<div class="top-actions">
|
||
<button class="button" id="reviewButton" type="button">复盘</button>
|
||
<button class="button primary" id="addTaskButton" type="button">＋ 新建任务</button>
|
||
<button class="icon-button" id="adminButton" type="button" title="数据管理" aria-label="数据管理">⚙</button>
|
||
</div>
|
||
</header>
|
||
<div class="workspace">
|
||
<aside id="sidebar" class="sidebar"></aside>
|
||
<main id="main" class="main-content"></main>
|
||
</div>
|
||
</div>
|
||
|
||
<dialog id="taskDialog" class="dialog task-dialog">
|
||
<form id="taskForm">
|
||
<div class="dialog-heading">
|
||
<div><p class="eyebrow">任务定义</p><h2 id="taskDialogTitle">新建任务</h2></div>
|
||
<button class="icon-button" id="closeTaskButton" type="button" title="关闭" aria-label="关闭">×</button>
|
||
</div>
|
||
<div class="form-grid">
|
||
<label class="wide">任务名称<input name="name" required maxlength="120"></label>
|
||
<label>开始日期<input name="startDate" type="date"></label>
|
||
<label>结束日期<input name="endDate" type="date"></label>
|
||
<label>优先级<select name="priority"><option value="1">1 · 紧急</option><option value="2">2 · 高</option><option value="3" selected>3 · 正常</option><option value="4">4 · 低</option><option value="5">5 · 挂起候选</option></select></label>
|
||
<label>状态<select name="state"><option value="active">进行中</option><option value="paused">已挂起</option></select></label>
|
||
<label class="wide">说明<textarea name="description" maxlength="2000" rows="3"></textarea></label>
|
||
</div>
|
||
<div class="metric-heading"><div><p class="eyebrow">衡量标准</p><h3>多个指标可同时记录</h3></div><button class="button subtle" id="addMetricButton" type="button">＋ 添加指标</button></div>
|
||
<div id="metricEditor" class="metric-editor"></div>
|
||
<div class="dialog-actions"><button class="button" id="cancelTaskButton" type="button">取消</button><button class="button primary" id="saveTaskButton" type="submit">保存任务</button></div>
|
||
</form>
|
||
</dialog>
|
||
|
||
<dialog id="scheduleDialog" class="dialog schedule-dialog">
|
||
<form id="scheduleForm">
|
||
<div class="dialog-heading"><div><p class="eyebrow">日程定义</p><h2 id="scheduleDialogTitle">新建日程</h2></div><button class="icon-button" id="closeScheduleButton" type="button" title="关闭" aria-label="关闭">×</button></div>
|
||
<div class="form-grid">
|
||
<label class="wide">标题<input name="title" required maxlength="120"></label>
|
||
<label>日期<input name="date" type="date"></label>
|
||
<label>时间<input name="time" type="time" maxlength="5"></label>
|
||
<label>重复<select name="recurrence"><option value="none">不重复</option><option value="daily">每天</option><option value="weekly">每周</option><option value="monthly">每月</option></select></label>
|
||
<label>优先级<select name="priority"><option value="1">1 · 紧急</option><option value="2">2 · 高</option><option value="3" selected>3 · 正常</option><option value="4">4 · 低</option><option value="5">5 · 低优先</option></select></label>
|
||
<label>状态<select name="state"><option value="active">进行中</option><option value="archived">已归档</option></select></label>
|
||
<label class="wide">说明<textarea name="description" maxlength="2000" rows="3"></textarea></label>
|
||
</div>
|
||
<div class="dialog-actions"><button class="button" id="cancelScheduleButton" type="button">取消</button><button class="button primary" type="submit">保存日程</button></div>
|
||
</form>
|
||
</dialog>
|
||
|
||
<dialog id="chartDialog" class="dialog chart-dialog">
|
||
<form id="chartForm">
|
||
<div class="dialog-heading"><div><p class="eyebrow">REVIEW</p><h2 id="chartDialogTitle">添加图表</h2></div><button class="icon-button" id="closeChartButton" type="button" title="关闭" aria-label="关闭">×</button></div>
|
||
<div class="form-grid">
|
||
<label class="wide">标题<input name="title" required maxlength="80"></label>
|
||
<label>任务<select name="taskId" id="chartTaskSelect"><option value="">全部任务</option></select></label>
|
||
<label>指标<select name="metricId" id="chartMetricSelect"><option value="">完成数</option></select></label>
|
||
<label>天数<input name="days" type="number" min="7" max="365" value="30" required></label>
|
||
</div>
|
||
<div class="dialog-actions"><button class="button" id="cancelChartButton" type="button">取消</button><button class="button primary" type="submit">保存图表</button></div>
|
||
</form>
|
||
</dialog>
|
||
|
||
<dialog id="adminDialog" class="dialog admin-dialog">
|
||
<div class="dialog-heading"><div><p class="eyebrow">后台</p><h2>数据管理</h2></div><button class="icon-button" id="closeAdminButton" title="关闭" aria-label="关闭">×</button></div>
|
||
<div class="admin-actions"><button class="button" id="exportButton">导出 JSON</button><button class="button" id="importButton">导入还原</button><input type="file" id="importFile" accept="application/json,.json" hidden><button class="button" id="archiveButton">执行补归档</button><button class="button" id="logoutButton">退出登录</button></div>
|
||
<div class="admin-stats" id="adminStats"></div>
|
||
<h3>全部任务</h3>
|
||
<div id="taskAdminList" class="trash-list"></div>
|
||
<h3>回收站</h3>
|
||
<div id="trashList" class="trash-list"></div>
|
||
</dialog>
|
||
|
||
<div id="loginOverlay" class="login-overlay" hidden>
|
||
<form id="loginForm" class="login-panel">
|
||
<span class="brand-mark large" aria-hidden="true">P</span>
|
||
<p class="eyebrow">PERSONAL PROGRESS</p>
|
||
<h1>登录进度台</h1>
|
||
<label>访问密码<input name="password" type="password" autocomplete="current-password" required autofocus></label>
|
||
<p id="loginError" class="form-error" role="alert"></p>
|
||
<button class="button primary wide-button" type="submit">登录</button>
|
||
</form>
|
||
</div>
|
||
|
||
<div id="toast" class="toast" role="status" aria-live="polite"></div>
|
||
<script src="/static/app.js" defer></script>
|
||
</body>
|
||
</html>
|