feat: 网页端待办到期提醒功能

- 新增 /api/reminders API 接口
- 获取已过期、今天到期、即将到期的待办
- 前端显示提醒栏和弹窗详情
- 每5分钟自动刷新提醒
- 支持快速完成待办

xian_favor/api.py

@@ -167,6 +167,13 @@ def get_stats():
     return jsonify({'success': True, 'data': stats})
 
 
+@app.route('/api/reminders', methods=['GET'])
+def get_reminders():
+    """获取提醒信息"""
+    reminders = db.get_reminders()
+    return jsonify({'success': True, 'data': reminders})
+
+
 @app.route('/api/ai-process', methods=['POST'])
 def ai_process():
     """AI处理文本"""
@@ -490,6 +497,16 @@ INDEX_TEMPLATE = '''
         
         <!-- 主内容 -->
         <div class="col-md-10 content">
+            <!-- 提醒栏 -->
+            <div id="reminderBar" class="alert alert-warning alert-dismissible fade show mb-3" style="display:none;" role="alert">
+                <i class="bi bi-bell-fill"></i> 
+                <span id="reminderText">有待办事项需要关注</span>
+                <button type="button" class="btn btn-sm btn-warning ms-2" onclick="showRemindersModal()">
+                    <i class="bi bi-eye"></i> 查看详情
+                </button>
+                <button type="button" class="btn-close" data-bs-dismiss="alert" onclick="dismissReminderBar()"></button>
+            </div>
+            
             <!-- 顶部操作栏 -->
             <div class="d-flex justify-content-between align-items-center mb-4">
                 <div class="d-flex gap-2">
@@ -881,6 +898,26 @@ INDEX_TEMPLATE = '''
     </div>
 </div>
 
+<!-- 提醒详情模态框 -->
+<div class="modal fade" id="remindersModal" tabindex="-1">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <div class="modal-header bg-warning text-dark">
+                <h5 class="modal-title"><i class="bi bi-bell-fill"></i> 待办提醒</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+            <div class="modal-body">
+                <div id="remindersContent">
+                    <!-- 动态填充 -->
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
+            </div>
+        </div>
+    </div>
+</div>
+
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
 <script>
 const API_BASE = '/api';
@@ -891,6 +928,10 @@ document.addEventListener('DOMContentLoaded', async () => {
     await loadStats(); // 先加载统计，确保总数可用
     loadItems();
     loadTags();
+    loadReminders();  // 加载提醒
+    
+    // 定时刷新提醒（每5分钟）
+    setInterval(loadReminders, 5 * 60 * 1000);
     
     // 标签输入自动提示
     document.getElementById('addTags').addEventListener('input', showTagSuggestions);
@@ -1785,6 +1826,165 @@ function debounce(fn, delay) {
         timer = setTimeout(() => fn.apply(this, args), delay);
     };
 }
+
+// ============ 提醒功能 ============
+
+let reminderData = null;
+let reminderDismissed = false;
+
+async function loadReminders() {
+    const res = await fetch(`${API_BASE}/reminders`);
+    const data = await res.json();
+    
+    if (data.success) {
+        reminderData = data.data;
+        updateReminderBar();
+    }
+}
+
+function updateReminderBar() {
+    if (!reminderData || reminderDismissed) return;
+    
+    const total = reminderData.total;
+    if (total === 0) {
+        document.getElementById('reminderBar').style.display = 'none';
+        return;
+    }
+    
+    // 显示提醒栏
+    document.getElementById('reminderBar').style.display = 'block';
+    
+    // 构建提醒文本
+    let text = '';
+    if (reminderData.overdue.length > 0) {
+        text += `<span class="text-danger fw-bold">${reminderData.overdue.length}个已过期</span> `;
+    }
+    if (reminderData.due_today.length > 0) {
+        text += `<span class="text-warning fw-bold">${reminderData.due_today.length}个今天到期</span> `;
+    }
+    if (reminderData.due_soon.length > 0) {
+        text += `<span>${reminderData.due_soon.length}个即将到期</span>`;
+    }
+    
+    document.getElementById('reminderText').innerHTML = text;
+    
+    // 更新提醒角标样式
+    const bar = document.getElementById('reminderBar');
+    if (reminderData.overdue.length > 0) {
+        bar.className = 'alert alert-danger alert-dismissible fade show mb-3';
+    } else if (reminderData.due_today.length > 0) {
+        bar.className = 'alert alert-warning alert-dismissible fade show mb-3';
+    } else {
+        bar.className = 'alert alert-info alert-dismissible fade show mb-3';
+    }
+}
+
+function dismissReminderBar() {
+    reminderDismissed = true;
+    document.getElementById('reminderBar').style.display = 'none';
+}
+
+function showRemindersModal() {
+    if (!reminderData) return;
+    
+    let html = '';
+    
+    // 已过期
+    if (reminderData.overdue.length > 0) {
+        html += `<div class="mb-3"><h6 class="text-danger"><i class="bi bi-exclamation-circle"></i> 已过期 (${reminderData.overdue.length})</h6>`;
+        html += `<div class="list-group">`;
+        reminderData.overdue.forEach(item => {
+            html += `<div class="list-group-item list-group-item-danger d-flex justify-content-between align-items-center">
+                <div>
+                    <strong>${item.title || '(无标题)'}</strong>
+                    <br><small class="text-muted">截止: ${item.due_date} | 已过期 ${item.days_overdue} 天</small>
+                </div>
+                <div>
+                    <button class="btn btn-sm btn-success" onclick="completeReminder(${item.id})" title="完成">
+                        <i class="bi bi-check"></i>
+                    </button>
+                    <button class="btn btn-sm btn-outline-primary" onclick="openEditModal(${item.id}); bootstrap.Modal.getInstance(document.getElementById('remindersModal')).hide();" title="编辑">
+                        <i class="bi bi-pencil"></i>
+                    </button>
+                </div>
+            </div>`;
+        });
+        html += `</div></div>`;
+    }
+    
+    // 今天到期
+    if (reminderData.due_today.length > 0) {
+        html += `<div class="mb-3"><h6 class="text-warning"><i class="bi bi-clock-fill"></i> 今天到期 (${reminderData.due_today.length})</h6>`;
+        html += `<div class="list-group">`;
+        reminderData.due_today.forEach(item => {
+            html += `<div class="list-group-item list-group-item-warning d-flex justify-content-between align-items-center">
+                <div>
+                    <strong>${item.title || '(无标题)'}</strong>
+                    <br><small class="text-muted">截止: ${item.due_date}</small>
+                </div>
+                <div>
+                    <button class="btn btn-sm btn-success" onclick="completeReminder(${item.id})" title="完成">
+                        <i class="bi bi-check"></i>
+                    </button>
+                    <button class="btn btn-sm btn-outline-primary" onclick="openEditModal(${item.id}); bootstrap.Modal.getInstance(document.getElementById('remindersModal')).hide();" title="编辑">
+                        <i class="bi bi-pencil"></i>
+                    </button>
+                </div>
+            </div>`;
+        });
+        html += `</div></div>`;
+    }
+    
+    // 即将到期
+    if (reminderData.due_soon.length > 0) {
+        html += `<div class="mb-3"><h6 class="text-info"><i class="bi bi-hourglass-split"></i> 即将到期 (${reminderData.due_soon.length})</h6>`;
+        html += `<div class="list-group">`;
+        reminderData.due_soon.forEach(item => {
+            html += `<div class="list-group-item list-group-item-info d-flex justify-content-between align-items-center">
+                <div>
+                    <strong>${item.title || '(无标题)'}</strong>
+                    <br><small class="text-muted">截止: ${item.due_date}</small>
+                </div>
+                <div>
+                    <button class="btn btn-sm btn-success" onclick="completeReminder(${item.id})" title="完成">
+                        <i class="bi bi-check"></i>
+                    </button>
+                    <button class="btn btn-sm btn-outline-primary" onclick="openEditModal(${item.id}); bootstrap.Modal.getInstance(document.getElementById('remindersModal')).hide();" title="编辑">
+                        <i class="bi bi-pencil"></i>
+                    </button>
+                </div>
+            </div>`;
+        });
+        html += `</div></div>`;
+    }
+    
+    if (!html) {
+        html = '<div class="text-center text-muted py-3">暂无待办提醒</div>';
+    }
+    
+    document.getElementById('remindersContent').innerHTML = html;
+    new bootstrap.Modal(document.getElementById('remindersModal')).show();
+}
+
+async function completeReminder(id) {
+    await fetch(`${API_BASE}/items/${id}/done`, { method: 'POST' });
+    
+    // 刷新数据
+    await loadReminders();
+    refreshData();
+    
+    // 如果弹窗打开，更新显示
+    const modalEl = document.getElementById('remindersModal');
+    const modal = bootstrap.Modal.getInstance(modalEl);
+    if (modal) {
+        // 检查是否还有提醒
+        if (reminderData && reminderData.total > 0) {
+            showRemindersModal();
+        } else {
+            modal.hide();
+        }
+    }
+}
 </script>
 </body>
 </html>

xian_favor/db.py

@@ -433,6 +433,59 @@ class Database:
             stats['tags'] = cursor.fetchone()['count']
             
             return stats
+    
+    # ============ 提醒相关 ============
+    
+    def get_reminders(self) -> Dict[str, Any]:
+        """获取提醒信息：即将到期和已过期的待办"""
+        self._ensure_init()
+        with self.get_conn() as conn:
+            cursor = conn.cursor()
+            now = datetime.now()
+            
+            reminders = {
+                'overdue': [],      # 已过期
+                'due_today': [],    # 今天到期
+                'due_soon': []      # 24小时内到期（不含今天）
+            }
+            
+            # 查询未完成的待办（有截止日期的）
+            cursor.execute("""
+                SELECT * FROM items 
+                WHERE type = 'todo' 
+                AND status != 'completed' 
+                AND due_date IS NOT NULL 
+                AND due_date != ''
+                ORDER BY due_date ASC
+            """)
+            
+            for row in cursor.fetchall():
+                item = dict(row)
+                item['tags'] = self._get_item_tags(conn, item['id'])
+                
+                try:
+                    due_date = datetime.strptime(item['due_date'], '%Y-%m-%d')
+                    # 计算距离到期的时间
+                    days_left = (due_date.date() - now.date()).days
+                    
+                    if days_left < 0:
+                        # 已过期
+                        item['days_overdue'] = abs(days_left)
+                        reminders['overdue'].append(item)
+                    elif days_left == 0:
+                        # 今天到期
+                        reminders['due_today'].append(item)
+                    elif days_left == 1:
+                        # 明天到期（24小时内）
+                        reminders['due_soon'].append(item)
+                except ValueError:
+                    # 日期格式错误，跳过
+                    continue
+            
+            # 统计总数
+            reminders['total'] = len(reminders['overdue']) + len(reminders['due_today']) + len(reminders['due_soon'])
+            
+            return reminders
 
 
 # 全局数据库实例