Files
new-site/self-sufficiency.html

150 lines
8.4 KiB
HTML
Raw Permalink 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">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- SEO Meta Tags -->
<title>自保障设计 - 轻索方舱 | 高海拔环境乡村医疗服务基站</title>
<meta name="description" content="自保障设计:太阳能发电、水循环利用">
<!-- Base Path for Subdirectory Deployment -->
<base href="/g2026/g4/">
<!-- Smart Path Detection -->
<script>
(function() {
const hostname = window.location.hostname;
if (hostname === 'localhost' || hostname === '127.0.0.1' || hostname === '') {
const baseTag = document.querySelector('base');
if (baseTag) {
baseTag.remove();
console.log('🔧 Local dev mode: base tag removed');
}
}
})();
</script>
<!-- Stylesheet -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- 顶部固定导航栏 -->
<nav class="navbar" id="navbar">
<div class="nav-container">
<div class="nav-logo">毕业设计展示</div>
<ul class="nav-menu" id="navMenu">
<li><a href="index.html" class="nav-link">首页</a></li>
<li><a href="analysis.html" class="nav-link">前期分析</a></li>
<li><a href="design.html" class="nav-link">设计表现</a></li>
<li><a href="drawings.html" class="nav-link">设计图纸</a></li>
<li><a href="performance.html" class="nav-link">性能分析</a></li>
<li><a href="self-sufficiency.html" class="nav-link active">自保障设计</a></li>
<li><a href="construction.html" class="nav-link">建造模拟</a></li>
<li><a href="about.html" class="nav-link">关于项目</a></li>
</ul>
<div class="hamburger" id="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
<!-- 页面标题区域 -->
<section class="page-header">
<div class="container">
<h1 class="page-title">自保障设计</h1>
<p class="page-subtitle">Self-Sufficiency Design</p>
</div>
</section>
<!-- 内容区域 -->
<!-- 1. 建筑能源系统综合分析 -->
<section class="section" id="energy-analysis">
<div class="container">
<h2 class="section-title">建筑能源系统综合分析</h2>
<!-- 第一段文字 -->
<div class="content-block">
<p class="large-text">基于建筑12个月的能耗模拟数据得到建筑月度能耗构成柱状图下方左图供暖用电是最大能耗来源冬季显著高于夏季光伏发电能力存在月度波动春秋季节发电能力显著。</p>
<p class="large-text">分析能源消耗与能源产出的数据关系得到下方右图。可以发现4-9月是能源盈余期光伏发电量超过总能耗可与村子其他建筑电网相连补贴村内其他建筑用电11-次年2月是能源缺口期特别是1月存在约6,088.1 kWh的能源缺口需考虑增加光伏板面积可放在建筑基座南面的温棚上或是通过柴油发电机填补电力亏空。</p>
</div>
<!-- 两张图并排(带图名) -->
<div class="image-pair-with-caption">
<div class="image-item">
<img src="images/self-energy-01.jpg" alt="建筑月度能耗构成柱状图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">建筑月度能耗构成柱状图</div>
<p class="image-caption">建筑月度能耗构成柱状图</p>
</div>
<div class="image-item">
<img src="images/self-energy-02.jpg" alt="逐月能源供需平衡分析" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">逐月能源供需平衡分析</div>
<p class="image-caption">逐月能源供需平衡分析</p>
</div>
</div>
<!-- 第二段文字 -->
<div class="content-block">
<p class="large-text">对于24片光电板发电情况的模拟数据分析得到各光伏板发电量情况年度总发电量为78,564.93 kWh平均单机发电量为3,273.54 kWh。发电机之间存在一定性能差异最大相差约1,028.31 kWh前10台发电机贡献了约54.2%的总发电量,系统整体发电性能良好。</p>
<p class="large-text">取1月1日作为典型日分析一天中的能耗供需变化曲线其中供暖用电呈现明显的日变化夜间用电量显著高于白天而伏发电遵循日照规律在中午时段达到峰值。才用储能砖块可以把光伏板日间的发电量转化为热量储存起来供给夜晚使用。</p>
</div>
<!-- 两张图并排(带图名) -->
<div class="image-pair-with-caption">
<div class="image-item">
<img src="images/self-energy-03.jpg" alt="各光伏发电板年度发电量排名" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">各光伏发电板年度发电量排名</div>
<p class="image-caption">各光伏发电板年度发电量排名</p>
</div>
<div class="image-item">
<img src="images/self-energy-04.jpg" alt="典型日1月1日能耗变化曲线" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">典型日1月1日能耗变化曲线</div>
<p class="image-caption">典型日1月1日能耗变化曲线</p>
</div>
</div>
</div>
</section>
<!-- 2. 排水系统设计 -->
<section class="section section-alt" id="drainage-system">
<div class="container">
<h2 class="section-title">排水系统设计</h2>
<!-- 文字说明 -->
<div class="content-block">
<p class="large-text">关于排水系统的设计平面图中A屋面的水汇入a外天沟B屋面的水汇入b内天沟。a天沟内的水流向两侧的管和Ⅱ管收集至地下一层的储水系统内可用于浇灌温室。b天沟内的水向两侧汇入【1】和【4】外天沟也分别汇入管和Ⅱ管中收集至地下层。</p>
<p class="large-text">蓝色圆圈标记处为外天沟打断点,打断处需穿过伸出屋面的拉索耳板。</p>
</div>
<!-- 两张图并排(带图名) -->
<div class="image-pair-with-caption">
<div class="image-item">
<img src="images/self-drainage-01.jpg" alt="排水系统图1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">排水系统图1</div>
<p class="image-caption">屋面排水内外天沟平面示意图</p>
</div>
<div class="image-item">
<img src="images/self-drainage-02.jpg" alt="排水系统图2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">排水系统图2</div>
<p class="image-caption">屋面排水内外天沟及预埋管西南等角视图</p>
</div>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="footer">
<div class="container">
<p>&copy; 2026 毕业设计展示 | 雪域阳光方舟 · 高海拔环境乡村医疗服务基站设计与建造研究</p>
</div>
</footer>
<!-- JavaScript -->
<script src="js/main.js"></script>
</body>
</html>