Files
new-site/construction.html

675 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">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- SEO Meta Tags -->
<title>建造模拟 - 轻索方舱 | 高海拔环境乡村医疗服务基站</title>
<meta name="description" content="建造模拟:场地总图、建造流程、构件表">
<meta name="keywords" content="建筑设计,毕业设计,青藏高原,轻钢结构,医疗站,拉索结构,建造模拟">
<meta name="author" content="杨雨晴">
<!-- Open Graph / Social Media Meta Tags -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://solarark.net/g2026/g4/construction.html">
<meta property="og:title" content="建造模拟 - 雪域阳光方舟">
<meta property="og:description" content="建造模拟:场地总图、建造流程、构件表">
<!-- Base Path for Subdirectory Deployment -->
<base href="/g2026/g4/">
<!-- Smart Path Detection - Must run before CSS/JS loading -->
<script>
(function() {
const hostname = window.location.hostname;
// 本地开发环境自动移除 base 标签
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">
<!-- Favicon -->
<!-- <link rel="icon" type="image/png" href="images/favicon.png"> -->
</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">自保障设计</a></li>
<li><a href="construction.html" class="nav-link active">建造模拟</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">Construction Simulation</p>
</div>
</section>
<!-- 内容区域 -->
<!-- 1. 建造总图(一张大图) -->
<section class="section" id="construction-site">
<div class="container">
<h2 class="section-title">建造总图</h2>
<div class="drawing-full enlarged">
<img src="images/construction-siteplan.jpg" alt="建造总图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text large" style="display:none;">建造总图</div>
</div>
</div>
</section>
<!-- 2. 构件表 -->
<section class="section section-alt" id="component-tables">
<div class="container">
<h2 class="section-title">构件表</h2>
<!-- 2.1 基座部分 -->
<div class="subsection">
<h3 class="subsection-title">2.1 基座部分</h3>
<!-- 上方:左图右表 -->
<div class="text-image-layout">
<div class="layout-images">
<img src="images/construction-base-01.jpg" alt="基座部分示意图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">基座部分示意图</div>
</div>
<div class="layout-table-right">
<table class="performance-table">
<thead>
<tr>
<th>编号</th>
<th>构件</th>
<th>材质</th>
<th>尺寸/mm</th>
<th>重量/kg</th>
<th>数量</th>
</tr>
</thead>
<tbody>
<tr><td>1</td><td>地螺丝A配圆形法兰</td><td>钢制镀锌</td><td>Φ168*4.0*2500mm 螺旋桩</td><td>46</td><td>81</td></tr>
<tr><td>2</td><td>地螺丝B无法兰有内螺纹</td><td>钢制镀锌</td><td>Φ168*4.0*5000mm 螺旋桩</td><td>92</td><td>24</td></tr>
<tr><td>3</td><td>预制基础板</td><td>混凝土</td><td>2000*4000*100mm</td><td>1920</td><td>344</td></tr>
<tr><td>4</td><td>砖堆</td><td></td><td>1200*1200*1500mm</td><td>5400</td><td>56</td></tr>
<tr><td>5</td><td>加热棒</td><td>不锈钢</td><td>Φ16*300mm 500W光面</td><td>0.12</td><td>112</td></tr>
<tr><td>6</td><td>工字钢</td><td>钢材</td><td>160*88*6*4000/8000mm</td><td>82/164</td><td>196/98</td></tr>
<tr><td>7</td><td>风管支架</td><td>钢材</td><td>"吊杆M8*400*600mm 横杆∠30×30×3mm"</td><td>0.8/0.4</td><td>70</td></tr>
<tr><td>8</td><td>圆钢管柱</td><td>钢材</td><td>Φ159*5*1750mm</td><td>33</td><td>49</td></tr>
<tr><td>9</td><td>硅酸钙板基氟碳漆饰面的外墙保温装饰一体板</td><td>硅酸钙板 岩棉 氟碳漆</td><td>2270*2000*150mm</td><td>48</td><td>80</td></tr>
</tbody>
</table>
</div>
</div>
<!-- 下方横向滑动小图至少8张 -->
<div class="image-slider-container">
<div class="image-slider construction-gallery">
<div class="slider-item with-caption">
<img src="images/construction-base-detail-01.jpg" alt="基座细节图1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">地螺丝A</div>
<p class="image-caption">地螺丝A</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-02.jpg" alt="基座细节图2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">地螺丝B</div>
<p class="image-caption">地螺丝B</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-03.jpg" alt="基座细节图3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">基座细节图3</div>
<p class="image-caption">预制基础板</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-04.jpg" alt="基座细节图4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">基座细节图4</div>
<p class="image-caption">砖堆</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-05.jpg" alt="基座细节图5" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">基座细节图5</div>
<p class="image-caption">加热棒</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-06.jpg" alt="基座细节图6" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">基座细节图6</div>
<p class="image-caption">工字钢</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-07.jpg" alt="基座细节图7" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">基座细节图7</div>
<p class="image-caption">风管支架</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-08.jpg" alt="基座细节图8" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">基座细节图8</div>
<p class="image-caption">硅酸钙基氟碳漆饰面保温装饰一体板</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-09.jpg" alt="基座细节图9" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">基座细节图9</div>
<p class="image-caption">圆钢管柱</p>
</div>
</div>
<div class="slider-hint">← 左右滑动查看更多 →</div>
</div>
</div>
<!-- 2.2 主体结构部分 -->
<div class="subsection">
<h3 class="subsection-title">2.2 主体结构部分</h3>
<!-- 上方:左图右表 -->
<div class="text-image-layout">
<div class="layout-images">
<img src="images/construction-main-01.jpg" alt="主体结构示意图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">主体结构示意图</div>
</div>
<div class="layout-table-right">
<table class="performance-table">
<thead>
<tr>
<th>编号</th>
<th>构件</th>
<th>材质</th>
<th>尺寸/mm</th>
<th>重量/kg</th>
<th>数量</th>
</tr>
</thead>
<tbody>
<tr><td>1</td><td>Q235B圆钢管柱上半截带加劲肋外法兰对接</td><td>钢材</td><td>Φ219*6*5000mm </td><td>157.6</td><td>4</td></tr>
<tr><td>2</td><td>Q235B圆钢管柱下半截带加劲肋外法兰对接</td><td>钢材</td><td>Φ219*6*5000mm </td><td>157.6</td><td>4</td></tr>
<tr><td>3</td><td>网架</td><td>钢材</td><td>60*60*4*8000*2000*1060mm</td><td>592</td><td>8</td></tr>
<tr><td>4</td><td>网架预埋A套筒</td><td>钢材</td><td>60*60*4*8000*2000*1060mm</td><td>592</td><td>2</td></tr>
<tr><td>5</td><td>网架预埋B套筒</td><td>钢材</td><td>60*60*4*8000*2000*1060mm</td><td>592</td><td>2</td></tr>
<tr><td>6</td><td>网架预埋C套筒</td><td>钢材</td><td>60*60*4*8000*2000*1060mm</td><td>592</td><td>2</td></tr>
<tr><td>7</td><td>网架预埋D套筒</td><td>钢材</td><td>60*60*4*8000*2000*1060mm</td><td>592</td><td>2</td></tr>
<tr><td>8</td><td>三角坡屋面支撑架</td><td>钢材</td><td>60*60*4*8000*2000*1080mm 60*60*4*6000*2000*1080mm</td><td>300/232</td><td>10/4</td></tr>
<tr><td>9</td><td>15.2mm钢绞线</td><td>钢材</td><td>大于132m</td><td>145</td><td>1</td></tr>
</tbody>
</table>
</div>
</div>
<!-- 下方横向滑动小图至少8张 -->
<div class="image-slider-container">
<div class="image-slider construction-gallery">
<div class="slider-item with-caption">
<img src="images/construction-main-detail-01.jpg" alt="主体细节图1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">主体细节图1</div>
<p class="image-caption">圆钢管柱上半截</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-02.jpg" alt="主体细节图2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">主体细节图2</div>
<p class="image-caption">圆钢管柱下半截</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-03.jpg" alt="主体细节图3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">主体细节图3</div>
<p class="image-caption">网架(无预埋套筒)</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-04.jpg" alt="主体细节图4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">主体细节图4</div>
<p class="image-caption">网架预埋套筒A</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-05.jpg" alt="主体细节图5" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">主体细节图5</div>
<p class="image-caption">网架预埋套筒B</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-06.jpg" alt="主体细节图6" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">主体细节图6</div>
<p class="image-caption">网架预埋套筒C</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-07.jpg" alt="主体细节图7" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">主体细节图7</div>
<p class="image-caption">网架预埋套筒D</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-08.jpg" alt="主体细节图8" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">主体细节图8</div>
<p class="image-caption">三角坡屋面支架</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-09.jpg" alt="主体细节图9" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">主体细节图9</div>
<p class="image-caption">15.2mm钢绞线</p>
</div>
</div>
<div class="slider-hint">← 左右滑动查看更多 →</div>
</div>
</div>
<!-- 2.3 屋面围护部分 -->
<div class="subsection">
<h3 class="subsection-title">2.3 屋面围护部分</h3>
<!-- 上方:左图右表 -->
<div class="text-image-layout">
<div class="layout-images">
<img src="images/construction-roof-01.jpg" alt="屋面围护示意图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">屋面围护示意图</div>
</div>
<div class="layout-table-right">
<table class="performance-table">
<thead>
<tr>
<th>编号</th>
<th>构件</th>
<th>材质</th>
<th>尺寸/mm</th>
<th>重量/kg</th>
<th>数量</th>
</tr>
</thead>
<tbody>
<tr><td>1</td><td>彩钢压型屋面夹芯板1</td><td>钢材、岩棉</td><td>2260*2000*70mm</td><td>90</td><td>52</td></tr>
<tr><td>2</td><td>彩钢压型屋面夹芯板2</td><td>钢材、岩棉</td><td>2000*1160*70mm</td><td>46</td><td>52</td></tr>
<tr><td>3</td><td>彩钢压型屋面夹芯板3</td><td>钢材、岩棉</td><td>△30*2020*1260*70mm</td><td>25</td><td>18</td></tr>
<tr><td>4</td><td>彩钢压型屋面夹芯板4</td><td>钢材、岩棉</td><td>2050*2000*130mm</td><td>45</td><td>8</td></tr>
<tr><td>5</td><td>岩棉板组合1</td><td>岩棉</td><td>1925*720*60mm 1925*740*60mm 1925*460*60mm</td><td>25/26/16</td><td>52/52/52</td></tr>
<tr><td>6</td><td>岩棉板组合2</td><td>岩棉</td><td>△1460*840*60mm △750*430*60mm</td><td>15/9</td><td>18/18</td></tr>
<tr><td>7</td><td>天窗</td><td>钢材、玻璃</td><td>1920*1800*70mm</td><td>95</td><td>4</td></tr>
<tr><td>8</td><td>排水外天沟</td><td>不锈钢</td><td>u形4000*220*120*1mm</td><td>15</td><td>16</td></tr>
<tr><td>9</td><td>排水内天沟</td><td>不锈钢</td><td>异形4000*200*80*1mm</td><td>14</td><td>28</td></tr>
<tr><td>10</td><td>太阳能板支架及夹具</td><td>铝合金</td><td>1950*60*60*3mm∠15mm</td><td>9.7</td><td>104</td></tr>
<tr><td>11</td><td>光伏板A</td><td>/</td><td>1860*1110*30mm</td><td>25</td><td>102</td></tr>
<tr><td>12</td><td>光伏板B</td><td>/</td><td>1520*1110*30mm</td><td>20</td><td>2</td></tr>
</tbody>
</table>
</div>
</div>
<!-- 下方横向滑动小图至少8张 -->
<div class="image-slider-container">
<div class="image-slider construction-gallery">
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-01.jpg" alt="屋面细节图1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">屋面细节图1</div>
<p class="image-caption">彩钢压型屋面夹芯板1</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-02.jpg" alt="屋面细节图2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">屋面细节图2</div>
<p class="image-caption">彩钢压型屋面夹芯板2</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-03.jpg" alt="屋面细节图3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">屋面细节图3</div>
<p class="image-caption">彩钢压型屋面夹芯板3</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-04.jpg" alt="屋面细节图4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">屋面细节图4</div>
<p class="image-caption">彩钢压型屋面夹芯板4</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-05.jpg" alt="屋面细节图5" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">屋面细节图5</div>
<p class="image-caption">岩棉板组合1</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-06.jpg" alt="屋面细节图6" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">屋面细节图6</div>
<p class="image-caption">岩棉板组合2</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-07.jpg" alt="屋面细节图7" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">屋面细节图7</div>
<p class="image-caption">天窗</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-08.jpg" alt="屋面细节图8" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">屋面细节图8</div>
<p class="image-caption">排水天沟</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-09.jpg" alt="屋面细节图9" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">屋面细节图9</div>
<p class="image-caption">太阳能板支架及夹具</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-10.jpg" alt="屋面细节图10" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">屋面细节图10</div>
<p class="image-caption">光伏板</p>
</div>
</div>
<div class="slider-hint">← 左右滑动查看更多 →</div>
</div>
</div>
<!-- 2.4 墙面围护部分 -->
<div class="subsection">
<h3 class="subsection-title">2.4 墙面围护部分</h3>
<!-- 上方:左图右表 -->
<div class="text-image-layout">
<div class="layout-images">
<img src="images/construction-wall-01.jpg" alt="墙面围护示意图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">墙面围护示意图</div>
</div>
<div class="layout-table-right">
<table class="performance-table">
<thead>
<tr>
<th>编号</th>
<th>构件</th>
<th>材质</th>
<th>尺寸/mm</th>
<th>重量/kg</th>
<th>数量</th>
</tr>
</thead>
<tbody>
<tr><td>1</td><td>C型竖龙骨</td><td>钢材</td><td>3450*50*45*0.6mm 1200*50*45*0.6mm</td><td>2.6/0.9</td><td>57/7</td></tr>
<tr><td>2</td><td>u型沿地/沿顶龙骨</td><td>钢材</td><td>4000*50*45*0.6mm</td><td>2.4</td><td>16</td></tr>
<tr><td>3</td><td>通贯龙骨</td><td>钢材</td><td>4000*DU38*12*1.0mm 2100*DU38*12*1.0mm 1100*DU38*12*1.0mm 870*DU38*12*1.0mm</td><td>1.8/0.9/0.5/0.4</td><td>19/8/9/5</td></tr>
<tr><td>4</td><td>保温一体板</td><td>硅酸钙板,岩棉</td><td>1040*1160*200mm 1040*1200*200mm 1040*920*200mm 1000*1160*200mm 1000*1200*200mm 1000*920*200mm 840*1160*200mm 840*1200*200mm 840*920*200mm</td><td>48kg/㎡</td><td>57/33/36/24/8/4/4</td></tr>
<tr><td>5</td><td>窗户</td><td>铝合金,玻璃</td><td>2260*1000*60mm</td><td>80</td><td>12</td></tr>
</tbody>
</table>
</div>
</div>
<!-- 下方横向滑动小图5张 -->
<div class="image-slider-container">
<div class="image-slider construction-gallery">
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-01.jpg" alt="墙面细节图1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">墙面细节图1</div>
<p class="image-caption">u型沿地沿顶龙骨</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-02.jpg" alt="墙面细节图2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">墙面细节图2</div>
<p class="image-caption">c型竖向龙骨</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-03.jpg" alt="墙面细节图3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">墙面细节图3</div>
<p class="image-caption">通贯龙骨</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-04.jpg" alt="墙面细节图4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">墙面细节图4</div>
<p class="image-caption">外墙一体板</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-05.jpg" alt="墙面细节图5" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">墙面细节图5</div>
<p class="image-caption">窗户</p>
</div>
</div>
<div class="slider-hint">← 左右滑动查看更多 →</div>
</div>
</div>
<!-- 2.5 温棚部分 -->
<div class="subsection">
<h3 class="subsection-title">2.5 温棚部分</h3>
<!-- 上方:两张大示意图并排 -->
<div class="image-pair-with-caption greenhouse-layout">
<div class="image-item">
<img src="images/construction-greenhouse-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/construction-greenhouse-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>
<!-- 下方:构件表 -->
<table class="performance-table wide">
<thead>
<tr>
<th>编号</th>
<th>构件</th>
<th>材质</th>
<th>尺寸/mm</th>
<th>重量/kg</th>
<th>数量</th>
</tr>
</thead>
<tbody>
<tr><td>1</td><td>围护中空阳光板</td><td>PC</td><td>10*2040*2000mm 10*3460*2040mm 10*3460*2000mm</td><td>0.06/0.11/0.11</td><td>8/18/18</td></tr>
<tr><td>2</td><td>钢框架(临时支架)</td><td>钢材</td><td>60*60*4*3460*2000*2040mm</td><td>519</td><td>18</td></tr>
</tbody>
</table>
</div>
<!-- 2.6 设备部分(只有一张表) -->
<div class="subsection">
<h3 class="subsection-title">2.6 设备部分</h3>
<table class="performance-table wide">
<thead>
<tr>
<th>编号</th>
<th>设备</th>
<th>尺寸/mm</th>
<th>载重/t</th>
<th>自重/kg</th>
<th>数量</th>
<th>其他</th>
</tr>
</thead>
<tbody>
<tr><td>1</td><td>液压爬升千斤顶</td><td>高度1600</td><td>20</td><td>120</td><td>4</td><td>4点同步提升网架</td></tr>
<tr><td>2</td><td>液压泵站</td><td>700×520×900 mm</td><td>/</td><td>200</td><td>1</td><td>柴油机驱动压力≥25MPa可联控多路,一泵拖4顶</td></tr>
<tr><td>3</td><td>控制柜尺寸约500×400×300 mm</td><td>/</td><td>20</td><td>1</td><td>控制4点同步提升网架</td></tr>
<tr><td>4</td><td>水准仪</td><td>230×130×146 mm</td><td>/</td><td>5全套设备</td><td>1</td><td>/</td></tr>
<tr><td>5</td><td>全站仪</td><td>190×180×350 mm</td><td>/</td><td>20全套设备</td><td>1</td><td>/</td></tr>
<tr><td>6</td><td>手拉葫芦</td><td>350×250×200 mm</td><td>3</td><td>20</td><td>4</td><td>提升速度约0.3~0.8 m/min</td></tr>
<tr><td>7</td><td>光伏板</td><td>1860*1100*30mm/1520*1100*30mm</td><td>/</td><td>24/20</td><td>102/2</td><td>/</td></tr>
<tr><td>8</td><td>手持式电动旋紧机器</td><td>780X320x260mm</td><td>/</td><td>28</td><td>若干</td><td>转速60-150功率3kw</td></tr>
<tr><td>9</td><td>翻斗车</td><td>1260X760x1160mm</td><td>0.5</td><td>155</td><td>若干</td><td>正常工作实践7-8h</td></tr>
<tr><td>10</td><td>穿心式张拉千斤顶</td><td>φ350×385 mm</td><td>/</td><td>160</td><td>2</td><td>公称张拉力 250 kN</td></tr>
<tr><td>11</td><td>超高压电动油泵</td><td>600×400×800 mm</td><td>/</td><td>100</td><td>2</td><td>额定压力 50~63 MPa</td></tr>
<tr><td>12</td><td>钢绞线锚具(工作锚+工具锚)</td><td>φ75*45mm</td><td>/</td><td>/</td><td>12+2</td><td>适用钢绞线 φ12.7~15.7 mm夹片硬度 HRC 58~62</td></tr>
<tr><td>13</td><td>钢绞线穿束机</td><td>640×440×240 mm</td><td>/</td><td>100</td><td>1</td><td>/</td></tr>
<tr><td>14</td><td>钢绞线放索架(转盘)</td><td>/</td><td>/</td><td>/</td><td>2</td><td>/</td></tr>
<tr><td>15</td><td>手持式砂轮切割机</td><td>/</td><td>/</td><td>/</td><td>/</td><td>用于切断多余钢绞线(距锚具外 30~50 mm</td></tr>
<tr><td>16</td><td>登高车</td><td>2500×1200×1800 mm</td><td>0.32</td><td>2400</td><td>2</td><td>升高10m</td></tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- 3. 建造过程模拟 -->
<section class="section section-alt" id="construction-process">
<div class="container">
<h2 class="section-title">建造过程模拟</h2>
<!-- 3.1 基座部分9张图3*3排版 -->
<div class="subsection">
<h3 class="subsection-title">3.1 基座部分</h3>
<div class="process-grid grid-3x3">
<div class="grid-item with-caption">
<img src="images/construction-process-base-01.jpg" alt="基座施工步骤1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">基座施工步骤1</div>
<p class="image-caption">场地平整与定位放线</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-base-02.jpg" alt="基座施工步骤2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">基座施工步骤2</div>
<p class="image-caption">地螺丝螺旋桩安装</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-base-03.jpg" alt="基座施工步骤3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">基座施工步骤3</div>
<p class="image-caption">预制基础板吊装就位</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-base-04.jpg" alt="基座施工步骤4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">基座施工步骤4</div>
<p class="image-caption">砖堆砌筑与加热棒预埋</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-base-05.jpg" alt="基座施工步骤5" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">基座施工步骤5</div>
<p class="image-caption">工字钢梁安装</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-base-06.jpg" alt="基座施工步骤6" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">基座施工步骤6</div>
<p class="image-caption">风管支架固定</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-base-07.jpg" alt="基座施工步骤7" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">基座施工步骤7</div>
<p class="image-caption">圆钢管柱定位安装</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-base-08.jpg" alt="基座施工步骤8" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">基座施工步骤8</div>
<p class="image-caption">外墙保温装饰一体板安装</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-base-09.jpg" alt="基座施工步骤9" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">基座施工步骤9</div>
<p class="image-caption">基座验收与防水处理</p>
</div>
</div>
</div>
<!-- 3.2 主体结构部分6张图2*3排版 -->
<div class="subsection">
<h3 class="subsection-title">3.2 主体结构部分</h3>
<div class="process-grid grid-2x3">
<div class="grid-item with-caption">
<img src="images/construction-process-main-01.jpg" alt="主体施工步骤1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">主体施工步骤1</div>
<p class="image-caption">钢柱吊装与定位</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-main-02.jpg" alt="主体施工步骤2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">主体施工步骤2</div>
<p class="image-caption">钢梁安装与焊接</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-main-03.jpg" alt="主体施工步骤3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">主体施工步骤3</div>
<p class="image-caption">拉索系统安装</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-main-04.jpg" alt="主体施工步骤4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">主体施工步骤4</div>
<p class="image-caption">连接件紧固</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-main-05.jpg" alt="主体施工步骤5" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">主体施工步骤5</div>
<p class="image-caption">结构校正与调整</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-main-06.jpg" alt="主体施工步骤6" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">主体施工步骤6</div>
<p class="image-caption">主体结构验收</p>
</div>
</div>
</div>
<!-- 3.3 屋面围护部分4张图1*4排版 -->
<div class="subsection">
<h3 class="subsection-title">3.3 屋面围护部分</h3>
<div class="process-grid grid-1x4">
<div class="grid-item with-caption">
<img src="images/construction-process-roof-01.jpg" alt="屋面施工步骤1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">屋面施工步骤1</div>
<p class="image-caption">檩条安装</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-roof-02.jpg" alt="屋面施工步骤2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">屋面施工步骤2</div>
<p class="image-caption">屋面板铺设</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-roof-03.jpg" alt="屋面施工步骤3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">屋面施工步骤3</div>
<p class="image-caption">防水层与保温层施工</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-roof-04.jpg" alt="屋面施工步骤4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">屋面施工步骤4</div>
<p class="image-caption">屋面验收与收边处理</p>
</div>
</div>
</div>
<!-- 3.4 墙面围护部分4张图1*4排版 -->
<div class="subsection">
<h3 class="subsection-title">3.4 墙面围护部分</h3>
<div class="process-grid grid-1x4">
<div class="grid-item with-caption">
<img src="images/construction-process-wall-01.jpg" alt="墙面施工步骤1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">墙面施工步骤1</div>
<p class="image-caption">龙骨安装</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-wall-02.jpg" alt="墙面施工步骤2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">墙面施工步骤2</div>
<p class="image-caption">外墙板安装</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-wall-03.jpg" alt="墙面施工步骤3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">墙面施工步骤3</div>
<p class="image-caption">门窗框安装</p>
</div>
<div class="grid-item with-caption">
<img src="images/construction-process-wall-04.jpg" alt="墙面施工步骤4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">墙面施工步骤4</div>
<p class="image-caption">墙面收口与验收</p>
</div>
</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>