feat: 内容数据迁移至数据库，合规审查全链路打通

- 文章 HTML 存储从文件系统迁移至 articles 表，删除 releases 目录
- 合规审查从 DB 读取 HTML，审查结果写回 DB，通过后自动推进至待发布
- 新增 todayCount 筛选按钮，与系统概览统计数据一致
- 全屏预览修复：提升 z-index 超过侧边栏，添加退出全屏/关闭按钮
- 统一 '优化' → '审查' 命名，消除前后端术语不一致
- 调度器创作完成后自动触发审查（生成 → 审查 → 待发布）
- 清理旧备份/调试文件、过期大纲和研究笔记

platform/frontend/tasks.html

@@ -5,19 +5,15 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>宇之然内容创作平台 - 创作任务</title>
     <link rel="stylesheet" href="element-plus.css">
+    <link rel="stylesheet" href="theme-modern.css">
     <style>
         * { margin: 0; padding: 0; box-sizing: border-box; }
         body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background: #f5f7fa; color: #303133; }
-        .navbar { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: white; padding: 16px 24px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
-        .navbar-content { display: flex; justify-content: space-between; align-items: center; max-width: 1400px; margin: 0 auto; }
-        .navbar-title { font-size: 20px; font-weight: 600; }
-        .navbar-user { display: flex; align-items: center; gap: 16px; }
-        .user-info { display: flex; align-items: center; gap: 8px; }
-        .avatar { width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center; font-size: 14px; }
+
         .main-content { display: flex; flex: 1; max-width: 1400px; margin: 0 auto; min-height: calc(100vh - 60px); }
         .content-area { flex: 1; padding: 24px; overflow-y: auto; }
-        .card { background: white; border-radius: 12px; padding: 24px; margin-bottom: 24px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow-x: auto; }
-        .mobile-nav { display: none; position: fixed; bottom: 0; left: 0; right: 0; background: white; box-shadow: 0 -2px 8px rgba(0,0,0,0.1); padding: 8px 0; z-index: 1000; }
+        .card { background: white; border-radius: 16px; padding: 24px; margin-bottom: 24px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); overflow-x: auto; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
+
 
         .page-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; flex-wrap: wrap; gap: 12px; }
         .page-title { font-size: 24px; font-weight: 700; color: #303133; display: flex; align-items: center; gap: 8px; }
@@ -44,12 +40,28 @@
         .error-box { margin-top: 8px; padding: 8px 12px; background: #fef0f0; border-radius: 6px; font-size: 13px; color: #f56c6c; border-left: 3px solid #f56c6c; }
 
         .task-card-list-mobile { display: none; }
+        .schedule-row { display: flex; align-items: center; gap: 16px; padding: 14px 16px; border-radius: 10px; background: #f8faff; border: 1px solid #e8edf5; margin-bottom: 8px; transition: all 0.2s; }
+        .schedule-row:hover { background: #f0f4ff; }
+        .schedule-icon { font-size: 22px; width: 36px; text-align: center; flex-shrink: 0; }
+        .schedule-info { flex: 1; min-width: 0; }
+        .schedule-name { font-size: 14px; font-weight: 600; color: #303133; }
+        .schedule-time { font-size: 12px; color: #909399; margin-top: 2px; }
+        .schedule-next { font-size: 12px; color: #409eff; white-space: nowrap; }
+        .schedule-badge { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; }
+        .schedule-badge.active { background: #67c23a; }
+        .schedule-badge.inactive { background: #c0c4cc; }
+        .detail-row { display: flex; padding: 10px 0; border-bottom: 1px solid #f0f2f5; }
+        .detail-row:last-child { border-bottom: none; }
+        .detail-label { width: 80px; flex-shrink: 0; font-size: 13px; color: #909399; }
+        .detail-value { flex: 1; font-size: 13px; color: #303133; word-break: break-all; }
 
         @media (max-width: 768px) {
             .content-area { padding: 16px; padding-bottom: 80px; }
             .card { padding: 16px; }
             .task-table { display: none; }
             .task-card-list-mobile { display: block; }
+            .schedule-row { padding: 10px 12px; gap: 10px; flex-wrap: wrap; }
+            .schedule-next { width: 100%; margin-left: 46px; }
         }
     </style>
     <script src="navigation-component.js"></script>
@@ -61,7 +73,32 @@
         <navigation-component current-page="tasks" :is-admin="isAdmin" @navigate="redirectToPage"></navigation-component>
         <div class="main-content">
             <main class="content-area">
-                <div class="card">
+                <div class="card page-fade">
+                    <div class="page-header">
+                        <h2 class="page-title">🚀 定时任务</h2>
+                        <div class="toolbar">
+                            <el-button @click="loadSchedulerStatus">🔄 刷新</el-button>
+                        </div>
+                    </div>
+                    <div v-if="schedulerLoading" style="text-align: center; padding: 20px; color: #909399;">加载中...</div>
+                    <div v-else>
+                        <div v-if="schedulerJobs.length === 0" style="text-align: center; padding: 30px 20px; color: #909399; font-size: 14px;">暂无定时任务</div>
+                        <div v-for="job in schedulerJobs" :key="job.id" class="schedule-row">
+                            <div class="schedule-icon">{{ job.icon }}</div>
+                            <div class="schedule-info">
+                                <div class="schedule-name">{{ job.name }}</div>
+                                <div class="schedule-time">⏰ 每日 {{ job.time }}</div>
+                            </div>
+                            <div class="schedule-next">
+                                <span class="schedule-badge" :class="job.active ? 'active' : 'inactive'"></span>
+                                <span>{{ job.active ? '运行中' : '等待中' }}</span>
+                                <span v-if="job.next_run" style="margin-left: 8px; color: #909399;">下次: {{ job.next_run }}</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="card page-fade">
                     <div class="page-header">
                         <h2 class="page-title">🚀 创作任务</h2>
                         <div class="toolbar">
@@ -114,27 +151,23 @@
                 </div>
             </main>
         </div>
-        <el-dialog v-model="showDetailDialog" title="任务详情" width="600px">
+        <el-dialog v-model="showDetailDialog" title="任务详情" width="600px" class="task-detail-dialog">
             <div v-if="detailTask">
-                <el-descriptions :column="2" border>
-                    <el-descriptions-item label="任务ID">{{ detailTask.task_id }}</el-descriptions-item>
-                    <el-descriptions-item label="状态">{{ getStatusLabel(detailTask.status) }}</el-descriptions-item>
-                    <el-descriptions-item label="阶段">{{ getStageLabel(detailTask.stage) }}</el-descriptions-item>
-                    <el-descriptions-item label="进度">{{ detailTask.progress }}%</el-descriptions-item>
-                    <el-descriptions-item label="选题ID" :span="2">{{ detailTask.topic_id || '-' }}</el-descriptions-item>
-                    <el-descriptions-item label="创建时间">{{ formatDate(detailTask.created_at) }}</el-descriptions-item>
-                    <el-descriptions-item label="开始时间">{{ formatDate(detailTask.started_at) }}</el-descriptions-item>
-                    <el-descriptions-item label="完成时间">{{ formatDate(detailTask.finished_at) }}</el-descriptions-item>
-                    <el-descriptions-item label="耗时">{{ detailTask.duration ? detailTask.duration + '秒' : '-' }}</el-descriptions-item>
-                    <el-descriptions-item label="创建人">{{ detailTask.created_by }}</el-descriptions-item>
-                    <el-descriptions-item label="消息" :span="2">{{ detailTask.message || '-' }}</el-descriptions-item>
-                    <el-descriptions-item v-if="detailTask.error_msg" label="错误信息" :span="2">
-                        <span style="color: #f56c6c;">{{ detailTask.error_msg }}</span>
-                    </el-descriptions-item>
-                </el-descriptions>
+                <div class="detail-row"><span class="detail-label">任务ID</span><span class="detail-value">{{ detailTask.task_id }}</span></div>
+                <div class="detail-row"><span class="detail-label">状态</span><span class="detail-value"><span class="status-badge" :class="'status-' + detailTask.status">{{ getStatusLabel(detailTask.status) }}</span></span></div>
+                <div class="detail-row"><span class="detail-label">阶段</span><span class="detail-value"><span class="task-stage" :class="'stage-' + detailTask.stage">{{ getStageLabel(detailTask.stage) }}</span></span></div>
+                <div class="detail-row"><span class="detail-label">进度</span><span class="detail-value">{{ detailTask.progress }}%</span></div>
+                <div class="detail-row"><span class="detail-label">选题ID</span><span class="detail-value">{{ detailTask.topic_id || '-' }}</span></div>
+                <div class="detail-row"><span class="detail-label">创建时间</span><span class="detail-value">{{ formatDate(detailTask.created_at) }}</span></div>
+                <div class="detail-row"><span class="detail-label">开始时间</span><span class="detail-value">{{ formatDate(detailTask.started_at) }}</span></div>
+                <div class="detail-row"><span class="detail-label">完成时间</span><span class="detail-value">{{ formatDate(detailTask.finished_at) }}</span></div>
+                <div class="detail-row"><span class="detail-label">耗时</span><span class="detail-value">{{ detailTask.duration ? detailTask.duration + '秒' : '-' }}</span></div>
+                <div class="detail-row"><span class="detail-label">创建人</span><span class="detail-value">{{ detailTask.created_by }}</span></div>
+                <div class="detail-row"><span class="detail-label">消息</span><span class="detail-value">{{ detailTask.message || '-' }}</span></div>
+                <div v-if="detailTask.error_msg" class="detail-row"><span class="detail-label">错误信息</span><span class="detail-value" style="color: #f56c6c;">{{ detailTask.error_msg }}</span></div>
                 <div v-if="detailTask.result_data" style="margin-top: 16px;">
-                    <div style="font-weight: 600; margin-bottom: 8px;">结果数据:</div>
-                    <pre style="background: #f5f7fa; padding: 12px; border-radius: 8px; overflow: auto; max-height: 300px; font-size: 13px;">{{ JSON.stringify(detailTask.result_data, null, 2) }}</pre>
+                    <div style="font-weight: 600; margin-bottom: 8px; font-size: 13px;">结果数据:</div>
+                    <pre style="background: #f5f7fa; padding: 12px; border-radius: 8px; overflow: auto; max-height: 200px; font-size: 12px;">{{ JSON.stringify(detailTask.result_data, null, 2) }}</pre>
                 </div>
             </div>
         </el-dialog>
@@ -143,13 +176,20 @@
     <script src="element-plus.full.js"></script>
     <script>
 const TasksApp = {
-    data() {
-        return {
-            currentUser: { username: '' }, isAdmin: false, isLoggedIn: false,
-            tasks: [], loading: false, filterStatus: '',
-            showDetailDialog: false, detailTask: null
-        }
-    },
+        data() {
+            const SCHEDULER_JOBS = {
+                'scheduled_sync': { icon: '🔄', name: '数据同步', defaultTime: '02:30' },
+                'scheduled_generate': { icon: '🤖', name: '内容创作', defaultTime: '03:30' },
+                'scheduled_optimize': { icon: '🔍', name: '合规审查', defaultTime: '04:30' },
+            };
+            return {
+                currentUser: { username: '' }, isAdmin: false, isLoggedIn: false,
+                tasks: [], loading: false, filterStatus: '',
+                showDetailDialog: false, detailTask: null,
+                schedulerJobs: [], schedulerLoading: false,
+                SCHEDULER_JOBS,
+            }
+        },
     methods: {
         getToken() { return localStorage.getItem('authToken'); },
         async api(url, opts = {}) {
@@ -166,11 +206,32 @@ const TasksApp = {
             if (!token) { window.location.href = '/login.html'; return; }
             fetch('/api/auth/me', { headers: { 'Authorization': 'Bearer ' + token } })
                 .then(r => r.ok ? r.json() : Promise.reject())
-                .then(data => { this.currentUser = data.user; this.isAdmin = data.user.role === 'admin'; this.isLoggedIn = true; this.loadTasks(); })
+                .then(data => { this.currentUser = data.user; this.isAdmin = data.user.role === 'admin'; this.isLoggedIn = true; this.loadTasks(); this.loadSchedulerStatus(); })
                 .catch(() => { localStorage.removeItem('authToken'); localStorage.removeItem('userRole'); localStorage.removeItem('currentUser'); window.location.href = '/login.html'; });
         },
+        async loadSchedulerStatus() {
+            this.schedulerLoading = true;
+            try {
+                const data = await this.api('/api/system/scheduler/status');
+                if (!data) return;
+                this.schedulerJobs = (data.jobs || []).map(job => {
+                    const info = this.SCHEDULER_JOBS[job.id] || { icon: '⏰', name: job.id, defaultTime: '' };
+                    // Parse cron trigger for time display
+                    let time = info.defaultTime;
+                    const m = job.trigger && job.trigger.match(/hour='?(\d+)'?,\s*minute='?(\d+)'?/);
+                    if (m) time = m[1].padStart(2,'0') + ':' + m[2].padStart(2,'0');
+                    // Format next_run_time
+                    let next_run = '';
+                    if (job.next_run_time) {
+                        try { next_run = new Date(job.next_run_time).toLocaleString('zh-CN', { month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' }); } catch(e) { next_run = job.next_run_time; }
+                    }
+                    return { id: job.id, icon: info.icon, name: info.name, time, active: data.running, next_run };
+                });
+            } catch (e) { console.error(e); }
+            finally { this.schedulerLoading = false; }
+        },
         getStatusLabel(status) { return { 'pending': '等待中', 'running': '进行中', 'completed': '已完成', 'failed': '失败', 'cancelled': '已取消' }[status] || status; },
-        getStageLabel(stage) { return { 'creator': '创作', 'optimize': '优化', 'review': '审查', 'publish': '发布' }[stage] || stage; },
+        getStageLabel(stage) { return { 'creator': '创作', 'optimize': '审查', 'review': '审查', 'publish': '发布' }[stage] || stage; },
         formatDate(dateStr) {
             if (!dateStr) return '-';
             try { return new Date(dateStr).toLocaleString('zh-CN'); } catch (e) { return dateStr; }