戒酒的李白
618 lines
16 KiB
HTML
618 lines
16 KiB
HTML
|
|
<!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>© 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>
|