1069 lines
46 KiB
HTML
1069 lines
46 KiB
HTML
<!-- Generated by Trae Work -->
|
||
<!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>
|
||
/* ACTIVE_PALETTE_TOKENS */
|
||
:root {
|
||
/* Page / report tokens — Business Blue */
|
||
--page-bg: #FFFFFF;
|
||
--page-surface: #F6F8FA;
|
||
--page-surface-muted: #EEF2F7;
|
||
--page-text: #1B232E;
|
||
--page-text-secondary: #3D4D5C;
|
||
--page-text-muted: #6B7785;
|
||
--page-text-disabled: #9AA6B2;
|
||
--page-border: #D6DEE8;
|
||
--page-brand: #0969DA;
|
||
--page-brand-hover: #0859B8;
|
||
--page-brand-active: #064A95;
|
||
--page-brand-soft: #EAF2FC;
|
||
--page-brand-soft-strong: #D4E5F8;
|
||
--page-brand-text: #0859B8;
|
||
|
||
/* Backward-compatible report variables */
|
||
--bg: #FFFFFF;
|
||
--bg2: #F6F8FA;
|
||
--rule: #D6DEE8;
|
||
--ink: #1B232E;
|
||
--muted: #6B7785;
|
||
--text-secondary: #3D4D5C;
|
||
--text-disabled: #9AA6B2;
|
||
--accent: #0969DA;
|
||
--accent-hover: #0859B8;
|
||
--accent-active: #064A95;
|
||
--accent-soft: #EAF2FC;
|
||
--accent2: #06B6D4;
|
||
|
||
/* Chart / data tokens */
|
||
--chart-series-1: #0969DA;
|
||
--chart-series-2: #8250DF;
|
||
--chart-series-3: #06B6D4;
|
||
--chart-series-4: #BF3989;
|
||
--chart-other: #D6DEE8;
|
||
--chart-accent: #0969DA;
|
||
--chart-accent-2: #06B6D4;
|
||
--chart-positive: #2F9E44;
|
||
--chart-warning: #E8590C;
|
||
--chart-negative: #E03131;
|
||
--chart-grid: rgba(27, 35, 46, 0.10);
|
||
--chart-axis: #6B7785;
|
||
--chart-label: #6B7785;
|
||
--chart-tooltip-bg: #FFFFFF;
|
||
|
||
/* Semantic compatibility tokens */
|
||
--success: #2F9E44;
|
||
--info: #0969DA;
|
||
--reminder: #E8590C;
|
||
--warning: #F08C00;
|
||
--danger: #E03131;
|
||
--positive: #2F9E44;
|
||
--negative: #E03131;
|
||
}
|
||
|
||
/* === Structural variables === */
|
||
:root {
|
||
--space-1: 4px;
|
||
--space-2: 8px;
|
||
--space-3: 12px;
|
||
--space-4: 16px;
|
||
--space-5: 24px;
|
||
--space-6: 32px;
|
||
--space-7: 48px;
|
||
--space-8: 64px;
|
||
--radius-sm: 4px;
|
||
--radius-md: 8px;
|
||
--radius-lg: 12px;
|
||
--radius-pill: 999px;
|
||
--font-sans: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans CJK SC', 'Helvetica Neue', Arial, sans-serif;
|
||
--font-serif: Georgia, 'Times New Roman', serif;
|
||
--font-mono: 'SFMono-Regular', Consolas, 'Courier New', monospace;
|
||
--font-metric: var(--font-sans);
|
||
--max: 1000px;
|
||
}
|
||
|
||
/* === Base styles === */
|
||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||
html { font-size: 16px; scroll-behavior: smooth; }
|
||
body {
|
||
font-family: var(--font-sans);
|
||
color: var(--ink);
|
||
background: var(--bg);
|
||
line-height: 1.7;
|
||
padding: 2rem 0;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
article.page { width: 100%; }
|
||
.page__content,
|
||
.report-intro__surface {
|
||
width: calc(100% - 2rem);
|
||
max-width: var(--max);
|
||
margin: 0 auto;
|
||
}
|
||
.table-wrap { width: 100%; overflow: visible; }
|
||
table { width: 100%; border-collapse: collapse; table-layout: auto; }
|
||
th, td {
|
||
padding: var(--space-2) var(--space-3);
|
||
border-bottom: 1px solid var(--rule);
|
||
text-align: left;
|
||
vertical-align: top;
|
||
overflow-wrap: anywhere;
|
||
}
|
||
img, svg, canvas { max-width: 100%; height: auto; }
|
||
|
||
/* === Opening Intro === */
|
||
.report-intro { margin-bottom: var(--space-7); }
|
||
.report-intro__surface {
|
||
position: relative;
|
||
isolation: isolate;
|
||
overflow: hidden;
|
||
color: var(--page-brand-text, var(--ink));
|
||
background: var(--page-brand-soft, var(--page-surface-muted, var(--bg2)));
|
||
border-radius: var(--radius-lg);
|
||
padding: var(--space-7);
|
||
}
|
||
.report-intro__content {
|
||
position: relative;
|
||
z-index: 1;
|
||
max-width: 760px;
|
||
}
|
||
.report-intro:not(.report-intro--integrated):not(.report-intro--stage):not(.report-intro--with-media):not(.report-intro--plain) .report-intro__surface::before,
|
||
.report-intro:not(.report-intro--integrated):not(.report-intro--stage):not(.report-intro--with-media):not(.report-intro--plain) .report-intro__surface::after {
|
||
content: "";
|
||
position: absolute;
|
||
z-index: 0;
|
||
pointer-events: none;
|
||
}
|
||
.report-intro:not(.report-intro--integrated):not(.report-intro--stage):not(.report-intro--with-media):not(.report-intro--plain) .report-intro__surface::before {
|
||
width: 200px;
|
||
height: 200px;
|
||
top: -80px;
|
||
right: -56px;
|
||
border-radius: 50%;
|
||
background: var(--page-brand-soft-strong, var(--page-surface-muted, var(--bg2)));
|
||
opacity: 0.72;
|
||
}
|
||
.report-intro:not(.report-intro--integrated):not(.report-intro--stage):not(.report-intro--with-media):not(.report-intro--plain) .report-intro__surface::after {
|
||
width: 150px;
|
||
height: 100px;
|
||
right: 96px;
|
||
bottom: -40px;
|
||
border-radius: var(--radius-lg);
|
||
background: var(--page-surface, var(--bg));
|
||
opacity: 0.58;
|
||
transform: rotate(-8deg);
|
||
}
|
||
.report-intro h1 {
|
||
line-height: 1.2;
|
||
overflow-wrap: anywhere;
|
||
font-size: 2rem;
|
||
font-weight: 700;
|
||
}
|
||
.report-intro__summary {
|
||
max-width: 70ch;
|
||
margin-top: var(--space-3);
|
||
color: var(--page-text-secondary, var(--text-secondary, var(--muted)));
|
||
}
|
||
.report-intro__meta {
|
||
margin-top: var(--space-4);
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: var(--space-2) var(--space-5);
|
||
font-size: 0.85rem;
|
||
color: var(--page-text-muted, var(--muted));
|
||
}
|
||
.report-intro__meta span { display: inline-flex; align-items: center; gap: 4px; }
|
||
@media (max-width: 768px) {
|
||
body { padding: 1rem 0; }
|
||
.report-intro__surface { padding: var(--space-5); }
|
||
.report-intro h1 { font-size: 1.6rem; }
|
||
.report-intro:not(.report-intro--integrated):not(.report-intro--stage):not(.report-intro--with-media):not(.report-intro--plain) .report-intro__surface::before {
|
||
width: 124px; height: 124px; top: -44px; right: -52px; opacity: 0.38;
|
||
}
|
||
.report-intro:not(.report-intro--integrated):not(.report-intro--stage):not(.report-intro--with-media):not(.report-intro--plain) .report-intro__surface::after { display: none; }
|
||
}
|
||
@media print, (forced-colors: active) {
|
||
.report-intro__surface::before, .report-intro__surface::after { display: none; }
|
||
}
|
||
|
||
/* === Typography helpers === */
|
||
h2 {
|
||
font-size: 1.4rem;
|
||
font-weight: 700;
|
||
margin-top: var(--space-7);
|
||
margin-bottom: var(--space-3);
|
||
color: var(--ink);
|
||
line-height: 1.3;
|
||
padding-bottom: var(--space-2);
|
||
border-bottom: 2px solid var(--page-brand-soft-strong, var(--rule));
|
||
}
|
||
h3 {
|
||
font-size: 1.12rem;
|
||
font-weight: 700;
|
||
margin-top: var(--space-5);
|
||
margin-bottom: var(--space-2);
|
||
color: var(--ink);
|
||
}
|
||
h4 {
|
||
font-size: 1rem;
|
||
font-weight: 600;
|
||
margin-top: var(--space-4);
|
||
margin-bottom: var(--space-2);
|
||
color: var(--page-text-secondary, var(--text-secondary));
|
||
}
|
||
p { margin-bottom: var(--space-3); }
|
||
section { scroll-margin-top: var(--space-4); }
|
||
a { color: var(--accent); text-decoration: none; }
|
||
a:hover { text-decoration: underline; }
|
||
mark.key { background: none; color: var(--accent); font-weight: 600; }
|
||
ul, ol { padding-left: 1.25rem; margin-bottom: var(--space-3); }
|
||
li { margin-bottom: var(--space-1); }
|
||
strong { color: var(--ink); }
|
||
|
||
/* === Table of contents === */
|
||
.toc {
|
||
background: var(--page-surface);
|
||
border: 1px solid var(--page-border);
|
||
border-radius: var(--radius-lg);
|
||
padding: var(--space-5) var(--space-6);
|
||
margin-bottom: var(--space-7);
|
||
}
|
||
.toc h2 { margin-top: 0; border-bottom: none; padding-bottom: 0; }
|
||
.toc__grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, 1fr);
|
||
gap: var(--space-1) var(--space-6);
|
||
margin-top: var(--space-3);
|
||
}
|
||
.toc__item {
|
||
display: flex;
|
||
align-items: baseline;
|
||
gap: var(--space-2);
|
||
padding: var(--space-1) 0;
|
||
border-bottom: 1px dotted var(--rule);
|
||
font-size: 0.92rem;
|
||
}
|
||
.toc__item a { color: var(--ink); }
|
||
.toc__item a:hover { color: var(--accent); }
|
||
.toc__num {
|
||
flex: 0 0 auto;
|
||
font-family: var(--font-mono);
|
||
font-size: 0.78rem;
|
||
color: var(--accent);
|
||
font-weight: 600;
|
||
}
|
||
.toc__sub {
|
||
grid-column: 2;
|
||
padding-left: var(--space-5);
|
||
font-size: 0.82rem;
|
||
color: var(--muted);
|
||
}
|
||
@media (max-width: 640px) {
|
||
.toc__grid { grid-template-columns: 1fr; }
|
||
}
|
||
|
||
/* === Metric cards === */
|
||
.metric-row {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, 1fr);
|
||
gap: var(--space-3);
|
||
margin: var(--space-4) 0;
|
||
}
|
||
.metric-card {
|
||
background: var(--page-surface);
|
||
border: 1px solid var(--page-border);
|
||
border-radius: var(--radius-lg);
|
||
padding: var(--space-4);
|
||
text-align: center;
|
||
}
|
||
.metric-card__value {
|
||
font-family: var(--font-metric);
|
||
font-size: 1.75rem;
|
||
font-weight: 700;
|
||
color: var(--accent);
|
||
line-height: 1.2;
|
||
font-variant-numeric: tabular-nums;
|
||
}
|
||
.metric-card__label {
|
||
font-size: 0.82rem;
|
||
color: var(--muted);
|
||
margin-top: var(--space-1);
|
||
}
|
||
@media (max-width: 768px) {
|
||
.metric-row { grid-template-columns: repeat(2, 1fr); }
|
||
}
|
||
|
||
/* === Feature list === */
|
||
.feature-list { list-style: none; padding-left: 0; margin: var(--space-3) 0; }
|
||
.feature-list > li {
|
||
display: flex;
|
||
gap: var(--space-3);
|
||
padding: var(--space-2) 0;
|
||
border-bottom: 1px solid var(--rule);
|
||
align-items: flex-start;
|
||
}
|
||
.feature-list > li:last-child { border-bottom: none; }
|
||
.feature-list__icon {
|
||
flex: 0 0 auto;
|
||
width: 28px;
|
||
height: 28px;
|
||
border-radius: var(--radius-md);
|
||
background: var(--accent-soft);
|
||
color: var(--accent);
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 0.95rem;
|
||
font-weight: 700;
|
||
font-family: var(--font-mono);
|
||
margin-top: 1px;
|
||
}
|
||
.feature-list__body { flex: 1 1 auto; }
|
||
.feature-list__title { font-weight: 600; color: var(--ink); }
|
||
.feature-list__desc { font-size: 0.88rem; color: var(--muted); margin-top: 2px; }
|
||
|
||
/* === Two-column feature grid === */
|
||
.feature-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, 1fr);
|
||
gap: var(--space-2) var(--space-5);
|
||
margin: var(--space-3) 0;
|
||
list-style: none;
|
||
padding: 0;
|
||
}
|
||
.feature-grid > li {
|
||
padding: var(--space-2) 0;
|
||
border-bottom: 1px solid var(--rule);
|
||
}
|
||
.feature-grid > li:last-child, .feature-grid > li:nth-last-child(2):nth-child(odd) { border-bottom: none; }
|
||
.feature-grid__title { font-weight: 600; color: var(--ink); display: block; }
|
||
.feature-grid__desc { font-size: 0.86rem; color: var(--muted); margin-top: 2px; }
|
||
@media (max-width: 640px) {
|
||
.feature-grid { grid-template-columns: 1fr; }
|
||
.feature-grid > li:nth-last-child(2):nth-child(odd) { border-bottom: 1px solid var(--rule); }
|
||
}
|
||
|
||
/* === Insight card === */
|
||
.insight-card {
|
||
background: var(--page-surface);
|
||
border: 1px solid var(--page-border);
|
||
border-radius: var(--radius-lg);
|
||
padding: var(--space-5);
|
||
margin: var(--space-4) 0;
|
||
}
|
||
.insight-card__title { font-weight: 700; color: var(--ink); margin-bottom: var(--space-2); font-size: 1.05rem; }
|
||
.insight-card__body { color: var(--text-secondary); font-size: 0.92rem; }
|
||
|
||
/* === Callout === */
|
||
.callout {
|
||
background: var(--accent-soft);
|
||
border: 1px solid var(--page-brand-soft-strong, var(--page-border));
|
||
border-radius: var(--radius-md);
|
||
padding: var(--space-3) var(--space-4);
|
||
margin: var(--space-4) 0;
|
||
font-size: 0.92rem;
|
||
}
|
||
.callout__label { font-weight: 700; color: var(--accent); display: block; margin-bottom: 2px; }
|
||
|
||
/* === Module section === */
|
||
.module { margin-bottom: var(--space-7); }
|
||
.module__lead { color: var(--text-secondary); font-size: 0.95rem; }
|
||
.module__submodules {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, 1fr);
|
||
gap: var(--space-4);
|
||
margin-top: var(--space-4);
|
||
}
|
||
.submodule {
|
||
background: var(--page-surface);
|
||
border: 1px solid var(--page-border);
|
||
border-radius: var(--radius-lg);
|
||
padding: var(--space-4) var(--space-5);
|
||
}
|
||
.submodule h4 { margin-top: 0; color: var(--accent); }
|
||
.submodule ul { padding-left: 1.1rem; font-size: 0.88rem; color: var(--text-secondary); }
|
||
.submodule ul li { margin-bottom: 4px; }
|
||
@media (max-width: 640px) {
|
||
.module__submodules { grid-template-columns: 1fr; }
|
||
}
|
||
|
||
/* === Tag === */
|
||
.tag {
|
||
display: inline-block;
|
||
font-size: 0.72rem;
|
||
font-weight: 600;
|
||
padding: 2px var(--space-2);
|
||
border-radius: var(--radius-pill);
|
||
background: var(--accent-soft);
|
||
color: var(--accent);
|
||
margin-right: var(--space-1);
|
||
vertical-align: middle;
|
||
}
|
||
.tag--success { background: rgba(47, 158, 68, 0.12); color: var(--success); }
|
||
.tag--warning { background: rgba(232, 89, 12, 0.12); color: var(--reminder); }
|
||
|
||
/* === Footer === */
|
||
footer {
|
||
margin-top: var(--space-8);
|
||
padding-top: var(--space-5);
|
||
border-top: 2px solid var(--rule);
|
||
color: var(--muted);
|
||
font-size: 0.85rem;
|
||
}
|
||
footer p { margin-bottom: var(--space-2); }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<article class="page">
|
||
<header class="report-intro">
|
||
<div class="report-intro__surface">
|
||
<div class="report-intro__content">
|
||
<h1>光伏电站智能运维系统</h1>
|
||
<p class="report-intro__summary">
|
||
融合机器人、无人机与 AI 视觉的电站级智能运维平台，覆盖从设备接入、实时监控、告警处置到清洗优化、工单闭环的全生命周期管理，让光伏电站运维更安全、更高效、更经济。
|
||
</p>
|
||
<div class="report-intro__meta">
|
||
<span>版本 V1.0</span>
|
||
<span>· 适用对象：电站运营与运维团队</span>
|
||
<span>· 中英双语</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="page__content">
|
||
<main>
|
||
|
||
<!-- 目录 -->
|
||
<nav class="toc" id="toc">
|
||
<h2>目录</h2>
|
||
<div class="toc__grid">
|
||
<div class="toc__item"><span class="toc__num">01</span><a href="#overview">系统概述</a></div>
|
||
<div class="toc__item"><span class="toc__num">02</span><a href="#advantages">核心优势</a></div>
|
||
<div class="toc__item"><span class="toc__num">03</span><a href="#architecture">系统架构与技术特色</a></div>
|
||
<div class="toc__item"><span class="toc__num">04</span><a href="#dashboard">总览首页</a></div>
|
||
<div class="toc__item"><span class="toc__num">05</span><a href="#devices">设备管理</a></div>
|
||
<div class="toc__item"><span class="toc__num">06</span><a href="#video">视频监控</a></div>
|
||
<div class="toc__item"><span class="toc__num">07</span><a href="#alerts">告警中心</a></div>
|
||
<div class="toc__item"><span class="toc__num">08</span><a href="#ai">AI 诊断分析</a></div>
|
||
<div class="toc__item"><span class="toc__num">09</span><a href="#cleaning">清洗优化</a></div>
|
||
<div class="toc__item"><span class="toc__num">10</span><a href="#workorder">工单任务</a></div>
|
||
<div class="toc__item"><span class="toc__num">11</span><a href="#report">报表中心</a></div>
|
||
<div class="toc__item"><span class="toc__num">12</span><a href="#settings">系统设置</a></div>
|
||
<div class="toc__item"><span class="toc__num">13</span><a href="#scenarios">应用场景</a></div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- 01 系统概述 -->
|
||
<section id="overview" class="module">
|
||
<h2>01 系统概述</h2>
|
||
<p class="module__lead">
|
||
光伏电站智能运维系统是面向集中式与分布式光伏电站的一体化运维管理平台。系统以<mark class="key">机器人 + 无人机 + AI 视觉</mark>为核心手段，将巡检机器人、清洗机器人、割草机、无人机及各类摄像头统一接入，构建从数据采集、智能分析到处置闭环的完整运维链条。
|
||
</p>
|
||
<p>
|
||
平台打通了 SCADA 实时遥测、无人机热成像、气象监测站与运维资产库等多源数据，通过 AI 模型对组件热斑、组串失配、遮挡风险、组件衰减等缺陷进行自动诊断，并一键生成清洗工单与检修工单，实现<mark class="key">发现问题—分析研判—派单处置—效果验证</mark>的闭环管理。
|
||
</p>
|
||
<div class="callout">
|
||
<span class="callout__label">一句话价值</span>
|
||
把分散的设备、告警、工单和报表收敛到一个平台，让电站运维从"被动抢修"转向"主动预防"与"智能决策"。
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 02 核心优势 -->
|
||
<section id="advantages" class="module">
|
||
<h2>02 核心优势</h2>
|
||
<div class="metric-row">
|
||
<div class="metric-card">
|
||
<div class="metric-card__value">全栈</div>
|
||
<div class="metric-card__label">多源数据融合诊断</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="metric-card__value">AI</div>
|
||
<div class="metric-card__label">热成像缺陷自动识别</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="metric-card__value">闭环</div>
|
||
<div class="metric-card__label">告警到工单全自动</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="metric-card__value">双语</div>
|
||
<div class="metric-card__label">中英文国际化支持</div>
|
||
</div>
|
||
</div>
|
||
<ul class="feature-list">
|
||
<li>
|
||
<span class="feature-list__icon">01</span>
|
||
<div class="feature-list__body">
|
||
<span class="feature-list__title">多设备统一接入</span>
|
||
<span class="feature-list__desc">巡检机器人、清洗机器人、割草机、无人机、球机/枪机摄像头通过 MQTT、RTSP 等协议统一接入，一屏掌控。</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<span class="feature-list__icon">02</span>
|
||
<div class="feature-list__body">
|
||
<span class="feature-list__title">实时视频与远程控制</span>
|
||
<span class="feature-list__desc">基于声网/火山引擎 RTC 与 WebRTC 的低延迟视频流，支持云台伺服控制、二路径对讲与远程驱避。</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<span class="feature-list__icon">03</span>
|
||
<div class="feature-list__body">
|
||
<span class="feature-list__title">AI 智能诊断</span>
|
||
<span class="feature-list__desc">热成像分割与缺陷检测模型，自动识别热斑、断路、遮挡、衰减，输出风险等级与处置建议。</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<span class="feature-list__icon">04</span>
|
||
<div class="feature-list__body">
|
||
<span class="feature-list__title">清洗收益精算</span>
|
||
<span class="feature-list__desc">结合污染趋势、发电损失模型与气象数据，智能推荐清洗区块、方案与时间，量化净收益与碳减排。</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<span class="feature-list__icon">05</span>
|
||
<div class="feature-list__body">
|
||
<span class="feature-list__title">工单全生命周期</span>
|
||
<span class="feature-list__desc">AI 建议自动生成工单，覆盖创建—派单—执行—挂起—完成全流程，支持日历排班与批量操作。</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<span class="feature-list__icon">06</span>
|
||
<div class="feature-list__body">
|
||
<span class="feature-list__title">多维报表与订阅</span>
|
||
<span class="feature-list__desc">发电、设备、告警、工单、清洗等八大类报表，支持自动生成、Excel/PDF 导出与定时订阅推送。</span>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- 03 系统架构 -->
|
||
<section id="architecture" class="module">
|
||
<h2>03 系统架构与技术特色</h2>
|
||
<p class="module__lead">
|
||
系统采用前后端分离的现代化 Web 架构，前端基于 React 19 + Vite + TypeScript 构建，结合 Cesium 三维地球与 ECharts 数据可视化，为运维人员提供沉浸式的实时监控与数据分析体验。
|
||
</p>
|
||
<div class="insight-card">
|
||
<div class="insight-card__title">技术栈概览</div>
|
||
<div class="insight-card__body">
|
||
<span class="tag">前端框架</span> React 19 + Vite 6 + TypeScript 5.8
|
||
<br>
|
||
<span class="tag">UI 组件</span> Ant Design 5 + Tailwind CSS 4 + Lucide 图标
|
||
<br>
|
||
<span class="tag">状态管理</span> Redux Toolkit + React Router 7
|
||
<br>
|
||
<span class="tag">实时通信</span> MQTT 5 + WebSocket + Socket.IO
|
||
<br>
|
||
<span class="tag">视频引擎</span> 声网 Agora RTC + 火山引擎 RTC + WebRTC + FLV.js
|
||
<br>
|
||
<span class="tag">地图/三维</span> Cesium 1.14（机器人路径与场站拓扑可视化）
|
||
<br>
|
||
<span class="tag">数据可视化</span> ECharts 6 + Recharts + Ant Design Charts
|
||
<br>
|
||
<span class="tag">国际化</span> i18next（中英文双语，可扩展）
|
||
</div>
|
||
</div>
|
||
<ul class="feature-grid">
|
||
<li>
|
||
<span class="feature-grid__title">MQTT 实时遥测</span>
|
||
<span class="feature-grid__desc">设备心跳、定位、电量、传感器数据通过 MQTT 消息总线实时推送，毫秒级感知设备状态变化。</span>
|
||
</li>
|
||
<li>
|
||
<span class="feature-grid__title">WebRTC 超低延迟视频</span>
|
||
<span class="feature-grid__desc">接入声网与火山引擎双 RTC 引擎，支持单画面/四画面/九画面/十六画面视频墙与云台伺服控制。</span>
|
||
</li>
|
||
<li>
|
||
<span class="feature-grid__title">Cesium 三维态势</span>
|
||
<span class="feature-grid__desc">在场站三维地图上叠加机器人实时轨迹、规划航线与作业区域，路径规划与监控一目了然。</span>
|
||
</li>
|
||
<li>
|
||
<span class="feature-grid__title">动态权限菜单</span>
|
||
<span class="feature-grid__desc">菜单由后端动态下发，按角色与组织精细化控制访问权限，支持菜单/目录/按钮三级粒度。</span>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- 04 总览首页 -->
|
||
<section id="dashboard" class="module">
|
||
<h2>04 总览首页</h2>
|
||
<p class="module__lead">
|
||
总览首页是运维人员的指挥中枢，一屏呈现电站今日发电量、当前功率、系统可用率、告警数量与节省成本等核心指标，辅以发电趋势、辐照度温度曲线与 AI 分析摘要，帮助管理者快速掌握电站整体运行态势。
|
||
</p>
|
||
<div class="module__submodules">
|
||
<div class="submodule">
|
||
<h4>核心指标卡片</h4>
|
||
<ul>
|
||
<li>今日发电量 / 日目标对比</li>
|
||
<li>当前功率与装机容量</li>
|
||
<li>系统可用率与未处理告警数</li>
|
||
<li>节省运维成本（本月累计）</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>趋势与分布</h4>
|
||
<ul>
|
||
<li>发电趋势曲线（实际 vs 预测）</li>
|
||
<li>辐照度与温度趋势</li>
|
||
<li>逆变器效率对比与功率曲线</li>
|
||
<li>组串电流热力图</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>运维态势</h4>
|
||
<ul>
|
||
<li>运维任务进度与近期巡检记录</li>
|
||
<li>实时告警与设备在线状态</li>
|
||
<li>AI 分析摘要与清洗建议</li>
|
||
<li>电站概览与天气信息联动</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>快捷操作</h4>
|
||
<ul>
|
||
<li>一键生成清洗工单</li>
|
||
<li>逆变器功率对比下钻</li>
|
||
<li>AI 发现异常设备优先复核</li>
|
||
<li>场站切换与多站概览</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 05 设备管理 -->
|
||
<section id="devices" class="module">
|
||
<h2>05 设备管理</h2>
|
||
<p class="module__lead">
|
||
设备管理模块将巡检机器人、清洗机器人、割草机、无人机及各类摄像头纳入统一台账与调度中心，提供设备总览、状态监控、航线任务与机器人任务四大功能，实现设备从接入到作业的全流程管控。
|
||
</p>
|
||
<div class="module__submodules">
|
||
<div class="submodule">
|
||
<h4>设备总览</h4>
|
||
<ul>
|
||
<li>全站设备清单与分类统计</li>
|
||
<li>在线/离线/待机/运行状态一览</li>
|
||
<li>电量、信号强度、定位精度实时展示</li>
|
||
<li>设备型号、最后心跳时间追踪</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>设备状态</h4>
|
||
<ul>
|
||
<li>无人机、割草机、机器人、摄像头分类视图</li>
|
||
<li>RTK 固定/浮点/差分/惯导定位状态</li>
|
||
<li>充电中/空闲/忙碌/故障状态标签</li>
|
||
<li>实时视频流与设备控制面板</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>航线任务</h4>
|
||
<ul>
|
||
<li>航线上传/下载与任务执行</li>
|
||
<li>飞行时间、高度、速度、距离监控</li>
|
||
<li>任务状态（新建/暂停/成功/失败/取消）</li>
|
||
<li>紧急停止、返航等安全控制</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>机器人任务</h4>
|
||
<ul>
|
||
<li>任务池与执行计划（按天/周/月）</li>
|
||
<li>今日计划、进行中、作业中机器人统计</li>
|
||
<li>累计作业里程与任务完成率</li>
|
||
<li>路径规划与实时轨迹监控（Cesium）</li>
|
||
<li>智能生成今日计划与作业编排建议</li>
|
||
<li>本地/远程控制模式切换</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 06 视频监控 -->
|
||
<section id="video" class="module">
|
||
<h2>06 视频监控</h2>
|
||
<p class="module__lead">
|
||
视频监控模块集直播、回放、AI 智能分析与周界安防于一体。通过视频墙多画面布局、云台伺服控制与 AI 可视跟踪，运维人员可远程巡视全场站；周界入侵、烟火识别与人员滞留等智能事件实时上墙告警。
|
||
</p>
|
||
<div class="module__submodules">
|
||
<div class="submodule">
|
||
<h4>视频墙与直播</h4>
|
||
<ul>
|
||
<li>单/四/九/十六画面与自定义布局</li>
|
||
<li>流畅/标清/高清/超清画质切换</li>
|
||
<li>截图、录制、全屏、静音操作</li>
|
||
<li>摄像头设备列表与在线搜索</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>云台与远程控制</h4>
|
||
<ul>
|
||
<li>云台俯仰/偏航/缩放伺服控制</li>
|
||
<li>二路径对讲与远程驱避</li>
|
||
<li>AI 可视跟踪与系统集成指令</li>
|
||
<li>当前值班设备与预设路线</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>视频回放与下载</h4>
|
||
<ul>
|
||
<li>视频回放中心与事件时间线</li>
|
||
<li>按设备/时间/类型检索录像</li>
|
||
<li>视频下载与下载状态管理</li>
|
||
<li>文件详情与存储用量趋势</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>AI 视频智能分析</h4>
|
||
<ul>
|
||
<li>周界入侵检测与人员闯入识别</li>
|
||
<li>烟火识别与设备区域滞留检测</li>
|
||
<li>运动检测与区域徘徊分析</li>
|
||
<li>近期告警快照与今日告警事件</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 07 告警中心 -->
|
||
<section id="alerts" class="module">
|
||
<h2>07 告警中心</h2>
|
||
<p class="module__lead">
|
||
告警中心是运维响应的"神经中枢"。它汇聚设备故障、传感器越限、视频异常等多源告警，按严重/重要/一般/提示四级分级，提供实时告警、历史告警、告警规则与告警订阅，并支持从告警一键创建工单，形成处置闭环。
|
||
</p>
|
||
<div class="module__submodules">
|
||
<div class="submodule">
|
||
<h4>告警概览与统计</h4>
|
||
<ul>
|
||
<li>今日总告警、严重告警、待处理数</li>
|
||
<li>处理率与七日趋势</li>
|
||
<li>告警级别分布与类型比例</li>
|
||
<li>告警状态统计与来源分布</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>实时与历史告警</h4>
|
||
<ul>
|
||
<li>实时告警流与历史告警查询</li>
|
||
<li>告警标题、来源、级别、时间</li>
|
||
<li>确认/关闭/处理/忽略/误报状态流转</li>
|
||
<li>处理人、处理结果、处理备注记录</li>
|
||
<li>导出告警与关联工单创建</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>告警规则配置</h4>
|
||
<ul>
|
||
<li>监控属性与阈值触发条件</li>
|
||
<li>对比规则（大于/小于/区间）</li>
|
||
<li>无人机/割草机/传感器等设备规则</li>
|
||
<li>模拟电量低、温度超限、视频丢失等场景</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>告警订阅与通知</h4>
|
||
<ul>
|
||
<li>短信、邮件、应用推送、钉钉通话</li>
|
||
<li>按设备/运维/管理员角色订阅</li>
|
||
<li>严重告警立即通知与每日推送</li>
|
||
<li>夜间免打扰与推送频率控制</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 08 AI 诊断分析 -->
|
||
<section id="ai" class="module">
|
||
<h2>08 AI 诊断分析</h2>
|
||
<p class="module__lead">
|
||
AI 诊断分析模块是平台的"智慧大脑"。它融合无人机热成像、SCADA 实时遥测、云端气象站与运维资产库等多源数据，通过检测与分割算法自动识别组件热斑、组串失配、遮挡风险与组件衰减，输出电站健康度评分与处置建议。
|
||
</p>
|
||
<div class="callout">
|
||
<span class="callout__label">全栈数据融合来源</span>
|
||
无人机载荷热成像 · SCADA 实时遥测数据 · 云端气象分析站 · 电站运维资产库
|
||
</div>
|
||
<div class="module__submodules">
|
||
<div class="submodule">
|
||
<h4>热成像分析</h4>
|
||
<ul>
|
||
<li>上传 TIFF/PNG/JPG 热成像文件</li>
|
||
<li>热斑检测、识别与热成像分割</li>
|
||
<li>最高/平均/最低/异常温度统计</li>
|
||
<li>热斑区域定位与风险等级（高/中/低/无）</li>
|
||
<li>阵列掩码与面板 GeoJSON 标注</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>缺陷检测与组件分析</h4>
|
||
<ul>
|
||
<li>缺陷类型、等级与置信度判定</li>
|
||
<li>组件衰减趋势与平均衰减率</li>
|
||
<li>最佳/最差组件对比</li>
|
||
<li>检测到缺陷数量与处理建议</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>组串与逆变器分析</h4>
|
||
<ul>
|
||
<li>组串实时状态定位图</li>
|
||
<li>异常类型分布（热斑/断路/遮挡/偏差）</li>
|
||
<li>发电偏差率与异常组串数量</li>
|
||
<li>逆变器效率与温度异常监测</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>电站健康度与 AI 总结</h4>
|
||
<ul>
|
||
<li>电站健康度评分（性能比 PR）</li>
|
||
<li>实际/预测/理论发电量对比</li>
|
||
<li>诊断项、影响、建议措施与收益</li>
|
||
<li>AI 发现异常设备优先复核建议</li>
|
||
<li>同步/异步分析与历史记录</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 09 清洗优化 -->
|
||
<section id="cleaning" class="module">
|
||
<h2>09 清洗优化</h2>
|
||
<p class="module__lead">
|
||
清洗优化模块用算法替代经验。它基于污染趋势、发电损失模型与实时气象数据，智能推荐清洗区块、技术方案与执行时间，量化效率提升、预计收益、清洗成本与净收益，让每一次清洗都"算得清、洗得值"。
|
||
</p>
|
||
<div class="module__submodules">
|
||
<div class="submodule">
|
||
<h4>污染趋势与损失评估</h4>
|
||
<ul>
|
||
<li>近 7 天/30 天污染指数趋势</li>
|
||
<li>污损率与功率损失分析</li>
|
||
<li>发电损失构成与总损失电量</li>
|
||
<li>积灰、鸟粪、沙尘沉积识别</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>智能清洗策略</h4>
|
||
<ul>
|
||
<li>建议清洗区块数与优先级</li>
|
||
<li>机器人/人工/水清洗/干清洗方案推荐</li>
|
||
<li>预计用水量、总耗时与并行组数</li>
|
||
<li>天气适宜度与作业风险评估</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>清洗收益精算</h4>
|
||
<ul>
|
||
<li>清洗前后效率对比与效率提升</li>
|
||
<li>预计发电提升与预计净收益</li>
|
||
<li>清洗成本预估与投资回报率（ROI）</li>
|
||
<li>碳减排贡献（CO₂ 减排量）</li>
|
||
<li>回收周期与上网电价计算</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>清洗计划与记录</h4>
|
||
<ul>
|
||
<li>清洗计划创建与区块管理</li>
|
||
<li>上次/建议清洗日期追踪</li>
|
||
<li>清洗记录与效果验证</li>
|
||
<li>一键生成清洗工单</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 10 工单任务 -->
|
||
<section id="workorder" class="module">
|
||
<h2>10 工单任务</h2>
|
||
<p class="module__lead">
|
||
工单任务模块串联运维全流程。它支持巡检、检修、清洗、维修、运维五大工单类型，来源覆盖 AI、无人机、清洗、视频、装备、人工与告警，提供从创建、派单、执行到挂起、完成的全生命周期管理，并内置 AI 建议工单与日历排班视图。
|
||
</p>
|
||
<div class="module__submodules">
|
||
<div class="submodule">
|
||
<h4>工单概览</h4>
|
||
<ul>
|
||
<li>今日新增、待处理、执行中、已完成工单</li>
|
||
<li>工单状态分布与平均处理时长</li>
|
||
<li>较昨日/上周对比与按时率</li>
|
||
<li>AI 建议工单与自动生成今日工单</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>工单全生命周期</h4>
|
||
<ul>
|
||
<li>创建—修改—派单—执行—挂起—完成</li>
|
||
<li>关联设备、关联区域、附件素材</li>
|
||
<li>计划开始时间与执行开始时间</li>
|
||
<li>批量执行与批量删除</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>AI 建议与关联信息</h4>
|
||
<ul>
|
||
<li>AI 建议生成工单（热斑复检等）</li>
|
||
<li>建议携带装备（红外热像设备）</li>
|
||
<li>关联告警趋势与近 7 天告警列表</li>
|
||
<li>预计影响发电量与优先级研判</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>排班与日历视图</h4>
|
||
<ul>
|
||
<li>任务排班/日历视图</li>
|
||
<li>已计划工单列表与待派单工单</li>
|
||
<li>按优先级（高/中/低）筛选</li>
|
||
<li>工单编号/标题关键词检索</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 11 报表中心 -->
|
||
<section id="report" class="module">
|
||
<h2>11 报表中心</h2>
|
||
<p class="module__lead">
|
||
报表中心将电站运营数据沉淀为可量化、可追溯、可订阅的报告资产。覆盖发电、设备、告警、工单、巡检、清洗、效率与 AI 分析八大类，支持日/周/月/季/年周期自动生成，并可导出 Excel/PDF 与定时订阅推送。
|
||
</p>
|
||
<div class="module__submodules">
|
||
<div class="submodule">
|
||
<h4>报表类型</h4>
|
||
<ul>
|
||
<li>发电量报表（总发电、峰值/平均功率）</li>
|
||
<li>设备健康报表与巡检机器人报表</li>
|
||
<li>告警报表（数量、闭合率、严重告警）</li>
|
||
<li>工单报表（总数、完成率、月度工单）</li>
|
||
<li>清洗效果报表与清洗优化报表</li>
|
||
<li>效率报表与 AI 分析报表</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>周期与生成</h4>
|
||
<ul>
|
||
<li>日报 / 周报 / 月报 / 季报 / 年报</li>
|
||
<li>自动生成与生成状态追踪</li>
|
||
<li>日期范围自定义与报表目录</li>
|
||
<li>模板中心与自定义报表</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>核心指标</h4>
|
||
<ul>
|
||
<li>总发电量、理论/预测/实际发电对比</li>
|
||
<li>平均辐照度与发电偏差率</li>
|
||
<li>告警闭合率与工单完成率</li>
|
||
<li>清洗收益提升与预计额外发电</li>
|
||
<li>PR 值与平均效率</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>导出与订阅</h4>
|
||
<ul>
|
||
<li>导出 Excel / PDF</li>
|
||
<li>每周自动发送与系统通知</li>
|
||
<li>订阅派单与订阅者管理</li>
|
||
<li>按角色（运维管理员/主管/工程师）分发</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 12 系统设置 -->
|
||
<section id="settings" class="module">
|
||
<h2>12 系统设置</h2>
|
||
<p class="module__lead">
|
||
系统设置模块是平台的安全与运维底座。它涵盖基础设置、用户与角色、菜单与组织管理、场站管理、设备接入、告警与工单模型、通知策略、系统维护、在线用户、日志管理与视频管理，确保平台可配置、可审计、可维护。
|
||
</p>
|
||
<div class="module__submodules">
|
||
<div class="submodule">
|
||
<h4>基础与用户权限</h4>
|
||
<ul>
|
||
<li>系统名称、版本、Logo、主题（浅色/深色/跟随系统）</li>
|
||
<li>用户管理：增删改、角色分配、重置密码</li>
|
||
<li>角色管理：权限标识、设备操作权限、角色级别</li>
|
||
<li>菜单管理：目录/菜单/按钮三级、动态菜单树</li>
|
||
<li>组织管理：组织树、负责人、联系电话</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>场站与设备接入</h4>
|
||
<ul>
|
||
<li>场站管理：名称、类型、地址、装机容量、经纬度、时区</li>
|
||
<li>设备接入：接入协议、SN 码、验证码、MQTT/RTSP 配置</li>
|
||
<li>设备管理：产品、型号、无人机、机器人、摄像头绑定</li>
|
||
<li>智能网关、厂商与产品编号管理</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>告警与工单模型</h4>
|
||
<ul>
|
||
<li>告警模型管理：阈值配置、自动生成工单</li>
|
||
<li>工单模型管理：工单名称、关联产品</li>
|
||
<li>错误规则：错误编码、校验字段、对比规则与区间</li>
|
||
<li>物模型属性与指令配置</li>
|
||
</ul>
|
||
</div>
|
||
<div class="submodule">
|
||
<h4>通知、维护与日志</h4>
|
||
<ul>
|
||
<li>通知策略：钉钉告警推送、SMS、邮件、应用推送</li>
|
||
<li>数据与安全：SSL 证书、双因素认证</li>
|
||
<li>系统维护：数据库备份、缓存清理、重启服务</li>
|
||
<li>服务器状态：磁盘/内存/CPU 使用率与运行时长</li>
|
||
<li>在线用户：强制下线</li>
|
||
<li>日志管理：登录/操作/错误/系统日志与导出</li>
|
||
<li>视频管理：摄像头增删与 RTSP 地址配置</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 13 应用场景 -->
|
||
<section id="scenarios" class="module">
|
||
<h2>13 应用场景</h2>
|
||
<ul class="feature-list">
|
||
<li>
|
||
<span class="feature-list__icon">A</span>
|
||
<div class="feature-list__body">
|
||
<span class="feature-list__title">集中式光伏电站</span>
|
||
<span class="feature-list__desc">大面积阵列的无人机热成像巡检、机器人清洗与割草作业，降低人工巡检成本与发电损失。</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<span class="feature-list__icon">B</span>
|
||
<div class="feature-list__body">
|
||
<span class="feature-list__title">分布式光伏电站</span>
|
||
<span class="feature-list__desc">多场站统一接入与切换，按场站隔离数据与权限，适合分布式资产的集中化运维。</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<span class="feature-list__icon">C</span>
|
||
<div class="feature-list__body">
|
||
<span class="feature-list__title">农光互补 / 渔光互补</span>
|
||
<span class="feature-list__desc">割草机器人与巡检机器人协同，兼顾组件清洗与场地植被管理，一机多用。</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<span class="feature-list__icon">D</span>
|
||
<div class="feature-list__body">
|
||
<span class="feature-list__title">电站周界安防</span>
|
||
<span class="feature-list__desc">视频墙 + AI 周界入侵检测 + 远程驱避，实现无人值守的全天候安防巡逻。</span>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<div class="callout">
|
||
<span class="callout__label">运营宣传要点</span>
|
||
一套系统覆盖"采（设备接入）—看（视频监控）—诊（AI 分析）—洗（清洗优化）—修（工单闭环）—报（报表中心）"全链条，让客户看到的是完整的智能运维闭环，而非孤立的工具堆叠。
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<footer>
|
||
<p>本宣传册基于光伏电站智能运维系统 V1.0 实际功能模块编制，涵盖总览首页、设备管理、视频监控、告警中心、AI 诊断分析、清洗优化、工单任务、报表中心与系统设置等全部模块。</p>
|
||
<p>如需了解各模块演示或定制方案，请联系产品团队。</p>
|
||
</footer>
|
||
</div>
|
||
</article>
|
||
</body>
|
||
</html>
|