Files
Agent-n8n/web_frontend/web_result/order-classes/environmental/index.html
Yep_Q 6c172673e7 feat: 为12个订单班添加专属SVG图标
详细说明:
- 为每个订单班创建专属的SVG favicon图标
- 每个图标使用渐变色和专属图形设计
- 在所有订单班的index.html中添加favicon引用
- 图标设计:
  * wenlu(文旅): 紫蓝渐变 + 地图标记
  * food(食品): 橙红渐变 + 厨师帽
  * visual-design(视觉设计): 粉紫渐变 + 画笔
  * civil(土木): 灰蓝渐变 + 建筑
  * health(大健康): 绿青渐变 + 医疗十字
  * energy(能源): 黄橙渐变 + 闪电
  * transportation(交通物流): 蓝色渐变 + 卡车
  * manufacturing(智能制造): 深蓝银色渐变 + 齿轮
  * developer(智能开发): 青绿渐变 + 代码符号
  * finance(财经商贸): 金蓝渐变 + 上升图表
  * environmental(环保): 绿蓝渐变 + 叶子
  * chemical(化工): 蓝紫渐变 + 烧杯
- 修改文件: 12个favicon.svg文件 + 12个index.html文件
- 影响模块: 所有订单班网页的视觉标识系统

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-10 17:12:22 +08:00

983 lines
48 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>某地表水环境质量考核断面水质采样方案 - 环保订单班</title>
<link rel="icon" type="image/svg+xml" href="favicon.svg">
<link rel="stylesheet" href="css/styles.css">
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
</head>
<body class="dark-theme">
<!-- 主题切换按钮 -->
<div class="theme-toggle">
<button id="themeToggleBtn" class="theme-toggle-btn">
<i data-lucide="sun" class="theme-icon theme-icon-light"></i>
<i data-lucide="moon" class="theme-icon theme-icon-dark"></i>
</button>
</div>
<!-- Hero 区域 -->
<section class="hero">
<div class="hero-content">
<div class="hero-badge">🌊 环保订单班</div>
<h1 class="hero-title">地表水环境质量监测方案</h1>
<h2 class="hero-subtitle">长江国考断面水质采样项目</h2>
<p class="hero-description">
<i data-lucide="droplet"></i> 26项水质指标全面监测<br>
<i data-lucide="users"></i> 8大专业Agent协同作业<br>
<i data-lucide="shield-check"></i> 符合GB 3838-2002国家标准
</p>
</div>
</section>
<!-- 导航栏 -->
<nav class="nav">
<div class="nav-container">
<div class="nav-item active">
<i data-lucide="file-text"></i>
<span>项目背景</span>
</div>
<div class="nav-item">
<i data-lucide="target"></i>
<span>监测方案</span>
</div>
<div class="nav-item">
<i data-lucide="flask-conical"></i>
<span>采样方法</span>
</div>
<div class="nav-item">
<i data-lucide="microscope"></i>
<span>检测分析</span>
</div>
<div class="nav-item">
<i data-lucide="shield-check"></i>
<span>质量控制</span>
</div>
<div class="nav-item">
<i data-lucide="calculator"></i>
<span>预算规划</span>
</div>
<div class="nav-item">
<i data-lucide="file-check"></i>
<span>成果交付</span>
</div>
<div class="nav-item">
<i data-lucide="globe"></i>
<span>项目统筹</span>
</div>
</div>
</nav>
<!-- Section 1: 项目背景与需求分析 -->
<section class="section">
<div class="container">
<div class="section-header">
<img src="agent-avatars/环境咨询师.jpg" alt="环境咨询师" class="agent-avatar">
<div class="agent-info">
<div class="agent-name">
<i data-lucide="user-check"></i> 环境咨询师
</div>
<h2 class="section-title">项目背景与需求分析</h2>
</div>
</div>
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="info"></i> 项目背景概况</h3>
<p>受广东市生态环境局委托,对长江国考断面进行定期水质监测,评估其是否符合地表水Ⅲ类功能水体标准。监测数据将为地方政府水质管理政策提供数据支持,并为年度水质考核提供可靠依据。</p>
</div>
<div class="image-container" style="margin-bottom: var(--spacing-xl);">
<img data-src="images/长江航海图片.jpg" alt="长江监测断面" loading="lazy">
<div class="image-caption">长江国考"长江大桥"断面位置</div>
</div>
<div class="grid grid-2">
<div class="card">
<div class="card-header">
<h3 class="card-title">监测目的</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="check-circle"></i> 评估地表水Ⅲ类标准符合性</li>
<li><i data-lucide="check-circle"></i> 为年度水质考核提供依据</li>
<li><i data-lucide="check-circle"></i> 支撑环境保护决策</li>
<li><i data-lucide="check-circle"></i> 污染控制措施制定</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">监测地点</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="map-pin"></i> 断面:长江大桥断面</li>
<li><i data-lucide="navigation"></i> 坐标E 114.3120°, N 30.5921°</li>
<li><i data-lucide="ruler"></i> 河宽85米</li>
<li><i data-lucide="waves"></i> 水深1.8-5.2米(枯/丰水期)</li>
</ul>
</div>
</div>
</div>
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
<h3><i data-lucide="book-open"></i> 法律法规依据</h3>
<div class="grid grid-2" style="margin-top: var(--spacing-md);">
<div class="card">
<div class="image-container">
<img data-src="images/中华人民共和国环境保护法截图.jpg" alt="环境保护法" loading="lazy">
</div>
<div class="card-body">
<h4>《中华人民共和国环境保护法》</h4>
<p>水质监测数据必须具有公信力,符合国家环境保护要求</p>
</div>
</div>
<div class="card">
<div class="image-container">
<img data-src="images/水污染防治法截图.jpg" alt="水污染防治法" loading="lazy">
</div>
<div class="card-body">
<h4>《水污染防治法》</h4>
<p>规定水质监测、污染源排放管控及水体自净能力保护</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 2: 监测方案设计 -->
<section class="section">
<div class="container">
<div class="section-header">
<img src="agent-avatars/环保项目经理.jpg" alt="环保项目经理" class="agent-avatar">
<div class="agent-info">
<div class="agent-name">
<i data-lucide="clipboard-list"></i> 环保项目经理
</div>
<h2 class="section-title">监测方案设计</h2>
</div>
</div>
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="layers"></i> 监测指标体系</h3>
<p>根据监测任务需求考核的水质指标包括理化指标、营养盐、重金属、有机污染物及生物指标共26项关键参数严格按照GB 3838-2002和HJ/T 91-2022标准执行。</p>
</div>
<div class="grid grid-2">
<div class="image-container">
<img data-src="images/地表水环境质量标准示意图.jpg" alt="地表水环境质量标准" loading="lazy">
<div class="image-caption">地表水环境质量标准</div>
</div>
<div class="image-container">
<img data-src="images/地表水监测技术规范示意图.jpg" alt="监测技术规范" loading="lazy">
<div class="image-caption">地表水监测技术规范</div>
</div>
</div>
<div class="table-container" style="margin-top: var(--spacing-xl);">
<table>
<thead>
<tr>
<th>指标类别</th>
<th>监测项目</th>
<th>检测方法</th>
<th>保存要求</th>
</tr>
</thead>
<tbody>
<tr>
<td>理化指标</td>
<td>pH、DO、CODCr、BOD5、NH₃-N</td>
<td>现场+实验室</td>
<td>现场测定</td>
</tr>
<tr>
<td>营养盐</td>
<td>TN、TP、Chl-a</td>
<td>实验室分析</td>
<td>H₂SO₄保存7天</td>
</tr>
<tr>
<td>重金属</td>
<td>As、Hg、Cd、Pb、Cr⁶⁺、Cu、Zn、Ni</td>
<td>实验室分析</td>
<td>HNO₃保存180天</td>
</tr>
<tr>
<td>有机物</td>
<td>石油类、挥发酚、CN⁻、硫化物等</td>
<td>实验室分析</td>
<td>NaOH保存7天</td>
</tr>
<tr>
<td>生物指标</td>
<td>粪大肠菌群、总大肠菌群</td>
<td>实验室培养</td>
<td>硫代硫酸钠6小时</td>
</tr>
</tbody>
</table>
</div>
<div class="grid grid-3" style="margin-top: var(--spacing-xl);">
<div class="card">
<div class="image-container">
<img data-src="images/营养盐示意图.jpg" alt="营养盐监测" loading="lazy">
</div>
<div class="card-header">
<h3 class="card-title">营养盐监测</h3>
</div>
<div class="card-body">
<p>总氮、总磷、叶绿素a等营养盐指标分析评估水体富营养化风险。</p>
</div>
</div>
<div class="card">
<div class="image-container">
<img data-src="images/重金属示意图.jpg" alt="重金属检测" loading="lazy">
</div>
<div class="card-header">
<h3 class="card-title">重金属检测</h3>
</div>
<div class="card-body">
<p>砷、汞、镉、铅等8项重金属元素检测保障水质安全。</p>
</div>
</div>
<div class="card">
<div class="image-container">
<img data-src="images/有机物示意图.jpg" alt="有机物分析" loading="lazy">
</div>
<div class="card-header">
<h3 class="card-title">有机物分析</h3>
</div>
<div class="card-body">
<p>石油类、挥发酚、苯系物等有机污染物全面筛查。</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 3: 采样方法与技术 -->
<section class="section">
<div class="container">
<div class="section-header">
<img src="agent-avatars/水质采样专家.jpg" alt="水质采样专家" class="agent-avatar">
<div class="agent-info">
<div class="agent-name">
<i data-lucide="flask-conical"></i> 水质采样专家
</div>
<h2 class="section-title">采样方法与技术</h2>
</div>
</div>
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="map"></i> 采样点位布设</h3>
<p>根据河流宽度和水深条件在断面设置3个垂线左、中、右每个垂线设置2-3个采样深度点确保样品代表性。丰水期采集上、中、下层样品枯水期采集上、下层样品。</p>
</div>
<div class="grid grid-2">
<div class="image-container">
<img data-src="images/长江采样布点图.jpg" alt="采样布点图" loading="lazy">
<div class="image-caption">长江采样断面布点图</div>
</div>
<div class="image-container">
<img data-src="images/长江河流断面位置.jpg" alt="河流断面位置" loading="lazy">
<div class="image-caption">河流断面位置示意</div>
</div>
</div>
<div class="grid grid-3" style="margin-top: var(--spacing-xl);">
<div class="card">
<div class="image-container">
<img data-src="images/水流分布示意图1.jpg" alt="水流分布" loading="lazy">
</div>
<div class="card-header">
<h3 class="card-title">水流分布分析</h3>
</div>
<div class="card-body">
<p>通过流速仪测定各垂线水流分布,优化采样点位选择。</p>
</div>
</div>
<div class="card">
<div class="image-container">
<img data-src="images/垂线分布图.jpg" alt="垂线分布" loading="lazy">
</div>
<div class="card-header">
<h3 class="card-title">垂线布设方案</h3>
</div>
<div class="card-body">
<p>左、中、右三条垂线,确保横向覆盖全断面。</p>
</div>
</div>
<div class="card">
<div class="image-container">
<img data-src="images/采样流程.jpg" alt="采样流程" loading="lazy">
</div>
<div class="card-header">
<h3 class="card-title">采样操作流程</h3>
</div>
<div class="card-body">
<p>标准化采样流程,从准备、采集到保存全程规范操作。</p>
</div>
</div>
</div>
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
<h3><i data-lucide="wrench"></i> 采样设备与工具</h3>
<div class="grid grid-2" style="margin-top: var(--spacing-md);">
<div class="card">
<div class="image-container">
<img data-src="images/采样仪器设备.jpg" alt="采样仪器" loading="lazy">
</div>
<div class="card-body">
<h4>专业采样设备</h4>
<ul class="feature-list">
<li><i data-lucide="check-circle"></i> 有机玻璃采水器</li>
<li><i data-lucide="check-circle"></i> GPS定位系统</li>
<li><i data-lucide="check-circle"></i> 便携式水质仪</li>
<li><i data-lucide="check-circle"></i> 保温箱与冰袋</li>
</ul>
</div>
</div>
<div class="card">
<div class="image-container">
<img data-src="images/现场采样操作工作照.jpg" alt="现场采样" loading="lazy">
</div>
<div class="card-body">
<h4>现场操作规范</h4>
<ul class="feature-list">
<li><i data-lucide="check-circle"></i> 样品容器预处理</li>
<li><i data-lucide="check-circle"></i> 现场参数测定</li>
<li><i data-lucide="check-circle"></i> 样品标识编码</li>
<li><i data-lucide="check-circle"></i> 保存剂添加</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 4: 检测分析方法 -->
<section class="section">
<div class="container">
<div class="section-header">
<img src="agent-avatars/EHS工程师.jpg" alt="EHS工程师" class="agent-avatar">
<div class="agent-info">
<div class="agent-name">
<i data-lucide="microscope"></i> EHS工程师
</div>
<h2 class="section-title">检测分析方法</h2>
</div>
</div>
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="flask-round"></i> 实验室检测体系</h3>
<p>配备ICP-MS、GC-MS、分光光度计等先进检测设备采用国家标准方法进行26项水质指标分析。所有检测方法均经过CMA认证确保数据准确可靠。</p>
</div>
<div class="image-container" style="margin-bottom: var(--spacing-xl);">
<img data-src="images/检测仪器.jpg" alt="检测仪器设备" loading="lazy">
<div class="image-caption">实验室检测仪器设备</div>
</div>
<div class="grid grid-3">
<div class="card">
<div class="card-header">
<h3 class="card-title">光谱分析法</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="check-circle"></i> ICP-MS重金属检测</li>
<li><i data-lucide="check-circle"></i> 原子吸收光谱</li>
<li><i data-lucide="check-circle"></i> 紫外分光光度</li>
<li><i data-lucide="check-circle"></i> 荧光光谱分析</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">色谱分析法</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="check-circle"></i> GC-MS有机物检测</li>
<li><i data-lucide="check-circle"></i> 液相色谱分析</li>
<li><i data-lucide="check-circle"></i> 离子色谱法</li>
<li><i data-lucide="check-circle"></i> 气相色谱法</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">生化分析法</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="check-circle"></i> BOD5生化需氧量</li>
<li><i data-lucide="check-circle"></i> 微生物培养法</li>
<li><i data-lucide="check-circle"></i> 酶标仪检测</li>
<li><i data-lucide="check-circle"></i> 生物指标分析</li>
</ul>
</div>
</div>
</div>
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
<h3><i data-lucide="database"></i> 数据处理流程</h3>
<div class="grid grid-4" style="margin-top: var(--spacing-md);">
<div class="card">
<div class="image-container">
<img data-src="images/采样表图标.jpg" alt="采样表" loading="lazy">
</div>
<div class="card-body" style="text-align: center;">
<h4>采样记录表</h4>
</div>
</div>
<div class="card">
<div class="image-container">
<img data-src="images/现场数据采集记录.jpg" alt="数据采集" loading="lazy">
</div>
<div class="card-body" style="text-align: center;">
<h4>数据采集</h4>
</div>
</div>
<div class="card">
<div class="image-container">
<img data-src="images/数据审核与验证图标.jpg" alt="数据审核" loading="lazy">
</div>
<div class="card-body" style="text-align: center;">
<h4>数据审核</h4>
</div>
</div>
<div class="card">
<div class="image-container">
<img data-src="images/数据存档图标.jpg" alt="数据存档" loading="lazy">
</div>
<div class="card-body" style="text-align: center;">
<h4>数据存档</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 5: 质量控制措施 -->
<section class="section">
<div class="container">
<div class="section-header">
<img src="agent-avatars/质量控制专家.jpg" alt="质量控制专家" class="agent-avatar">
<div class="agent-info">
<div class="agent-name">
<i data-lucide="shield-check"></i> 质量控制专家
</div>
<h2 class="section-title">质量控制措施</h2>
</div>
</div>
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="clipboard-check"></i> 全程质量保证</h3>
<p>建立从采样到报告的全程质量控制体系包括现场质控、实验室质控和数据质控三个层次。现场空白、平行样比例≥10%加标回收率85-115%相对偏差≤20%。</p>
</div>
<div class="grid grid-2">
<div class="card">
<div class="image-container">
<img data-src="images/质量控制措施.jpg" alt="质量控制措施" loading="lazy">
</div>
<div class="card-header">
<h3 class="card-title">现场质量控制</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="check-circle"></i> 现场空白样品10%</li>
<li><i data-lucide="check-circle"></i> 平行样采集分析</li>
<li><i data-lucide="check-circle"></i> 仪器校准验证</li>
<li><i data-lucide="check-circle"></i> GPS精准定位</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">实验室质量控制</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="check-circle"></i> 标准物质验证</li>
<li><i data-lucide="check-circle"></i> 加标回收试验</li>
<li><i data-lucide="check-circle"></i> 空白试验对照</li>
<li><i data-lucide="check-circle"></i> 精密度控制</li>
</ul>
</div>
</div>
</div>
<div class="table-container" style="margin-top: var(--spacing-xl);">
<table>
<thead>
<tr>
<th>质控指标</th>
<th>控制要求</th>
<th>实施方法</th>
<th>合格标准</th>
</tr>
</thead>
<tbody>
<tr>
<td>现场空白</td>
<td>≥10%样品数</td>
<td>纯水现场暴露</td>
<td>不得检出目标物</td>
</tr>
<tr>
<td>平行样</td>
<td>≥10%样品数</td>
<td>同点位同时采样</td>
<td>相对偏差≤20%</td>
</tr>
<tr>
<td>加标回收</td>
<td>每批次1-2个</td>
<td>已知浓度标准添加</td>
<td>回收率85-115%</td>
</tr>
<tr>
<td>标准物质</td>
<td>每批次检测</td>
<td>国家标准物质验证</td>
<td>在保证值范围内</td>
</tr>
<tr>
<td>仪器校准</td>
<td>每日检测前</td>
<td>标准曲线验证</td>
<td>R²≥0.995</td>
</tr>
</tbody>
</table>
</div>
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
<h3><i data-lucide="book-open"></i> 技术规范依据</h3>
<div class="grid grid-2" style="margin-top: var(--spacing-md);">
<div class="card">
<div class="image-container">
<img data-src="images/工业企业水污染物排放标准截图.jpg" alt="排放标准" loading="lazy">
</div>
<div class="card-body">
<h4>工业企业水污染物排放标准</h4>
<p>GB 8978-1996及行业特定标准</p>
</div>
</div>
<div class="card">
<div class="image-container">
<img data-src="images/污水综合排放标准截图.jpg" alt="综合标准" loading="lazy">
</div>
<div class="card-body">
<h4>污水综合排放标准</h4>
<p>GB 3838-2002 地表水环境质量标准</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 6: 项目预算规划 -->
<section class="section">
<div class="container">
<div class="section-header">
<img src="agent-avatars/项目预算专家.jpg" alt="项目预算专家" class="agent-avatar">
<div class="agent-info">
<div class="agent-name">
<i data-lucide="calculator"></i> 项目预算专家
</div>
<h2 class="section-title">项目预算规划</h2>
</div>
</div>
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="coins"></i> 费用预算明细</h3>
<p>项目总预算约45万元包含采样费用、检测分析费用、质量控制费用、人员及设备费用等。检测费用占比最大55%其次是人员及差旅费用25%设备及耗材费用15%质控及其他费用5%)。</p>
</div>
<div class="table-container">
<table>
<thead>
<tr>
<th>费用项目</th>
<th>单价/次</th>
<th>数量/频次</th>
<th>小计(万元)</th>
<th>占比</th>
</tr>
</thead>
<tbody>
<tr>
<td>采样作业费</td>
<td>8000元/次</td>
<td>12次/年</td>
<td>9.6</td>
<td>21%</td>
</tr>
<tr>
<td>检测分析费</td>
<td>1800元/样品</td>
<td>144样品/年</td>
<td>25.9</td>
<td>58%</td>
</tr>
<tr>
<td>质量控制费</td>
<td>500元/批</td>
<td>12批/年</td>
<td>0.6</td>
<td>1%</td>
</tr>
<tr>
<td>人员差旅费</td>
<td>2000元/次</td>
<td>12次/年</td>
<td>2.4</td>
<td>5%</td>
</tr>
<tr>
<td>设备耗材费</td>
<td>-</td>
<td>-</td>
<td>4.5</td>
<td>10%</td>
</tr>
<tr>
<td>报告编制费</td>
<td>5000元/份</td>
<td>4份/年</td>
<td>2.0</td>
<td>4%</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3" style="text-align: right; font-weight: bold;">合计</td>
<td style="font-weight: bold;">45.0</td>
<td style="font-weight: bold;">100%</td>
</tr>
</tfoot>
</table>
</div>
<div class="stats" style="margin-top: var(--spacing-xl);">
<div class="stat-item">
<div class="stat-label">项目总预算</div>
<div class="stat-value">45万元</div>
</div>
<div class="stat-item">
<div class="stat-label">监测频次</div>
<div class="stat-value">12次/年</div>
</div>
<div class="stat-item">
<div class="stat-label">监测指标</div>
<div class="stat-value">26项</div>
</div>
<div class="stat-item">
<div class="stat-label">样品总数</div>
<div class="stat-value">144个/年</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 7: 成果交付与报告 -->
<section class="section">
<div class="container">
<div class="section-header">
<img src="agent-avatars/文案格式整理专员.jpg" alt="文案格式整理专员" class="agent-avatar">
<div class="agent-info">
<div class="agent-name">
<i data-lucide="file-check"></i> 文案格式整理专员
</div>
<h2 class="section-title">成果交付与报告</h2>
</div>
</div>
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="file-text"></i> 交付成果清单</h3>
<p>每季度提交1份季度监测报告全年共4份。报告包含监测数据汇总、水质达标分析、污染趋势评估、改善建议等内容。同时提交原始记录、质控数据、电子数据库等附件材料。</p>
</div>
<div class="grid grid-2">
<div class="card">
<div class="image-container">
<img data-src="images/文件输出与报告图标.jpg" alt="监测报告" loading="lazy">
</div>
<div class="card-header">
<h3 class="card-title">季度监测报告</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="check-circle"></i> 监测数据汇总表</li>
<li><i data-lucide="check-circle"></i> 水质达标评价</li>
<li><i data-lucide="check-circle"></i> 污染趋势分析</li>
<li><i data-lucide="check-circle"></i> 改善建议措施</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">附件材料</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="check-circle"></i> 采样原始记录</li>
<li><i data-lucide="check-circle"></i> 实验室检测报告</li>
<li><i data-lucide="check-circle"></i> 质控数据记录</li>
<li><i data-lucide="check-circle"></i> 电子数据库</li>
</ul>
</div>
</div>
</div>
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
<h3><i data-lucide="trending-up"></i> 水质评价标准</h3>
<div class="grid grid-3" style="margin-top: var(--spacing-md);">
<div class="card">
<div class="card-header">
<h3 class="card-title">-Ⅱ类水质</h3>
</div>
<div class="card-body">
<p style="color: var(--color-success);"></p>
<p>可作为饮用水源,生态良好</p>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">Ⅲ类水质</h3>
</div>
<div class="card-body">
<p style="color: var(--color-primary);">良好</p>
<p>本次监测目标标准</p>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">Ⅳ-Ⅴ类水质</h3>
</div>
<div class="card-body">
<p style="color: var(--color-warning);">轻度污染</p>
<p>需采取控制措施</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 8: 项目统筹管理 -->
<section class="section">
<div class="container">
<div class="section-header">
<img src="agent-avatars/项目主管.jpg" alt="项目主管" class="agent-avatar">
<div class="agent-info">
<div class="agent-name">
<i data-lucide="globe"></i> 项目主管
</div>
<h2 class="section-title">项目统筹管理</h2>
</div>
</div>
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="calendar"></i> 年度监测计划</h3>
<p>全年12次监测每月1次涵盖丰水期、平水期、枯水期不同水文条件。重点关注汛期6-9月和枯水期12-2月的水质变化及时预警污染风险。</p>
</div>
<div class="table-container">
<table>
<thead>
<tr>
<th>监测月份</th>
<th>水文期</th>
<th>重点关注指标</th>
<th>特别说明</th>
</tr>
</thead>
<tbody>
<tr>
<td>1-2月</td>
<td>枯水期</td>
<td>DO、氨氮、重金属</td>
<td>水量小,污染物浓度高</td>
</tr>
<tr>
<td>3-5月</td>
<td>平水期</td>
<td>营养盐、有机物</td>
<td>春季藻类易繁殖</td>
</tr>
<tr>
<td>6-9月</td>
<td>丰水期</td>
<td>COD、悬浮物、粪大肠菌群</td>
<td>汛期面源污染增加</td>
</tr>
<tr>
<td>10-12月</td>
<td>平水-枯水期</td>
<td>总氮、总磷</td>
<td>水量递减,富营养化风险</td>
</tr>
</tbody>
</table>
</div>
<div class="grid grid-2" style="margin-top: var(--spacing-xl);">
<div class="card">
<div class="image-container">
<img data-src="images/生物指标示意图.jpg" alt="生物指标监测" loading="lazy">
</div>
<div class="card-header">
<h3 class="card-title">生物指标监测</h3>
</div>
<div class="card-body">
<p>粪大肠菌群、总大肠菌群等生物指标,评估水体卫生学安全性。</p>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">团队组织架构</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="users"></i> 项目经理 1名</li>
<li><i data-lucide="flask-conical"></i> 采样技术员 3名</li>
<li><i data-lucide="microscope"></i> 检测分析员 4名</li>
<li><i data-lucide="shield-check"></i> 质量控制员 1名</li>
<li><i data-lucide="file-text"></i> 报告编制员 1名</li>
</ul>
</div>
</div>
</div>
<div class="stats" style="margin-top: var(--spacing-xl);">
<div class="stat-item">
<div class="stat-label">监测周期</div>
<div class="stat-value">12个月</div>
</div>
<div class="stat-item">
<div class="stat-label">团队人员</div>
<div class="stat-value">10人</div>
</div>
<div class="stat-item">
<div class="stat-label">质控样本比例</div>
<div class="stat-value">≥10%</div>
</div>
<div class="stat-item">
<div class="stat-label">数据准确度</div>
<div class="stat-value">≥95%</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer: 项目成果总结 -->
<section class="section" style="background: var(--bg-semi-dark); padding: var(--spacing-3xl) 0;">
<div class="container">
<h2 class="section-title text-center" style="margin-bottom: var(--spacing-2xl);">
<i data-lucide="award"></i> 项目成果总结
</h2>
<div class="grid grid-3">
<div class="card">
<div class="card-header" style="order: 1;">
<h3 class="card-title">📋 交付物清单</h3>
</div>
<div class="card-body" style="order: 2;">
<ul class="feature-list">
<li><i data-lucide="file-text"></i> 采样方案报告</li>
<li><i data-lucide="file-text"></i> 季度监测报告4份</li>
<li><i data-lucide="file-text"></i> 年度总结报告</li>
<li><i data-lucide="database"></i> 监测数据库</li>
<li><i data-lucide="image"></i> 现场照片资料</li>
<li><i data-lucide="clipboard"></i> 质控记录文件</li>
<li><i data-lucide="bar-chart"></i> 趋势分析图表</li>
<li><i data-lucide="lightbulb"></i> 改善建议方案</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header" style="order: 1;">
<h3 class="card-title">🎯 项目目标</h3>
</div>
<div class="card-body" style="order: 2;">
<ul class="feature-list">
<li><i data-lucide="target"></i> 26项指标全覆盖</li>
<li><i data-lucide="check-circle"></i> Ⅲ类水质达标率≥90%</li>
<li><i data-lucide="calendar"></i> 12次/年定期监测</li>
<li><i data-lucide="database"></i> 数据准确度≥95%</li>
<li><i data-lucide="shield-check"></i> 质控样本≥10%</li>
<li><i data-lucide="clock"></i> 报告及时提交</li>
<li><i data-lucide="trending-up"></i> 污染趋势预警</li>
<li><i data-lucide="award"></i> CMA资质认证</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header" style="order: 1;">
<h3 class="card-title">⚙️ 技术保障</h3>
</div>
<div class="card-body" style="order: 2;">
<ul class="feature-list">
<li><i data-lucide="microscope"></i> ICP-MS检测设备</li>
<li><i data-lucide="flask-round"></i> GC-MS分析仪器</li>
<li><i data-lucide="thermometer"></i> BOD培养箱</li>
<li><i data-lucide="droplet"></i> 自动采样器</li>
<li><i data-lucide="map-pin"></i> GPS定位系统</li>
<li><i data-lucide="wifi"></i> 数据传输系统</li>
<li><i data-lucide="server"></i> LIMS实验室系统</li>
<li><i data-lucide="shield"></i> 三级质控体系</li>
</ul>
</div>
</div>
</div>
<div class="text-center" style="margin-top: var(--spacing-2xl); color: var(--text-gray);">
<p>🌊 长江国考断面水质采样项目圆满完成!</p>
<p style="margin-top: var(--spacing-sm);">© 2024 环保订单班 | AI驱动的环境监测解决方案</p>
</div>
</div>
</section>
<script src="js/main.js"></script>
</body>
</html>