戒酒的李白
470 lines
19 KiB
HTML
470 lines
19 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://cdn.jsdelivr.net/npm/html2pdf.js@0.10.1/dist/html2pdf.bundle.min.js"></script>
|
|
<style>
|
|
:root {
|
|
--bg-color: #f4f7f9;
|
|
--text-color: #333;
|
|
--card-bg: #ffffff;
|
|
--border-color: #eef2f5;
|
|
--primary-color: #2c5282;
|
|
--accent-color: #3182ce;
|
|
--positive-color: #48bb78;
|
|
--negative-color: #e53e3e;
|
|
--neutral-color: #a0aec0;
|
|
--shadow-color: rgba(0, 0, 0, 0.05);
|
|
--sidebar-bg: #1a202c;
|
|
--sidebar-text: #e2e8f0;
|
|
--sidebar-hover: #2d3748;
|
|
}
|
|
|
|
.dark-mode {
|
|
--bg-color: #1a202c;
|
|
--text-color: #e2e8f0;
|
|
--card-bg: #2d3748;
|
|
--border-color: #4a5568;
|
|
--primary-color: #63b3ed;
|
|
--accent-color: #4299e1;
|
|
--shadow-color: rgba(0, 0, 0, 0.2);
|
|
--sidebar-bg: #111827;
|
|
--sidebar-text: #cbd5e0;
|
|
--sidebar-hover: #1f2937;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
background-color: var(--bg-color);
|
|
color: var(--text-color);
|
|
line-height: 1.6;
|
|
transition: background-color 0.3s, color 0.3s;
|
|
display: flex;
|
|
}
|
|
|
|
.container {
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
|
|
.sidebar {
|
|
width: 260px;
|
|
background-color: var(--sidebar-bg);
|
|
color: var(--sidebar-text);
|
|
position: fixed;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
padding: 20px 0;
|
|
transition: width 0.3s;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.sidebar h1 {
|
|
font-size: 1.5rem;
|
|
padding: 0 20px 20px 20px;
|
|
border-bottom: 1px solid var(--border-color);
|
|
margin-bottom: 20px;
|
|
color: #fff;
|
|
}
|
|
|
|
.sidebar nav ul {
|
|
list-style: none;
|
|
}
|
|
|
|
.sidebar nav li a {
|
|
display: block;
|
|
padding: 12px 20px;
|
|
color: var(--sidebar-text);
|
|
text-decoration: none;
|
|
font-weight: 500;
|
|
transition: background-color 0.2s, color 0.2s;
|
|
border-left: 3px solid transparent;
|
|
}
|
|
|
|
.sidebar nav li a:hover {
|
|
background-color: var(--sidebar-hover);
|
|
color: #fff;
|
|
border-left-color: var(--primary-color);
|
|
}
|
|
|
|
.main-content {
|
|
margin-left: 260px;
|
|
width: calc(100% - 260px);
|
|
padding: 30px;
|
|
transition: margin-left 0.3s, width 0.3s;
|
|
}
|
|
|
|
.report-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.report-header h2 {
|
|
font-size: 2rem;
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
.actions {
|
|
display: flex;
|
|
gap: 10px;
|
|
}
|
|
|
|
.action-btn {
|
|
background-color: var(--card-bg);
|
|
color: var(--text-color);
|
|
border: 1px solid var(--border-color);
|
|
padding: 8px 15px;
|
|
border-radius: 6px;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
transition: background-color 0.2s, box-shadow 0.2s;
|
|
}
|
|
|
|
.action-btn:hover {
|
|
background-color: var(--bg-color);
|
|
box-shadow: 0 2px 4px var(--shadow-color);
|
|
}
|
|
|
|
.card {
|
|
background-color: var(--card-bg);
|
|
border-radius: 8px;
|
|
box-shadow: 0 4px 6px var(--shadow-color);
|
|
padding: 25px;
|
|
margin-bottom: 30px;
|
|
transition: background-color 0.3s;
|
|
}
|
|
|
|
.card h3 {
|
|
font-size: 1.5rem;
|
|
color: var(--primary-color);
|
|
margin-bottom: 20px;
|
|
padding-bottom: 10px;
|
|
border-bottom: 1px solid var(--border-color);
|
|
}
|
|
|
|
.grid-container {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
gap: 20px;
|
|
}
|
|
|
|
.data-point {
|
|
background-color: var(--bg-color);
|
|
padding: 20px;
|
|
border-radius: 6px;
|
|
text-align: center;
|
|
}
|
|
|
|
.data-point .value {
|
|
font-size: 2rem;
|
|
font-weight: bold;
|
|
color: var(--accent-color);
|
|
}
|
|
|
|
.data-point .label {
|
|
font-size: 0.9rem;
|
|
color: var(--text-color);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.timeline {
|
|
position: relative;
|
|
padding: 20px 0;
|
|
}
|
|
|
|
.timeline::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 2px;
|
|
background-color: var(--border-color);
|
|
}
|
|
|
|
.timeline-item {
|
|
position: relative;
|
|
padding-left: 50px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.timeline-item::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 12px;
|
|
top: 5px;
|
|
width: 18px;
|
|
height: 18px;
|
|
border-radius: 50%;
|
|
background-color: var(--accent-color);
|
|
border: 3px solid var(--bg-color);
|
|
}
|
|
|
|
.timeline-date {
|
|
font-weight: bold;
|
|
color: var(--accent-color);
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.hot-topic-list li {
|
|
margin-bottom: 15px;
|
|
padding-left: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
.hot-topic-list li::before {
|
|
content: '🔥';
|
|
position: absolute;
|
|
left: -5px;
|
|
}
|
|
|
|
.hot-topic-list strong {
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
details {
|
|
border: 1px solid var(--border-color);
|
|
border-radius: 6px;
|
|
margin-bottom: 10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
summary {
|
|
padding: 15px;
|
|
background-color: var(--bg-color);
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
.details-content {
|
|
padding: 20px;
|
|
border-top: 1px solid var(--border-color);
|
|
}
|
|
|
|
.tag {
|
|
display: inline-block;
|
|
padding: 4px 10px;
|
|
border-radius: 12px;
|
|
font-size: 0.8rem;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.tag-positive { background-color: var(--positive-color); color: white; }
|
|
.tag-negative { background-color: var(--negative-color); color: white; }
|
|
.tag-neutral { background-color: var(--neutral-color); color: white; }
|
|
|
|
@media (max-width: 768px) {
|
|
.sidebar {
|
|
width: 100%;
|
|
height: auto;
|
|
position: relative;
|
|
padding: 0;
|
|
}
|
|
.sidebar h1 { display: none; }
|
|
.sidebar nav ul { display: flex; overflow-x: auto; }
|
|
.sidebar nav li a { border-bottom: 3px solid transparent; border-left: none; }
|
|
|
|
.main-content {
|
|
margin-left: 0;
|
|
width: 100%;
|
|
padding: 20px;
|
|
}
|
|
|
|
.report-header {
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
gap: 15px;
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
.sidebar, .actions {
|
|
display: none;
|
|
}
|
|
.main-content {
|
|
margin-left: 0;
|
|
width: 100%;
|
|
padding: 0;
|
|
}
|
|
.card {
|
|
box-shadow: none;
|
|
border: 1px solid #ccc;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<aside class="sidebar">
|
|
<h1>分析报告</h1>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="#overview">1.0 舆情概览</a></li>
|
|
<li><a href="#trends">2.0 关键数据趋势</a></li>
|
|
<li><a href="#timeline">3.0 舆情动态时间轴</a></li>
|
|
<li><a href="#topics">4.0 热点话题追踪</a></li>
|
|
<li><a href="#channels">5.0 重点渠道表现</a></li>
|
|
<li><a href="#risks">6.0 负面与风险监测</a></li>
|
|
<li><a href="#summary">7.0 简报与关注点</a></li>
|
|
</ul>
|
|
</nav>
|
|
</aside>
|
|
|
|
<main class="main-content" id="report-content">
|
|
<header class="report-header">
|
|
<h2>智能舆情分析报告：武汉大学</h2>
|
|
<div class="actions">
|
|
<button id="theme-toggle" class="action-btn">切换暗色模式</button>
|
|
<button id="print-btn" class="action-btn">打印/导出PDF</button>
|
|
</div>
|
|
</header>
|
|
|
|
<section id="overview" class="card">
|
|
<h3>1.0 本期舆情概览</h3>
|
|
<p>本报告周期内，武汉大学相关舆情呈现出“历史荣光”与“现实挑战”交织的复杂态势。正面声量主要由学术成就、校园文化（如樱花季）及杰出校友贡献驱动。然而，以“杨景媛学术不端事件”为核心的重**大负面事件**，引发了公众对学校学术诚信、危机处理和管理机制的广泛质疑，成为本期舆情风暴的中心。整体情感倾向复杂，既有身为名校的自豪，也有对现实问题的焦虑与批评。</p>
|
|
|
|
<div class="card-section" style="margin-top: 20px;">
|
|
<h4>1.1 核心数据看板</h4>
|
|
<div class="grid-container">
|
|
<div class="data-point">
|
|
<div class="value">≈210万</div>
|
|
<div class="label">相关信息样本</div>
|
|
</div>
|
|
<div class="data-point">
|
|
<div class="value">≈3.8亿</div>
|
|
<div class="label">总阅读量</div>
|
|
</div>
|
|
<div class="data-point">
|
|
<div class="value">≈420万</div>
|
|
<div class="label">总互动量</div>
|
|
</div>
|
|
<div class="data-point">
|
|
<div class="value">-25.3%</div>
|
|
<div class="label">净情感值</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card-section" style="margin-top: 20px;">
|
|
<h4>1.2 本期舆情热度 TOP 3</h4>
|
|
<ol class="hot-topic-list">
|
|
<li><strong>学术不端与图书馆诬告案：</strong>杨景媛硕士论文学术造假及相关诬告案败诉事件，引发全网对学术诚信和高校管理责任的拷问，舆情热度最高，负面影响最深。</li>
|
|
<li><strong>学科实力与职业焦虑的矛盾：</strong>以测绘遥感世界第一为代表的学术自豪感，与毕业生面临的就业薪资压力形成鲜明对比，引发学生和校友群体“自豪与焦虑”并存的复杂讨论。</li>
|
|
<li><strong>樱花季的“浪漫与烦恼”：</strong>武大樱花季作为传统文化名片，在社交媒体上获得大量正面传播，但同时也伴随着预约难、校园拥挤等抱怨，呈现出“浪漫”与“焦虑”交织的舆情特点。</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<div class="card-section" style="margin-top: 20px;">
|
|
<h4>1.3 重点预警</h4>
|
|
<p><span class="tag tag-negative">高风险</span> 学术不端事件的后续处理是当前最大的舆情风险点。校方回应的及时性、调查的公正性与处理结果的透明度，将直接影响学校声誉的修复。任何处理不当都可能引发新一轮舆论危机。</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="trends" class="card">
|
|
<h3>2.0 关键数据趋势</h3>
|
|
<div class="grid-container">
|
|
<div>
|
|
<h4>2.1 声量走势</h4>
|
|
<canvas id="volumeTrendChart"></canvas>
|
|
</div>
|
|
<div>
|
|
<h4>2.2 情感趋势</h4>
|
|
<canvas id="sentimentTrendChart"></canvas>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="timeline" class="card">
|
|
<h3>3.0 本周期舆情动态时间轴</h3>
|
|
<div class="timeline">
|
|
<div class="timeline-item">
|
|
<div class="timeline-date">2025年7月中旬</div>
|
|
<p>杨景媛诬告肖同学案败诉后，其硕士论文学术不端问题开始在网络发酵，引发初步关注。</p>
|
|
</div>
|
|
<div class="timeline-item">
|
|
<div class="timeline-date">2025年7月31日</div>
|
|
<p>香港浸会大学就杨景媛录取资格发出道德核查函，事件热度升级，跨地域影响显现。</p>
|
|
</div>
|
|
<div class="timeline-item">
|
|
<div class="timeline-date">2025年8月1日</div>
|
|
<p>央媒关注报道后，武汉大学宣布成立工作专班进行调查，官方回应引发第二波舆论高峰。</p>
|
|
</div>
|
|
<div class="timeline-item">
|
|
<div class="timeline-date">2025年8月6日</div>
|
|
<p>关于“港浸大撤销杨景媛录取资格”的谣言流传并被辟谣，公众对事件处理的关注度持续高涨。</p>
|
|
</div>
|
|
<div class="timeline-item">
|
|
<div class="timeline-date">2025年8月至今</div>
|
|
<p>公众持续关注武汉大学和香港浸会大学的最终处理结果，相关讨论仍在继续，舆情处于高位平台期。</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="topics" class="card">
|
|
<h3>4.0 热点话题追踪</h3>
|
|
<details open>
|
|
<summary>4.1 热点事件详情：学术诚信危机</summary>
|
|
<div class="details-content">
|
|
<p><strong>事件核心：</strong>杨景媛学术不端事件与图书馆诬告案交织，形成复合型舆情危机。前者暴露了研究生培养和论文审核的制度漏洞，后者则触及了程序正义、学生权益保护和校园管理的敏感神经。</p>
|
|
<p><strong>舆论焦点：</strong></p>
|
|
<ul>
|
|
<li><strong>学术诚信：</strong>论文中虚构法律、伪造数据、常识错误等问题，严重冲击了武汉大学的学术声誉。</li>
|
|
<li><strong>校方责任：</strong>公众普遍质疑导师指导、答辩委员会审查、以及校方在事件曝光初期的“迟缓”应对，认为存在系统性失职。</li>
|
|
<li><strong>公平正义：</strong>受害者肖同学的遭遇与加害者杨景媛一度“顺利保研”形成强烈对比，引发对高校奖惩机制和道德审查的广泛批评。</li>
|
|
<li><strong>危机公关：</strong>校方“等上级安排”等言论被视为官僚与推诿，未能有效引导舆论、修复信任。</li>
|
|
</ul>
|
|
<p><strong>影响：</strong>事件已对武汉大学的公信力和品牌形象造成重创，成为高等教育领域关于学术诚信与制度监管的标志性案例。</p>
|
|
</div>
|
|
</details>
|
|
<details>
|
|
<summary>4.2 新增/突发话题：学科荣光与现实焦虑的博弈</summary>
|
|
<div class="details-content">
|
|
<p><strong>话题描述：</strong>在负面事件之外，一个更具深度的讨论在学生与校友群体中展开——武汉大学顶尖的学术实力（如测绘遥感世界第一）与毕业生面临的现实就业压力（如薪资不达预期、工作强度大）之间的矛盾。</p>
|
|
<p><strong>表现形式：</strong></p>
|
|
<ul>
|
|
<li><strong>自豪感：</strong>在知乎、B站等平台，大量内容赞美学校的学术成就、历史底蕴和美丽校园，体现了强烈的身份认同。</li>
|
|
<li><strong>焦虑感：</strong>在小红书、脉脉及校内论坛，关于“名校光环”在求职市场失色、特定专业（如法学、医学）投入产出比低、生活成本（如光谷房租）高昂的讨论日益增多。</li>
|
|
</ul>
|
|
<p><strong>洞察：</strong>这一话题反映了当代名校学子复杂的群体心态。他们既为母校的“骄傲”而自豪，也为自身的“焦虑”而挣扎。这种“烟火气”的讨论，构成了武汉大学舆情中真实而立体的一面。</p>
|
|
</div>
|
|
</details>
|
|
</section>
|
|
|
|
<section id="channels" class="card">
|
|
<h3>5.0 重点渠道表现</h3>
|
|
<div class="grid-container">
|
|
<div style="grid-column: 1 / -1;">
|
|
<h4>5.1 核心平台声量分布</h4>
|
|
<canvas id="channelDistributionChart"></canvas>
|
|
</div>
|
|
<div>
|
|
<h4>5.2 平台内容特征分析</h4>
|
|
<ul>
|
|
<li><strong>微博：</strong>事件引爆和舆论发酵主阵地。传播速度快，情绪化表达突出，是官方回应和媒体跟进的焦点。</li>
|
|
<li><strong>知乎：</strong>深度讨论和观点交锋的核心平台。大量关于事件细节、制度反思、个人经历的长文回答，形成了复杂的舆论场。</li>
|
|
<li><strong>B站/抖音：</strong>事件的视频化解读与校园生活展示并存。既有对学术不端事件的科普与评论，也有大量关于樱花季、校园风光的Vlog。</li>
|
|
<li><strong>小红书/贴吧：</strong>学生和年轻校友的聚集地。充满了对校园生活、学业压力、求职焦虑的“体感”
|
|
</body>
|
|
</html> |