final_report_智能舆情分析报告_20250826_134505.html 16 KB

Raw Blame History Permalink


<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智能舆情分析报告 - 智能舆情分析报告</title>

<style>
/* 基础样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #f8f9fa;
}

.report-container {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

/* 头部样式 */
.report-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 40px 30px;
    text-align: center;
}

.report-title {
    font-size: 2.5em;
    margin-bottom: 20px;
    font-weight: 700;
}

.report-meta {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.meta-item {
    background: rgba(255,255,255,0.1);
    padding: 8px 16px;
    border-radius: 20px;
    backdrop-filter: blur(10px);
}

.meta-label {
    font-weight: 600;
    margin-right: 5px;
}

/* 操作按钮 */
.action-buttons {
    margin-top: 20px;
}

.btn {
    display: inline-block;
    padding: 10px 20px;
    margin: 0 5px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s;
}

.btn-primary {
    background: #3498db;
    color: white;
}

.btn-secondary {
    background: #95a5a6;
    color: white;
}

.btn-outline {
    background: transparent;
    color: white;
    border: 1px solid white;
}

.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* 目录样式 */
.table-of-contents {
    padding: 30px;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

.table-of-contents h2 {
    margin-bottom: 15px;
    color: #2c3e50;
}

.toc-list {
    list-style: none;
    columns: 2;
    column-gap: 40px;
}

.toc-list li {
    margin-bottom: 8px;
    break-inside: avoid;
}

.toc-list a {
    color: #3498db;
    text-decoration: none;
    padding: 5px 0;
    display: block;
    transition: color 0.3s;
}

.toc-list a:hover {
    color: #2980b9;
    text-decoration: underline;
}

/* 章节样式 */
.report-section {
    padding: 40px 30px;
    border-bottom: 1px solid #e9ecef;
}

.section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.section-title {
    color: #2c3e50;
    font-size: 1.8em;
    font-weight: 600;
}

.source-badge {
    background: #e74c3c;
    color: white;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 0.8em;
    font-weight: 500;
}

.section-content {
    font-size: 1.1em;
    line-height: 1.8;
}

.section-content h1,
.section-content h2,
.section-content h3,
.section-content h4 {
    margin: 20px 0 15px 0;
    color: #2c3e50;
}

.section-content p {
    margin-bottom: 15px;
    text-align: justify;
}

.section-content ul,
.section-content ol {
    margin: 15px 0 15px 30px;
}

.section-content li {
    margin-bottom: 8px;
}

.section-content strong {
    color: #e74c3c;
}

.section-content a {
    color: #3498db;
    text-decoration: none;
}

.section-content a:hover {
    text-decoration: underline;
}

/* 尾部样式 */
.report-footer {
    background: #2c3e50;
    color: white;
    padding: 40px 30px 20px;
}

.footer-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 20px;
}

.footer-section h3 {
    margin-bottom: 15px;
    color: #ecf0f1;
}

.source-list {
    list-style: none;
}

.source-list li {
    margin-bottom: 5px;
    padding-left: 15px;
    position: relative;
}

.source-list li:before {
    content: "→";
    position: absolute;
    left: 0;
    color: #3498db;
}

.footer-bottom {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid #34495e;
    color: #bdc3c7;
    font-size: 0.9em;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .report-container {
        margin: 0;
        box-shadow: none;
    }

    .report-header {
        padding: 30px 20px;
    }

    .report-title {
        font-size: 2em;
    }

    .report-meta {
        flex-direction: column;
        align-items: center;
    }

    .table-of-contents,
    .report-section {
        padding: 20px;
    }

    .toc-list {
        columns: 1;
    }

    .section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .footer-content {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* 打印样式 */
@media print {
    body {
        background: white;
    }

    .report-container {
        box-shadow: none;
        max-width: none;
    }

    .action-buttons {
        display: none;
    }

    .report-section {
        page-break-inside: avoid;
    }
}

/* 暗色模式 */
.dark-mode {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

.dark-mode .report-container {
    background: #2d2d2d;
}

.dark-mode .table-of-contents {
    background: #3a3a3a;
}

.dark-mode .report-section {
    border-bottom-color: #4a4a4a;
}

.dark-mode .section-title {
    color: #e0e0e0;
}

.dark-mode .section-content {
    color: #c0c0c0;
}
</style>

</head>
<body>
    <div class="report-container">

<header class="report-header">
    <div class="header-content">
        <h1 class="report-title">智能舆情分析报告 - 智能舆情分析报告</h1>
        <div class="report-meta">
            <div class="meta-item">
                <span class="meta-label">查询内容:</span>
                <span class="meta-value">智能舆情分析报告</span>
            </div>
            <div class="meta-item">
                <span class="meta-label">生成时间:</span>
                <span class="meta-value">2025年08月26日 13:45:05</span>
            </div>
            <div class="meta-item">
                <span class="meta-label">使用模板:</span>
                <span class="meta-value">市场竞争格局舆情分析报告模板</span>
            </div>
        </div>

<div class="action-buttons">
    <button onclick="window.print()" class="btn btn-primary">
        <i class="icon-print"></i> 打印报告
    </button>
    <button onclick="exportToPDF()" class="btn btn-secondary">
        <i class="icon-download"></i> 导出PDF
    </button>
    <button onclick="toggleDarkMode()" class="btn btn-outline">
        <i class="icon-moon"></i> 暗色模式
    </button>
</div>

    </div>
</header>


<nav class="table-of-contents">
    <h2>目录</h2>
    <ul class="toc-list">
        <li><a href="#section-1">1. 执行摘要</a></li><li><a href="#section-2">2. QueryEngine分析结果</a></li><li><a href="#section-3">3. MediaEngine分析结果</a></li><li><a href="#section-4">4. InsightEngine分析结果</a></li><li><a href="#section-5">5. 综合结论与建议</a></li>
    </ul>
</nav>


<section class="report-section" id="section-1">
    <div class="section-header">
        <h2 class="section-title">1. 执行摘要</h2>
        <span class="source-badge">Integrated</span>
    </div>
    <div class="section-content">
        <p>本报告基于3个数据源的综合分析，包括：</p>
<ul>
<li>QueryEngine: 提供了3769字符的详细分析</li>
<li>MediaEngine: 提供了3279字符的详细分析</li>
<li>InsightEngine: 提供了2217字符的详细分析</li>
</ul>

<p>通过多维度的数据整合和分析，本报告旨在为决策提供全面、准确的舆情洞察。</p>
    </div>
</section>


<section class="report-section" id="section-2">
    <div class="section-header">
        <h2 class="section-title">2. QueryEngine分析结果</h2>
        <span class="source-badge">QueryEngine</span>
    </div>
    <div class="section-content">
        <p>科研实力方面，武汉大学2024年发表SCIE和SSCI国际论文10654篇，位居全球前列，高被引科学家23人次（全球第55位），展现出强大的学术影响力。学校科研成果丰硕，包括在重要学术期刊发表论文、申请发明专利、出版专著、获得省部级以上成果奖、获批国家级人才项目等。仅2023年一年，就有学院获批国家社科基金项目8项（含重点项目2项），省部级项目3项，以及多项省厅级和横向课题。学校还取得了87项省部级科技进步奖和人文社科优秀成果奖，62项市级奖项，科研经费合同总额达3.7亿元，出版专著98部。特别是在高场固体核磁分析领域达到领先水平，为结构生物学、材料科学、清洁能源等前沿领域提供重要支撑。</p>

<h2>结论</h2>
    </div>
</section>


<section class="report-section" id="section-3">
    <div class="section-header">
        <h2 class="section-title">3. MediaEngine分析结果</h2>
        <span class="source-badge">MediaEngine</span>
    </div>
    <div class="section-content">
        <h2>结论</h2>

<h1>深度研究报告</h1>

<p>好的，这是根据您提供的数据格式化的Markdown报告。</p>
    </div>
</section>


<section class="report-section" id="section-4">
    <div class="section-header">
        <h2 class="section-title">4. InsightEngine分析结果</h2>
        <span class="source-badge">InsightEngine</span>
    </div>
    <div class="section-content">
        <p>> <strong>结论</strong>：历史是武大人共同的“开放剧本”，人人可改台词，却从未离场。</p>

<p>> <strong>结论</strong>：学科光芒没有熄灭，只是被年轻人的房租、夜班、脱发折射得更立体。</p>

<p>> <strong>结论</strong>：顶尖师资是珞珈山最强磁场，也是“内部不平等”最显眼坐标。</p>
    </div>
</section>


<section class="report-section" id="section-5">
    <div class="section-header">
        <h2 class="section-title">5. 综合结论与建议</h2>
        <span class="source-badge">Integrated</span>
    </div>
    <div class="section-content">
        <p>基于多源数据的综合分析，我们得出以下结论：</p>

<p>1. <strong>数据完整性</strong>: 本次分析整合了多个维度的数据源，确保了分析结果的全面性和可靠性。</p>

<p>2. <strong>趋势识别</strong>: 通过对比分析不同数据源的信息，识别出了关键的舆情发展趋势。</p>

<p>3. <strong>用户行为</strong>: 论坛数据反映了用户的真实态度和参与度，为舆情评估提供了重要参考。</p>

<p>4. <strong>建议措施</strong>: 建议持续监控相关话题的发展，及时调整应对策略。</p>
    </div>
</section>


<div class="charts-container">
    <div class="chart-grid">
        <div class="chart-item">
            <canvas id="sentimentChart"></canvas>
        </div>
        <div class="chart-item">
            <canvas id="sourceChart"></canvas>
        </div>
        <div class="chart-item">
            <canvas id="timelineChart"></canvas>
        </div>
        <div class="chart-item">
            <canvas id="forumChart"></canvas>
        </div>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
// 情感分析饼图
const sentimentCtx = document.getElementById('sentimentChart').getContext('2d');
const sentimentChart = new Chart(sentimentCtx, {"type": "pie", "title": "情感分布分析", "data": {"labels": ["正面", "中性", "负面"], "data": [0, 0, 0], "backgroundColor": ["#4CAF50", "#FFC107", "#F44336"]}, "options": {"responsive": true, "plugins": {"legend": {"position": "bottom"}, "title": {"display": true, "text": "舆情情感倾向分布"}}}});

// 数据源柱状图
const sourceCtx = document.getElementById('sourceChart').getContext('2d');
const sourceChart = new Chart(sourceCtx, {"type": "bar", "title": "数据源分布", "data": {"labels": ["查询引擎", "媒体引擎", "洞察引擎"], "datasets": [{"label": "数据量", "data": [0, 0, 0], "backgroundColor": ["#2196F3", "#9C27B0", "#FF9800"], "borderColor": ["#2196F3", "#9C27B0", "#FF9800"], "borderWidth": 1}]}, "options": {"responsive": true, "plugins": {"legend": {"display": false}, "title": {"display": true, "text": "各数据源贡献度"}}, "scales": {"y": {"beginAtZero": true}}}});

// 时间线图表
const timelineCtx = document.getElementById('timelineChart').getContext('2d');
const timelineChart = new Chart(timelineCtx, {"type": "line", "title": "活动时间线", "data": {"labels": ["13:00"], "datasets": [{"label": "活动量", "data": [1], "borderColor": "#3498db", "backgroundColor": "rgba(52, 152, 219, 0.1)", "tension": 0.4, "fill": true}]}, "options": {"responsive": true, "plugins": {"legend": {"display": true}, "title": {"display": true, "text": "论坛活动时间分布"}}, "scales": {"y": {"beginAtZero": true}}}});

// 论坛统计图表
const forumCtx = document.getElementById('forumChart').getContext('2d');
const forumChart = new Chart(forumCtx, {"type": "doughnut", "title": "论坛数据统计", "data": {"labels": ["帖子数", "评论数", "活跃用户"], "datasets": [{"data": [0, 0, 0], "backgroundColor": ["#e74c3c", "#f39c12", "#2ecc71"], "borderWidth": 2, "borderColor": "#ffffff"}]}, "options": {"responsive": true, "plugins": {"legend": {"position": "bottom"}, "title": {"display": true, "text": "论坛活动概况"}}}});
</script>

<style>
.charts-container {{
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    margin: 20px 0;
}}

.chart-grid {{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 20px;
}}

.chart-item {{
    background: white;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}}

.chart-item canvas {{
    max-height: 300px;
}}

@media (max-width: 768px) {{
    .chart-grid {{
        grid-template-columns: 1fr;
    }}
}}
</style>


<footer class="report-footer">
    <div class="footer-content">
        <div class="footer-section">
            <h3>数据源信息</h3>
            <ul class="source-list">
                <li>无特定源文件</li>
            </ul>
        </div>
        <div class="footer-section">
            <h3>生成信息</h3>
            <p>报告生成耗时: 0.00 秒</p>
            <p>数据处理引擎: 智能舆情分析系统</p>
            <p>版本: v1.0.0</p>
        </div>
    </div>
    <div class="footer-bottom">
        <p>&copy; 2024 智能舆情分析平台. 本报告由AI自动生成，仅供参考。</p>
    </div>
</footer>

    </div>


<script>
// 暗色模式切换
function toggleDarkMode() {
    document.body.classList.toggle('dark-mode');
    const isDark = document.body.classList.contains('dark-mode');
    localStorage.setItem('darkMode', isDark);
}

// 页面加载时恢复暗色模式设置
document.addEventListener('DOMContentLoaded', function() {
    const isDark = localStorage.getItem('darkMode') === 'true';
    if (isDark) {
        document.body.classList.add('dark-mode');
    }
});

// 平滑滚动
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
        e.preventDefault();
        const target = document.querySelector(this.getAttribute('href'));
        if (target) {
            target.scrollIntoView({
                behavior: 'smooth',
                block: 'start'
            });
        }
    });
});
</script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
<script>
function exportToPDF() {
    const element = document.querySelector('.report-container');
    const opt = {
        margin: 1,
        filename: 'report.pdf',
        image: { type: 'jpeg', quality: 0.98 },
        html2canvas: { scale: 2 },
        jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }
    };

    // 隐藏操作按钮
    const buttons = document.querySelector('.action-buttons');
    if (buttons) {
        buttons.style.display = 'none';
    }

    html2pdf().set(opt).from(element).save().then(() => {
        // 恢复操作按钮
        if (buttons) {
            buttons.style.display = 'block';
        }
    });
}
</script>

</body>
</html>