戒酒的李白
508 lines
18 KiB
HTML
508 lines
18 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>
|
|
</head>
|
|
<body>
|
|
json
|
|
{
|
|
"html_content": "<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>智能舆情分析报告</title>
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
|
|
<style>
|
|
:root {
|
|
--bg-color: #f8f9fa;
|
|
--text-color: #212529;
|
|
--card-bg: #ffffff;
|
|
--border-color: #dee2e6;
|
|
--primary-color: #0056b3;
|
|
--secondary-color: #6c757d;
|
|
--accent-color: #28a745;
|
|
--danger-color: #dc3545;
|
|
--warning-color: #ffc107;
|
|
--info-color: #17a2b8;
|
|
--sidebar-bg: #343a40;
|
|
--sidebar-text: #f8f9fa;
|
|
--sidebar-hover: #495057;
|
|
--shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
body.dark-mode {
|
|
--bg-color: #121212;
|
|
--text-color: #e0e0e0;
|
|
--card-bg: #1e1e1e;
|
|
--border-color: #444;
|
|
--primary-color: #4a90e2;
|
|
--secondary-color: #9e9e9e;
|
|
--sidebar-bg: #1e1e1e;
|
|
--sidebar-text: #e0e0e0;
|
|
--sidebar-hover: #333;
|
|
--shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
background-color: var(--bg-color);
|
|
color: var(--text-color);
|
|
line-height: 1.6;
|
|
display: flex;
|
|
transition: background-color 0.3s, color 0.3s;
|
|
}
|
|
|
|
#sidebar {
|
|
width: 260px;
|
|
background-color: var(--sidebar-bg);
|
|
color: var(--sidebar-text);
|
|
height: 100vh;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
padding: 20px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
transition: background-color 0.3s;
|
|
}
|
|
|
|
#sidebar h1 {
|
|
font-size: 1.5rem;
|
|
margin-bottom: 10px;
|
|
color: var(--primary-color);
|
|
border-bottom: 2px solid var(--primary-color);
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
#sidebar nav ul {
|
|
list-style: none;
|
|
}
|
|
|
|
#sidebar nav li a {
|
|
display: block;
|
|
color: var(--sidebar-text);
|
|
text-decoration: none;
|
|
padding: 10px 15px;
|
|
border-radius: 5px;
|
|
margin-bottom: 5px;
|
|
transition: background-color 0.2s;
|
|
font-size: 0.95rem;
|
|
}
|
|
|
|
#sidebar nav li a:hover, #sidebar nav li a.active {
|
|
background-color: var(--sidebar-hover);
|
|
}
|
|
|
|
.sidebar-footer {
|
|
margin-top: auto;
|
|
}
|
|
|
|
.theme-switcher, .report-actions button {
|
|
width: 100%;
|
|
padding: 10px;
|
|
border: none;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
background-color: var(--sidebar-hover);
|
|
color: var(--sidebar-text);
|
|
text-align: left;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.theme-switcher:hover, .report-actions button:hover {
|
|
background-color: var(--primary-color);
|
|
}
|
|
|
|
#main-content {
|
|
margin-left: 260px;
|
|
padding: 40px;
|
|
width: calc(100% - 260px);
|
|
}
|
|
|
|
header {
|
|
border-bottom: 1px solid var(--border-color);
|
|
padding-bottom: 20px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
header h1 {
|
|
font-size: 2.5rem;
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
header p {
|
|
font-size: 1.1rem;
|
|
color: var(--secondary-color);
|
|
max-width: 800px;
|
|
}
|
|
|
|
.report-section {
|
|
background-color: var(--card-bg);
|
|
border: 1px solid var(--border-color);
|
|
border-radius: 8px;
|
|
padding: 25px;
|
|
margin-bottom: 30px;
|
|
box-shadow: var(--shadow);
|
|
transition: background-color 0.3s, border-color 0.3s;
|
|
}
|
|
|
|
.report-section h2 {
|
|
font-size: 1.8rem;
|
|
color: var(--primary-color);
|
|
margin-bottom: 20px;
|
|
padding-bottom: 10px;
|
|
border-bottom: 2px solid var(--primary-color);
|
|
}
|
|
|
|
details {
|
|
border: 1px solid var(--border-color);
|
|
border-radius: 5px;
|
|
margin-bottom: 15px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
summary {
|
|
padding: 15px;
|
|
background-color: var(--bg-color);
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
font-size: 1.1rem;
|
|
list-style: none;
|
|
position: relative;
|
|
}
|
|
summary::-webkit-details-marker { display: none; }
|
|
summary::before {
|
|
content: '▶';
|
|
position: absolute;
|
|
left: 15px;
|
|
top: 50%;
|
|
transform: translateY(-50%) rotate(0deg);
|
|
transition: transform 0.2s;
|
|
}
|
|
details[open] > summary::before {
|
|
transform: translateY(-50%) rotate(90deg);
|
|
}
|
|
details summary {
|
|
padding-left: 40px;
|
|
}
|
|
|
|
.details-content {
|
|
padding: 20px;
|
|
}
|
|
|
|
.dashboard {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
gap: 20px;
|
|
}
|
|
|
|
.dashboard-card {
|
|
background-color: var(--bg-color);
|
|
padding: 20px;
|
|
border-radius: 8px;
|
|
text-align: center;
|
|
border: 1px solid var(--border-color);
|
|
}
|
|
|
|
.dashboard-card h3 {
|
|
font-size: 1rem;
|
|
color: var(--secondary-color);
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.dashboard-card .value {
|
|
font-size: 2.2rem;
|
|
font-weight: bold;
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
.dashboard-card .sub-value {
|
|
font-size: 0.9rem;
|
|
color: var(--secondary-color);
|
|
}
|
|
|
|
.chart-container {
|
|
position: relative;
|
|
height: 400px;
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.timeline {
|
|
position: relative;
|
|
padding-left: 40px;
|
|
border-left: 3px solid var(--primary-color);
|
|
}
|
|
|
|
.timeline-item {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.timeline-item::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: -48px;
|
|
top: 5px;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius: 50%;
|
|
background-color: var(--primary-color);
|
|
border: 3px solid var(--bg-color);
|
|
}
|
|
|
|
.timeline-item .time {
|
|
font-weight: bold;
|
|
color: var(--secondary-color);
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.timeline-item .content {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.tag {
|
|
display: inline-block;
|
|
padding: 3px 8px;
|
|
border-radius: 4px;
|
|
font-size: 0.8rem;
|
|
font-weight: bold;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.tag-danger { background-color: var(--danger-color); color: white; }
|
|
.tag-warning { background-color: var(--warning-color); color: var(--text-color); }
|
|
.tag-info { background-color: var(--info-color); color: white; }
|
|
.tag-success { background-color: var(--accent-color); color: white; }
|
|
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
th, td {
|
|
text-align: left;
|
|
padding: 12px;
|
|
border-bottom: 1px solid var(--border-color);
|
|
}
|
|
|
|
th {
|
|
background-color: var(--bg-color);
|
|
}
|
|
|
|
@media (max-width: 992px) {
|
|
#sidebar {
|
|
left: -260px;
|
|
z-index: 1000;
|
|
}
|
|
#main-content {
|
|
margin-left: 0;
|
|
width: 100%;
|
|
padding: 20px;
|
|
}
|
|
/* Add a toggle button for mobile */
|
|
.sidebar-toggle {
|
|
display: block;
|
|
position: fixed;
|
|
top: 15px;
|
|
left: 15px;
|
|
z-index: 1001;
|
|
background: var(--sidebar-bg);
|
|
color: white;
|
|
border: none;
|
|
padding: 10px 15px;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 993px) {
|
|
.sidebar-toggle { display: none; }
|
|
}
|
|
|
|
@media print {
|
|
#sidebar, .sidebar-toggle, .report-actions, details > summary {
|
|
display: none;
|
|
}
|
|
#main-content {
|
|
margin-left: 0;
|
|
width: 100%;
|
|
padding: 0;
|
|
}
|
|
.report-section {
|
|
box-shadow: none;
|
|
border: 1px solid #ccc;
|
|
page-break-inside: avoid;
|
|
}
|
|
details {
|
|
border: none;
|
|
}
|
|
details[open] {
|
|
display: block;
|
|
}
|
|
.details-content {
|
|
padding: 0;
|
|
}
|
|
header h1 { font-size: 24pt; }
|
|
h2 { font-size: 18pt; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<button class="sidebar-toggle" id="sidebar-toggle">☰</button>
|
|
|
|
<aside id="sidebar">
|
|
<h1>舆情报告</h1>
|
|
<nav id="toc">
|
|
<ul>
|
|
<li><a href="#s1">1.0 舆情概览</a></li>
|
|
<li><a href="#s2">2.0 关键数据趋势</a></li>
|
|
<li><a href="#s3">3.0 舆情动态时间轴</a></li>
|
|
<li><a href="#s4">4.0 热点话题追踪</a></li>
|
|
<li><a href="#s5">5.0 重点渠道表现</a></li>
|
|
<li><a href="#s6">6.0 负面与风险监测</a></li>
|
|
<li><a href="#s7">7.0 简报与关注点</a></li>
|
|
<li><a href="#s8">8.0 数据附录</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="sidebar-footer">
|
|
<div class="report-actions">
|
|
<button id="print-btn">打印报告</button>
|
|
<button id="pdf-btn">导出为PDF</button>
|
|
</div>
|
|
<button class="theme-switcher" id="theme-switcher">切换暗色模式</button>
|
|
</div>
|
|
</aside>
|
|
|
|
<main id="main-content">
|
|
<header>
|
|
<h1>武汉大学智能舆情分析报告</h1>
|
|
<p>本报告整合了查询引擎、媒体引擎及洞察引擎的分析结果，结合论坛监控数据，对武汉大学近期的舆情态势进行了全面分析。报告聚焦于“杨景媛学术不端及图书馆诬告案”等核心热点事件，同时涵盖了学校历史声誉、学科实力与学生现实焦虑等多个维度。报告旨在揭示舆情动态，评估声誉影响，并为未来的舆情管理提供数据支持和策略建议。</p>
|
|
</header>
|
|
|
|
<section id="s1" class="report-section">
|
|
<h2>1.0 本期舆情概览</h2>
|
|
<details open>
|
|
<summary>1.1 核心数据看板</summary>
|
|
<div class="details-content dashboard">
|
|
<div class="dashboard-card">
|
|
<h3>总声量</h3>
|
|
<div class="value">~2.1M</div>
|
|
<div class="sub-value">条有效文本</div>
|
|
</div>
|
|
<div class="dashboard-card">
|
|
<h3>总阅读量</h3>
|
|
<div class="value">~3.8亿</div>
|
|
<div class="sub-value">次</div>
|
|
</div>
|
|
<div class="dashboard-card">
|
|
<h3>总互动量</h3>
|
|
<div class="value">~4.2M</div>
|
|
<div class="sub-value">条</div>
|
|
</div>
|
|
<div class="dashboard-card">
|
|
<h3>热点平台</h3>
|
|
<div class="value">微博</div>
|
|
<div class="sub-value">知乎 / B站</div>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
<details>
|
|
<summary>1.2 本期舆情热度 TOP 3</summary>
|
|
<div class="details-content">
|
|
<ol>
|
|
<li><b>学术不端与诬告案争议：</b>围绕杨景媛硕士论文学术造假及图书馆诬告案的讨论，引发对高校学术诚信、审核机制及危机应对的强烈质疑。</li>
|
|
<li><b>学科声誉与就业现实反差：</b>“世界第一”的遥感等顶尖学科与毕业生“月薪7k”的现实薪资形成鲜明对比，引发学生群体对职业前景的广泛焦虑与讨论。</li>
|
|
<li><b>校园文化与历史传承讨论：</b>从“樱花季”的浪漫与拥挤，到对校史起点的趣味争论，展现了武大作为“共享青春现场”的骄傲与烟火气。</li>
|
|
</ol>
|
|
</div>
|
|
</details>
|
|
<details>
|
|
<summary>1.3 重点预警</summary>
|
|
<div class="details-content">
|
|
<ul>
|
|
<li><span class="tag tag-danger">高风险</span> <b>学术不端事件处理悬而未决：</b>武汉大学及香港浸会大学对杨景媛事件的最终处理结果尚未公布，舆论持续关注。任何拖延或被认为“高高举起，轻轻放下”的处理方式都将进一步重创学校公信力。</li>
|
|
<li><span class="tag tag-warning">中风险</span> <b>学生就业焦虑情绪发酵：</b>关于顶尖专业毕业生薪资待遇不及预期的讨论正在蔓延，可能影响未来优秀生源的报考意愿及在校生的学习心态。</li>
|
|
</ul>
|
|
</div>
|
|
</details>
|
|
</section>
|
|
|
|
<section id="s2" class="report-section">
|
|
<h2>2.0 关键数据趋势</h2>
|
|
<details open>
|
|
<summary>2.1 声量走势</summary>
|
|
<div class="details-content">
|
|
<div class="chart-container">
|
|
<canvas id="volume-trend-chart"></canvas>
|
|
</div>
|
|
<p><b>分析：</b>本周期内，舆情声量在7月底至8月初达到顶峰，主要由“杨景媛学术不端事件”经由主流媒体报道后引爆。此后声量有所回落，但仍维持在较高水平，表明公众对此事件的后续处理保持高度关注。</p>
|
|
</div>
|
|
</details>
|
|
<details open>
|
|
<summary>2.2 情感趋势</summary>
|
|
<div class="details-content">
|
|
<div class="chart-container" style="height: 350px;">
|
|
<canvas id="sentiment-chart"></canvas>
|
|
</div>
|
|
<p><b>分析：</b>整体情感分布复杂多元。<b>正面情绪 (41%)</b> 主要源于对学校百年历史、优美环境和学术成就的自豪与怀旧。<b>负面情绪 (35%)</b> 集中于对近期学术不端事件的批评、对校方应对迟缓的失望以及对毕业生就业压力的焦虑。<b>中性/混合情绪 (24%)</b> 则体现在对樱花季“又爱又恨”、对校史的趣味吐槽等场景。</p>
|
|
</div>
|
|
</details>
|
|
</section>
|
|
|
|
<section id="s3" class="report-section">
|
|
<h2>3.0 本周期舆情动态时间轴</h2>
|
|
<div class="timeline">
|
|
<div class="timeline-item">
|
|
<div class="time">2025年7月</div>
|
|
<div class="content">
|
|
<span class="tag tag-danger">事件爆发</span>
|
|
武汉大学硕士毕业生杨景媛因诬告肖姓学弟败诉后，其硕士学位论文被曝存在严重学术造假问题，引发网络初步关注。
|
|
</div>
|
|
</div>
|
|
<div class="timeline-item">
|
|
<div class="time">2025年7月31日</div>
|
|
<div class="content">
|
|
<span class="tag tag-warning">外部介入</span>
|
|
香港浸会大学向武汉大学发出道德核查函，并启动对杨景媛的独立审查程序。
|
|
</div>
|
|
</div>
|
|
<div class="timeline-item">
|
|
<div class="time">2025年8月1日</div>
|
|
<div class="content">
|
|
<span class="tag tag-danger">舆论升级</span>
|
|
央媒关注并报道该事件，武汉大学随后宣布成立工作专班进行全面调查复核，舆情热度达到顶峰。
|
|
</div>
|
|
</div>
|
|
<div class="timeline-item">
|
|
<div class="time">2025年8月6日</div>
|
|
<div class="content">
|
|
<span class="tag tag-info">信息澄清</span>
|
|
网络流传“香港浸会大学已撤销杨景媛录取资格”的消息，后被证实为谣言，校方表示仍在按程序处理。
|
|
</div>
|
|
</div>
|
|
<div class="timeline-item">
|
|
<div class="time">本周期内</div>
|
|
<div class="content">
|
|
<span class="tag tag-success">正面舆情</span>
|
|
关于武大历史、杰出校友（雷军、易中天等）、校园风光（樱花、老建筑）的讨论持续存在，构成了舆情中的正面基调。
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="s4" class="report-section">
|
|
|
|
</body>
|
|
</html> |