UI优化完善初版

platform/backend/static/topics.html

@@ -212,19 +212,27 @@ const TopicsApp = {
             this.loadingTable = true;
             try {
                 const token = localStorage.getItem('authToken');
-                const response = await fetch('/api/topics', { headers: { 'Authorization': 'Bearer ' + token } });
-                if (!response.ok) throw new Error('获取失败');
+                if (!token) {
+                    this.$message.error('请先登录');
+                    setTimeout(() => window.location.href = '/', 1500);
+                    this.loadingTable = false;
+                    return;
+                }
+                const response = await fetch('/api/topics', {
+                    headers: { 'Authorization': 'Bearer ' + token }
+                });
+                if (!response.ok) {
+                    const errorData = await response.json().catch(() => ({}));
+                    throw new Error(errorData.detail || `请求失败: ${response.status}`);
+                }
                 const data = await response.json();
                 this.topics = data || [];
-                this.loadingTable = false;
+                this.$message.success('选题加载成功');
             } catch (error) {
-                console.log('获取选题失败，使用模拟数据');
-                this.$message.error('获取选题失败，使用模拟数据');
-                this.topics = [
-                    { id: 'A01', title: '可持续发展趋势分析', field: '环保', status: 'pending', compliance_score: 85, created_at: '2026-04-27 10:30', generated_at: null, published_at: null },
-                    { id: 'B02', title: 'AI 在内容创作中的应用', field: '科技', status: 'review', compliance_score: 92, created_at: '2026-04-27 11:15', generated_at: '2026-04-27 11:45', published_at: null },
-                    { id: 'C03', title: '数字化转型案例研究', field: '商业', status: 'ready', compliance_score: 78, created_at: '2026-04-27 12:00', generated_at: '2026-04-27 12:30', published_at: '2026-04-27 13:00' }
-                ];
+                console.error('获取选题失败:', error);
+                this.$message.error(`获取选题失败: ${error.message}`);
+                this.topics = [];
+            } finally {
                 this.loadingTable = false;
             }
         },
@@ -242,23 +250,126 @@ const TopicsApp = {
             await this.fetchTopics();
         },
         openPreview(topic) { this.$message.info('预览：' + topic.title); },
-        async createTopic(topic) {
-            if (topic.status === 'pending') {
-                this.$message.success('开始创作：' + topic.title);
-                await this.fetchTopics();
-            } else { this.$message.info('仅待处理选题可创作'); }
-        },
-        async optimizeTopic(topic) {
-            if (topic.status === 'review') {
-                this.$message.success('开始优化：' + topic.title);
-                await this.fetchTopics();
-            } else { this.$message.info('仅待审查选题可优化'); }
-        },
-        async handlePublish(topic) { this.$message.success('发布：' + topic.title); await this.fetchTopics(); },
-        deleteTopic(id) {
-            this.$confirm('确定删除？', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
-                .then(async () => { this.$message.success('删除成功'); await this.fetchTopics(); }).catch(() => {});
-        },
+                async createTopic(topic) {
+                    if (topic.status !== 'pending') {
+                        this.$message.info('仅待处理选题可创作');
+                        return;
+                    }
+                    try {
+                        const token = localStorage.getItem('authToken');
+                        if (!token) {
+                            this.$message.error('请先登录');
+                            return;
+                        }
+                        const response = await fetch('/api/system/generate/run', {
+                            method: 'POST',
+                            headers: {
+                                'Authorization': 'Bearer ' + token,
+                                'Content-Type': 'application/json'
+                            },
+                            body: JSON.stringify({ topic_id: topic.id })
+                        });
+                        if (!response.ok) {
+                            const errorData = await response.json().catch(() => ({}));
+                            throw new Error(errorData.detail || `请求失败: ${response.status}`);
+                        }
+                        const data = await response.json();
+                        this.$message.success(`创作完成: ${topic.title}`);
+                        await this.fetchTopics();
+                    } catch (error) {
+                        console.error('创作失败:', error);
+                        this.$message.error(`创作失败: ${error.message}`);
+                    }
+                },
+                async optimizeTopic(topic) {
+                    if (topic.status !== 'review') {
+                        this.$message.info('仅待审查选题可优化');
+                        return;
+                    }
+                    try {
+                        const token = localStorage.getItem('authToken');
+                        if (!token) {
+                            this.$message.error('请先登录');
+                            return;
+                        }
+                        const response = await fetch('/api/optimizer/run', {
+                            method: 'POST',
+                            headers: {
+                                'Authorization': 'Bearer ' + token,
+                                'Content-Type': 'application/json'
+                            },
+                            body: JSON.stringify({ topic_id: topic.id })
+                        });
+                        if (!response.ok) {
+                            const errorData = await response.json().catch(() => ({}));
+                            throw new Error(errorData.detail || `请求失败: ${response.status}`);
+                        }
+                        const data = await response.json();
+                        this.$message.success(`优化完成: ${topic.title}`);
+                        await this.fetchTopics();
+                    } catch (error) {
+                        console.error('优化失败:', error);
+                        this.$message.error(`优化失败: ${error.message}`);
+                    }
+                },
+                async handlePublish(topic) {
+                    if (topic.status !== 'ready') {
+                        this.$message.info('仅待发布选题可发布');
+                        return;
+                    }
+                    try {
+                        const token = localStorage.getItem('authToken');
+                        if (!token) {
+                            this.$message.error('请先登录');
+                            return;
+                        }
+                        const response = await fetch('/api/publishing/create', {
+                            method: 'POST',
+                            headers: {
+                                'Authorization': 'Bearer ' + token,
+                                'Content-Type': 'application/json'
+                            },
+                            body: JSON.stringify({ topic_id: topic.id })
+                        });
+                        if (!response.ok) {
+                            const errorData = await response.json().catch(() => ({}));
+                            throw new Error(errorData.detail || `请求失败: ${response.status}`);
+                        }
+                        const data = await response.json();
+                        this.$message.success(`发布成功: ${topic.title}`);
+                        await this.fetchTopics();
+                    } catch (error) {
+                        console.error('发布失败:', error);
+                        this.$message.error(`发布失败: ${error.message}`);
+                    }
+                },
+            async deleteTopic(id) {
+                this.$confirm('确定删除？', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
+                    .then(async () => {
+                        try {
+                            const token = localStorage.getItem('authToken');
+                            if (!token) {
+                                this.$message.error('请先登录');
+                                window.location.href = '/';
+                                return;
+                            }
+                            const response = await fetch(`/api/topics/${encodeURIComponent(id)}`, {
+                                method: 'DELETE',
+                                headers: { 'Authorization': 'Bearer ' + token }
+                            });
+                            if (!response.ok) {
+                                const errorData = await response.json().catch(() => ({}));
+                                throw new Error(errorData.detail || `请求失败: ${response.status}`);
+                            }
+                            this.$message.success('删除成功');
+                            await this.fetchTopics();
+                        } catch (error) {
+                            console.error('删除失败:', error);
+                            this.$message.error(`删除失败: ${error.message}`);
+                        }
+                    })
+                    .catch(() => {});
+            },
         handleLogout() { localStorage.removeItem('authToken'); window.location.href = '/'; },
         redirectToPage(page) { window.location.href = page.startsWith('/') ? page : '/' + page; },
         formatDate(dateStr) {