final_report__20250826_181729.html
18.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
<!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>