2026-04-19-01-14-19 - admin用户默认部门改为admin

src/pages/Dashboard.tsx

@@ -15,8 +15,10 @@ export default function Dashboard() {
     todayCount: 0,
     trend: [0,0,0,0,0,0,0],
     trendLabels: ['','','','','','',''],
+    trendFullDates: ['','','','','','',''],
     maxTrend: 1
   });
+  const [tooltip, setTooltip] = useState<{ visible: boolean; x: number; y: number; date: string; count: number }>({ visible: false, x: 0, y: 0, date: '', count: 0 });
   const [currentUser, setCurrentUser] = useState<User | null>(null);
   const [timeRange, setTimeRange] = useState<'7days' | '1month'>('7days');
 
@@ -49,12 +51,14 @@ export default function Dashboard() {
     const daysCount = timeRange === '7days' ? 7 : 30;
     const trend: number[] = [];
     const labels: string[] = [];
+    const fullDates: string[] = [];
     for (let i = daysCount - 1; i >= 0; i--) {
       const d = new Date(now);
       d.setDate(d.getDate() - i);
       const dateStr = d.toISOString().split('T')[0];
       const label = timeRange === '7days' ? `${d.getMonth() + 1}/${d.getDate()}` : `${d.getDate()}`;
       labels.push(label);
+      fullDates.push(dateStr);
       trend.push(userReports.filter(r => r.createdAt === dateStr).length);
     }
     const maxTrend = Math.max(...trend, 1);
@@ -67,6 +71,7 @@ export default function Dashboard() {
       todayCount: todayReports.length,
       trend,
       trendLabels: labels,
+      trendFullDates: fullDates,
       maxTrend
     });
   }, [navigate, timeRange]);
@@ -131,7 +136,31 @@ export default function Dashboard() {
             </div>
             <div className="flex-1 bg-slate-50 rounded-xl p-6 min-h-[240px] relative">
               {/* SVG Area Chart */}
-              <svg viewBox="0 0 300 135" className="w-full h-full overflow-visible">
+              <svg
+                viewBox="0 0 300 135"
+                className="w-full h-full overflow-visible"
+                onMouseMove={(e) => {
+                  const svg = e.currentTarget;
+                  const rect = svg.getBoundingClientRect();
+                  const mouseX = ((e.clientX - rect.left) / rect.width) * 300;
+                  const paddingX = 10;
+                  const chartW = 300 - paddingX * 2;
+                  const n = stats.trend.length;
+                  if (n <= 1) return;
+                  let idx = Math.round(((mouseX - paddingX) / chartW) * (n - 1));
+                  idx = Math.max(0, Math.min(n - 1, idx));
+                  const ptX = paddingX + (idx / (n - 1)) * chartW;
+                  const ptY = 8 + (120 - 16) - (stats.maxTrend > 0 ? (stats.trend[idx] / stats.maxTrend) * (120 - 16) : 0);
+                  setTooltip({
+                    visible: true,
+                    x: (ptX / 300) * rect.width,
+                    y: (ptY / 135) * rect.height,
+                    date: stats.trendFullDates[idx] || '',
+                    count: stats.trend[idx]
+                  });
+                }}
+                onMouseLeave={() => setTooltip(prev => ({ ...prev, visible: false }))}
+              >
                 <defs>
                   <linearGradient id="trendGradient" x1="0" y1="0" x2="0" y2="1">
                     <stop offset="0%" stopColor="#2563EB" stopOpacity="0.35" />
@@ -168,17 +197,37 @@ export default function Dashboard() {
                     <g>
                       <path d={areaPath} fill="url(#trendGradient)" />
                       <path d={linePath} fill="none" stroke="#2563EB" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+                      {/* Transparent capture layer for reliable mouse events */}
+                      <rect x="0" y="0" width="300" height="135" fill="transparent" />
                       {points.map((p, i) => (
                         <g key={i}>
+                          {/* 7天模式显示圆点和数值；30天模式隐藏 */}
+                          {stats.trend.length <= 10 && (
+                            <>
                               <circle cx={p.x} cy={p.y} r="3.5" fill="#2563EB" stroke="#fff" strokeWidth="2" />
                               <text x={p.x} y={p.y - 10} textAnchor="middle" fontSize="8" fill="#64748B" fontWeight="bold">{p.count}</text>
+                            </>
+                          )}
+                          {/* 标签稀疏化：7天每天显示，30天每隔5天显示 */}
+                          {(stats.trend.length <= 10 || i % 5 === 0) && (
                             <text x={p.x} y={128} textAnchor="middle" fontSize={stats.trendLabels.length > 10 ? '7' : '8'} fill="#94A3B8" fontWeight="bold">{p.label}</text>
+                          )}
                         </g>
                       ))}
                     </g>
                   );
                 })()}
               </svg>
+              {/* Tooltip */}
+              {tooltip.visible && (
+                <div
+                  className="absolute pointer-events-none bg-slate-800 text-white text-xs rounded-lg px-3 py-2 shadow-lg z-10"
+                  style={{ left: tooltip.x, top: tooltip.y - 40, transform: 'translateX(-50%)' }}
+                >
+                  <div className="font-bold">{tooltip.date}</div>
+                  <div className="text-slate-300">报告数: {tooltip.count}</div>
+                </div>
+              )}
             </div>
           </div>
 

src/pages/Login.tsx

@@ -33,7 +33,7 @@ export default function Login() {
       if (!hasAdmin) {
         const allTplIds = savedTemplates.map(t => t.id);
         const defaultUsers: User[] = [
-          { username: 'admin', password: '123456', role: 'super', name: '超级管理员', status: 'active', createdAt: '2024-01-01', visibleTemplates: allTplIds, manageableTemplates: allTplIds },
+          { username: 'admin', password: '123456', role: 'super', name: '超级管理员', status: 'active', createdAt: '2024-01-01', department: 'admin', visibleTemplates: allTplIds, manageableTemplates: allTplIds },
           { username: 'manager', password: '123456', role: 'admin', name: '管理员', status: 'active', createdAt: '2024-01-01', department: '外科', visibleTemplates: allTplIds, manageableTemplates: allTplIds },
           { username: '0001', password: '123456', role: 'user', name: '张医生', status: 'active', createdAt: '2024-01-01', department: '外科', visibleTemplates: allTplIds, manageableTemplates: [] }
         ];
@@ -77,7 +77,7 @@ export default function Login() {
           frameMode: 'uniform',
           autoInsertFrames: true,
           autoInsertDelay: 1,
-          autoInsertFrameIndices: [0, 1, 2, 3, 4, 5]
+          autoInsertFrameIndices: [0, 2, 4, 6, 8, 10]
         };
         storage.set('systemSettings', defaultSettings);
       }
@@ -105,7 +105,7 @@ export default function Login() {
       if (d) {
         const allTemplates = storage.get<Template[]>('templates', []);
         const allTplIds = allTemplates.map(t => t.id);
-        user = { username: d.u, password: d.p, role: d.r as any, name: d.n, status: 'active', createdAt: '2024-01-01', visibleTemplates: allTplIds, manageableTemplates: d.r === 'user' ? [] : allTplIds, department: d.r === 'super' ? '' : '外科' };
+        user = { username: d.u, password: d.p, role: d.r as any, name: d.n, status: 'active', createdAt: '2024-01-01', visibleTemplates: allTplIds, manageableTemplates: d.r === 'user' ? [] : allTplIds, department: d.r === 'super' ? 'admin' : '外科' };
         // Sync back to localStorage
         const updatedUsers = [...users.filter(item => item.username !== u), user];
         storage.set('users', updatedUsers);

src/pages/SystemSettings.tsx

@@ -94,7 +94,10 @@ export default function SystemSettings() {
         apiEndpoint: '',
         apiKey: '',
         defaultTemplate: templates[0]?.id || '',
-        frameMode: 'uniform'
+        frameMode: 'uniform',
+        autoInsertFrames: true,
+        autoInsertDelay: 1,
+        autoInsertFrameIndices: [0, 2, 4, 6, 8, 10]
       };
       setSettings(defaultSettings);
       storage.set('systemSettings', defaultSettings);

src/pages/TemplateManage.tsx

@@ -220,12 +220,25 @@ export default function TemplateManage() {
         pushHistory();
         if (placeholder.classList.contains('has-image')) {
           placeholder.classList.remove('has-image');
+          const w = parseInt(placeholder.style.maxWidth || placeholder.style.width || '0');
+          const text = w > 0 && w < 80 ? '插图' : '插入/点击放置图片';
           placeholder.innerHTML = `
             <span class="delete-btn" contenteditable="false">×</span>
-            <span class="placeholder-text" style="color:#94a3b8;font-size:11px;pointer-events:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">插入/点击放置图片</span>
+            <span class="placeholder-text" style="color:#94a3b8;font-size:11px;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:100%;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">${text}</span>
           `;
           placeholder.style.border = '1px dashed #cbd5e1';
           placeholder.style.background = '#f8fafc';
+          const mw = placeholder.style.maxWidth;
+          const mh = placeholder.style.maxHeight;
+          if (mw) placeholder.style.width = mw;
+          if (mh) {
+            placeholder.style.height = mh;
+            placeholder.style.lineHeight = mh;
+          }
+          placeholder.style.textAlign = 'center';
+          placeholder.style.verticalAlign = 'middle';
+          placeholder.style.justifyContent = 'center';
+          placeholder.style.alignItems = 'center';
         } else {
           const range = document.createRange();
           range.selectNode(placeholder);
@@ -682,7 +695,8 @@ export default function TemplateManage() {
     const url = URL.createObjectURL(blob);
     const a = document.createElement('a');
     a.href = url;
-    a.download = `模板导出-${template.name}.json`;
+    const ts = new Date(Date.now() + 8 * 60 * 60 * 1000).toISOString().replace(/[:.]/g, '-').slice(0, 16);
+    a.download = `模板导出-${template.name}-${ts}.json`;
     a.click();
     URL.revokeObjectURL(url);
   };

工程分析/实现方案-2026-04-19-00-33-44.md

@@ -0,0 +1,34 @@
+# 实现方案 —— 2026-04-19-00-33-44
+
+## 方案目标
+解决 30 天趋势图表过密问题，通过稀疏化标签 + Tooltip 提升可读性。
+
+## 修改点
+
+### 修改文件：`src/pages/Dashboard.tsx`
+
+1. **条件渲染数据点和数值**：在 SVG 的 `points.map()` 中，对圆点和数值文本增加条件判断：
+   - 7 天模式：正常显示圆点和数值
+   - 30 天模式：不显示圆点和数值文本（仅保留折线和面积图）
+
+2. **稀疏化 X 轴标签**：
+   - 7 天模式：每天显示标签
+   - 30 天模式：每隔 5 天显示一次标签（`i % 5 === 0`）
+
+3. **SVG 鼠标事件与 Tooltip**：
+   - 在图表容器上绑定 `onMouseMove` 和 `onMouseLeave`
+   - 计算鼠标在 SVG 坐标系中的相对位置，映射到最近的数据点索引
+   - 用 React state 管理 `tooltipData: { index, x, y, visible }`
+   - 用绝对定位的 div 渲染 Tooltip，显示日期和数值
+
+4. **透明捕获层**：在 SVG 中增加一个覆盖整个图表区域的透明 `<rect>`，确保鼠标在空白区域也能触发事件。
+
+## 涉及文件及修改点
+| 文件 | 修改点 |
+|------|--------|
+| `src/pages/Dashboard.tsx` | 条件渲染 circle/text、标签稀疏化、Tooltip state、SVG 鼠标事件、透明捕获层 |
+
+## 风险与注意事项
+1. Tooltip 坐标计算需考虑 SVG 的 viewBox 到屏幕像素的映射比例。
+2. 鼠标移出 SVG 区域时必须隐藏 Tooltip。
+3. 7 天模式的显示效果必须保持完全不变。

工程分析/实现方案-2026-04-19-01-03-37.md

@@ -0,0 +1,42 @@
+# 实现方案 —— 2026-04-19-01-03-37
+
+## 方案目标
+调整默认自动插入帧索引为间隔抽取、模板导出文件名加时间戳、修复占位符删除恢复居中。
+
+## 需求 1：默认 autoInsertFrameIndices 改为 [0,2,4,6,8,10]
+
+### 修改文件 1：`src/pages/Login.tsx`
+在 `initData()` 的 `defaultSettings` 中，将 `autoInsertFrameIndices` 从 `[0, 1, 2, 3, 4, 5]` 改为 `[0, 2, 4, 6, 8, 10]`。frameCount 保持 12，framePositions 保持原有均匀分布逻辑。
+
+### 修改文件 2：`src/pages/SystemSettings.tsx`
+在 `resetToDefault` 函数中，补全缺失的 `autoInsertFrames`、`autoInsertDelay`、`autoInsertFrameIndices` 字段，并将 `autoInsertFrameIndices` 设为 `[0, 2, 4, 6, 8, 10]`。
+
+## 需求 2：模板导出 JSON 文件名加时间戳
+
+### 修改文件：`src/pages/TemplateManage.tsx`
+在 `handleExportTemplate` 中，生成下载前追加北京时间戳：
+```ts
+const ts = new Date(Date.now() + 8 * 60 * 60 * 1000).toISOString().replace(/[:.]/g, '-').slice(0, 16);
+a.download = `模板导出-${template.name}-${ts}.json`;
+```
+
+## 需求 3：TemplateManage 占位符删除恢复居中
+
+### 修改文件：`src/pages/TemplateManage.tsx`
+在 `handleEditorClick` 的删除恢复分支中，补齐与 ReportEditor 一致的逻辑：
+1. `.placeholder-text` 使用 `position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;`
+2. 恢复 `width`（从 `maxWidth`）、`height`/`lineHeight`（从 `maxHeight`）
+3. 设置 `textAlign='center'`、`verticalAlign='middle'`、`justifyContent='center'`、`alignItems='center'`
+4. 根据宽度判断显示"插图"（<80px）或"插入/点击放置图片"
+
+## 涉及文件及修改点
+| 文件 | 修改点 |
+|------|--------|
+| `src/pages/Login.tsx` | `defaultSettings.autoInsertFrameIndices` 改为 `[0,2,4,6,8,10]` |
+| `src/pages/SystemSettings.tsx` | `resetToDefault` 补全 autoInsert 相关字段，索引改为间隔抽取 |
+| `src/pages/TemplateManage.tsx` | 导出文件名加时间戳；删除恢复补齐居中样式 |
+
+## 风险与注意事项
+1. `Login.tsx` 的修改只影响首次初始化（无 systemSettings 时），已有用户的 localStorage 不会被覆盖。
+2. `SystemSettings.tsx` 的 `resetToDefault` 是用户主动触发的重置操作，会覆盖现有设置。
+3. 两端编辑器的占位符删除恢复逻辑需要保持同步，后续修改时应同时检查 ReportEditor 和 TemplateManage。

工程分析/实现方案-2026-04-19-01-14-19.md

@@ -0,0 +1,21 @@
+# 实现方案 —— 2026-04-19-01-14-19
+
+## 方案目标
+将默认 admin 用户的部门从空字符串改为 "admin"。
+
+## 修改点
+
+### 修改文件：`src/pages/Login.tsx`
+
+在 `initData()` 的 `defaultUsers` 数组中，将 admin 用户的 `department` 从 `''` 改为 `'admin'`。
+
+同时在 `handleLogin` 的 fallback 默认值中同步修改。
+
+## 涉及文件及修改点
+| 文件 | 修改点 |
+|------|--------|
+| `src/pages/Login.tsx` | defaultUsers 中 admin 的 department 改为 'admin'；handleLogin fallback 中同步修改 |
+
+## 风险与注意事项
+1. 只影响新系统初始化或 localStorage 被清空后的首次登录。
+2. 已有用户的 localStorage 中 admin 部门不会被自动更新。

工程分析/测试方案-2026-04-19-00-33-44.md

@@ -0,0 +1,29 @@
+# 测试方案 —— 2026-04-19-00-33-44
+
+## 测试目标
+验证 30 天趋势图表稀疏化显示和 Tooltip 交互的正确性。
+
+## 测试用例
+
+### TC-1：30 天模式不显示圆点和数值
+**步骤**：
+1. 进入 Dashboard，点击"最近 30 天"。
+**预期结果**：图表中仅显示面积图和折线，无蓝色圆点和数字 0/1/2... 等数值文本。
+
+### TC-2：30 天模式标签稀疏化
+**步骤**：
+1. 查看 30 天模式 X 轴。
+**预期结果**：仅显示约 6 个日期标签（每隔 5 天一个），标签不重叠。
+
+### TC-3：Tooltip 悬停显示
+**步骤**：
+1. 在 30 天模式图表上移动鼠标。
+**预期结果**：鼠标旁出现 Tooltip，显示当前位置的日期和报告数量；移出图表区域后 Tooltip 消失。
+
+### TC-4：7 天模式不受影响
+**步骤**：
+1. 点击"最近 7 天"。
+**预期结果**：每天显示圆点、数值和标签，无 Tooltip 行为（或 Tooltip 可选），与修改前完全一致。
+
+## 测试通过标准
+30 天模式图表清爽可读，Tooltip 交互流畅，7 天模式无变化。

工程分析/测试方案-2026-04-19-01-03-37.md

@@ -0,0 +1,36 @@
+# 测试方案 —— 2026-04-19-01-03-37
+
+## 测试目标
+验证默认帧索引、导出文件名、占位符删除恢复的正确性。
+
+## 测试用例
+
+### TC-1：默认自动插入帧为间隔抽取
+**步骤**：
+1. 清空 localStorage 或重置系统，重新登录。
+2. 上传视频并自动摘取关键帧，观察自动插入的帧。
+**预期结果**：自动插入的是第 1、3、5、7、9、11 帧（索引 0、2、4、6、8、10）。
+
+### TC-2：系统设置重置后帧索引正确
+**步骤**：
+1. 进入系统设置，点击"恢复默认设置"。
+2. 上传视频测试自动插入。
+**预期结果**：同样插入间隔帧（第 1、3、5、7、9、11 帧）。
+
+### TC-3：模板导出文件名带时间戳
+**步骤**：
+1. 进入 TemplateManage，点击任意模板的"导出"按钮。
+**预期结果**：文件名为 `模板导出-模板名称-YYYY-MM-DD-HH-mm.json`。
+
+### TC-4：TemplateManage 占位符删除后文字居中
+**步骤**：
+1. 进入 TemplateManage，插入图片占位符，上传图片，再点击删除。
+**预期结果**：提示文字在虚线框内居中显示，不偏向左侧。
+
+### TC-5：ReportEditor 占位符不受影响
+**步骤**：
+1. 进入 ReportEditor，重复 TC-4 操作。
+**预期结果**：文字仍然居中，无变化。
+
+## 测试通过标准
+所有用例通过，无控制台报错，两端编辑器行为一致。

工程分析/测试方案-2026-04-19-01-14-19.md

@@ -0,0 +1,15 @@
+# 测试方案 —— 2026-04-19-01-14-19
+
+## 测试目标
+验证 admin 用户默认部门为 "admin"。
+
+## 测试用例
+
+### TC-1：admin 部门默认值为 admin
+**步骤**：
+1. 清空 localStorage，重新登录 admin 账号。
+2. 进入用户管理页面查看 admin 的部门。
+**预期结果**：部门显示为 "admin"。
+
+## 测试通过标准
+admin 用户部门默认值为 "admin"。

工程分析/经验记录.md

@@ -1281,3 +1281,80 @@ if ((settings.autoInsertDelay || 0) > 0) {
 - 在使用 SVG 绘制图表时，务必为 X 轴标签预留足够的底部空间（至少文字高度 + 安全间距），不能仅依赖 `overflow-visible`。
 - 当图表需要支持多时间维度时，应在数据计算层（useEffect）统一处理，而非在渲染层做条件分支，确保数据与标签同步。
 - 增加 grid 列数时，需同步检查响应式断点（`md:`、`lg:`），避免在小屏幕上卡片过度挤压。
+
+
+---
+
+## 记录 41：Dashboard 30 天趋势图表稀疏化与 Tooltip 交互
+
+**A. 具体问题**
+Dashboard 中"最近 30 天"模式的趋势图表过于密集：30 个蓝色圆点、30 个数值文本、30 个日期标签全部挤在底部，完全无法阅读。
+
+**B. 产生问题原因**
+1. SVG 图表对 7 天和 30 天采用完全相同的渲染策略，每天都绘制圆点、数值和标签。
+2. 30 天模式下数据点密度是 7 天的 4 倍以上，在固定宽度的 SVG 中必然导致严重重叠。
+3. 缺少悬停交互机制，用户无法在不显示所有数值的情况下查看具体某天的数据。
+
+**C. 解决问题方案**
+1. **条件渲染圆点和数值**：在 `points.map()` 中增加判断：`stats.trend.length <= 10` 时显示圆点和数值，否则隐藏。7 天模式（7 个点）正常显示，30 天模式（30 个点）只保留折线和面积图。
+2. **稀疏化 X 轴标签**：`stats.trend.length <= 10 || i % 5 === 0`，30 天模式每隔 5 天显示一个标签，从 30 个减少到约 6 个。
+3. **SVG 鼠标事件与 Tooltip**：
+   - 在 `<svg>` 上绑定 `onMouseMove` 和 `onMouseLeave`
+   - 通过 `getBoundingClientRect()` 将鼠标屏幕坐标映射到 SVG viewBox 坐标
+   - 计算最近的数据点索引：`idx = Math.round(((mouseX - paddingX) / chartW) * (n - 1))`
+   - 用 React state 管理 tooltip 的 `visible/x/y/date/count`
+   - 用绝对定位的 `div` 渲染 Tooltip，显示完整日期和报告数
+4. **透明捕获层**：在 SVG 中增加覆盖全区域的 `<rect fill="transparent" />`，确保鼠标在空白区域也能触发事件。
+5. **完整日期存储**：`stats` 中新增 `trendFullDates` 数组，存储 `YYYY-MM-DD` 格式完整日期，供 Tooltip 显示使用。
+
+**D. 后续如何避免问题**
+- 当图表需要支持多时间维度时，必须考虑不同密度下的渲染策略差异，不能对所有维度一视同仁。
+- SVG 的鼠标事件坐标映射需要注意 `viewBox` 与实际显示尺寸的缩放比例，通过 `getBoundingClientRect()` 做比例换算是可靠方案。
+- Tooltip 等浮动层应使用 `pointer-events-none` 避免干扰下层交互，同时确保在容器 `relative` 定位下正确计算偏移。
+- 透明捕获层是解决 SVG 内部元素间隙导致事件丢失的有效手段，特别是在只有线条/路径的图表中。
+
+
+---
+
+## 记录 43：默认自动插入帧间隔抽取、导出文件名加时间戳、占位符删除恢复居中（修正版）
+
+**A. 具体问题**
+1. 系统初始化时默认自动插入的帧为连续前 6 帧（索引 0~5），用户希望改为间隔抽取（第 1、3、5、7、9、11 帧，对应索引 0、2、4、6、8、10），同时保持 frameCount 为 12 不变。
+2. TemplateManage 单模板导出 JSON 文件名缺少时间戳。
+3. TemplateManage 编辑器中 `.image-placeholder` 删除图片后提示文字靠左，与 ReportEditor 不一致。
+
+**B. 产生问题原因**
+1. `Login.tsx` 的 `defaultSettings.autoInsertFrameIndices` 为 `[0, 1, 2, 3, 4, 5]`；`SystemSettings.tsx` 的 `resetToDefault` 完全缺失 `autoInsertFrames`、`autoInsertDelay`、`autoInsertFrameIndices` 字段。
+2. `handleExportTemplate` 直接拼接固定文件名，未加入时间戳。
+3. TemplateManage 的删除恢复逻辑缺少 `absolute` 居中样式和容器尺寸恢复。
+
+**C. 解决问题方案**
+1. **Login.tsx**：`autoInsertFrameIndices` 从 `[0, 1, 2, 3, 4, 5]` 改为 `[0, 2, 4, 6, 8, 10]`，frameCount 保持 12，framePositions 保持均匀分布。
+2. **SystemSettings.tsx**：`resetToDefault` 中补全 `autoInsertFrames: true`、`autoInsertDelay: 1`、`autoInsertFrameIndices: [0, 2, 4, 6, 8, 10]`。
+3. **TemplateManage.tsx**：
+   - 导出文件名加入北京时间戳：`模板导出-模板名称-YYYY-MM-DD-HH-mm.json`
+   - 删除恢复逻辑补齐 `absolute` 居中样式、尺寸恢复、`textAlign/verticalAlign/justifyContent/alignItems`
+
+**D. 后续如何避免问题**
+- `resetToDefault` 函数中必须包含所有 `SystemSettings` 字段，不能遗漏任何新增配置项，否则重置后功能异常。
+- 两端编辑器共享控件时，应建立统一的"创建/填充/删除恢复"工具函数，避免在各自文件中维护重复且容易 diverge 的逻辑。
+- `autoInsertFrameIndices` 的默认值变更不影响已有用户数据，但重置操作会覆盖用户自定义的索引选择，需在重置提示中明确告知。
+
+
+---
+
+## 记录 44：admin 用户默认部门改为 "admin"
+
+**A. 具体问题**
+user-manage 中超级管理员（admin）的部门字段显示为空，用户希望默认设置为 "admin"。
+
+**B. 产生问题原因**
+`Login.tsx` 初始化默认用户时，admin 用户未显式设置 `department` 字段（第 36 行），导致部门为 undefined；`handleLogin` fallback 逻辑中（第 108 行），`super` 角色的部门被硬编码为空字符串 `''`。
+
+**C. 解决问题方案**
+1. `initData()` 的 `defaultUsers` 中 admin 用户显式添加 `department: 'admin'`。
+2. `handleLogin` fallback 中 `d.r === 'super' ? '' : '外科'` 改为 `d.r === 'super' ? 'admin' : '外科'`。
+
+**D. 后续如何避免问题**
+- 初始化默认数据时，应为所有用户显式设置完整字段，避免依赖 TypeScript 类型中的可选属性回退到 undefined。
+- 对于具有角色区分逻辑的字段赋值（如 super 用户的部门），应使用明确的业务默认值而非空字符串。

工程分析/需求分析-2026-04-19-00-33-44.md

@@ -0,0 +1,22 @@
+# 需求分析 —— 2026-04-19-00-33-44
+
+## 需求来源
+用户发现 Dashboard 中"最近 30 天"模式下的趋势图表过于密集：30 个数据圆点、30 个数值文本、30 个日期标签挤在一起，完全无法阅读。
+
+## 需求概述
+
+### 需求 1：30 天模式稀疏化显示
+在"最近 30 天"模式下：
+- 不绘制每一天的数据圆点 `<circle>` 和数值文本 `<text>`
+- 仅保留平滑的面积图轮廓和折线
+- X 轴日期标签每隔 5 天显示一次（稀疏化）
+
+### 需求 2：Tooltip 悬停交互
+- 平时隐藏具体数值
+- 鼠标悬停在曲线区域时，显示浮动 Tooltip，展示该位置对应的日期和报告数量
+
+## 涉及文件
+- `src/pages/Dashboard.tsx`
+
+## 需求影响范围
+仅影响 Dashboard 趋势图表的 SVG 渲染和交互逻辑，7 天模式保持不变。

工程分析/需求分析-2026-04-19-01-03-37.md

@@ -0,0 +1,26 @@
+# 需求分析 —— 2026-04-19-01-03-37
+
+## 需求来源
+用户在上次回退后重新提出三个优化需求，并明确要求 frameCount 保持 12 不变，仅调整 autoInsertFrameIndices 为间隔抽取。
+
+## 需求概述
+
+### 需求 1：默认自动插入帧改为间隔抽取（第1、3、5、7、9、11帧）
+系统初始化或重置时，frameCount 保持 12 不变，但 autoInsertFrameIndices（自动插入的帧索引）从 `[0,1,2,3,4,5]`（连续前6帧）改为 `[0,2,4,6,8,10]`（间隔抽取，对应第1、3、5、7、9、11帧）。
+
+### 需求 2：模板导出 JSON 文件名加时间戳
+TemplateManage 单模板导出时，文件名从 `模板导出-模板名称.json` 改为 `模板导出-模板名称-时间戳.json`。
+
+### 需求 3：TemplateManage 占位符删除后文字居中
+对齐 ReportEditor 和 TemplateManage 的 `.image-placeholder` 删除恢复逻辑，补齐居中样式和尺寸恢复。
+
+## 涉及文件
+- `src/pages/Login.tsx` — 需求 1
+- `src/pages/SystemSettings.tsx` — 需求 1（resetToDefault 补全）
+- `src/pages/TemplateManage.tsx` — 需求 2、3
+
+## 需求影响范围
+- 系统默认配置（新用户/重置后）
+- 系统设置重置功能
+- 模板导出文件名格式
+- TemplateManage 编辑器占位符交互体验

工程分析/需求分析-2026-04-19-01-14-19.md

@@ -0,0 +1,13 @@
+# 需求分析 —— 2026-04-19-01-14-19
+
+## 需求来源
+用户发现 user-manage 中 admin（超级管理员）的部门字段显示为空，希望默认设置为 "admin"。
+
+## 需求概述
+将 Login.tsx 初始化默认用户时，admin 用户的 `department` 从空字符串 `''` 改为 `'admin'`。
+
+## 涉及文件
+- `src/pages/Login.tsx`
+
+## 需求影响范围
+仅影响系统首次初始化时的默认 admin 用户数据。