refactor(ball-jet): drop redundant HTML tables
The HTML tables for dimensions and airflow performance are less complete than the user-supplied spec images (which include more data: bigger size range, more flow rates, unit annotations). Remove the tables — the spec images alone are clearer and more informative for the customer.
This commit is contained in:
Kunthawat Greethong
@@ -190,32 +190,9 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl font-bold text-primary-700 mb-8 text-center">ขนาดและพารามิเตอร์</h2>
|
||||
<div class="rounded-2xl overflow-hidden shadow-md bg-white mb-8">
|
||||
<div class="rounded-2xl overflow-hidden shadow-md bg-white">
|
||||
<img src="/images/ball-jet/ball-jet-specs.jpg" alt="ขนาดและพารามิเตอร์ หัวจ่ายแอร์ Ball Jet" class="w-full h-auto" width="712" height="1096" loading="lazy" />
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="min-w-full text-sm border-collapse">
|
||||
<thead>
|
||||
<tr class="bg-primary-600 text-white">
|
||||
<th class="border border-primary-700 px-3 py-2 text-left">ขนาด (นิ้ว)</th>
|
||||
<th class="border border-primary-700 px-3 py-2 text-center">4"</th>
|
||||
<th class="border border-primary-700 px-3 py-2 text-center">5"</th>
|
||||
<th class="border border-primary-700 px-3 py-2 text-center">6"</th>
|
||||
<th class="border border-primary-700 px-3 py-2 text-center">8"</th>
|
||||
<th class="border border-primary-700 px-3 py-2 text-center">10"</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td class="border px-3 py-2 font-semibold">D (mm)</td><td class="border px-3 py-2 text-center">100</td><td class="border px-3 py-2 text-center">125</td><td class="border px-3 py-2 text-center">150</td><td class="border px-3 py-2 text-center">200</td><td class="border px-3 py-2 text-center">250</td></tr>
|
||||
<tr class="bg-neutral-50"><td class="border px-3 py-2 font-semibold">A (mm)</td><td class="border px-3 py-2 text-center">128</td><td class="border px-3 py-2 text-center">153</td><td class="border px-3 py-2 text-center">182</td><td class="border px-3 py-2 text-center">232</td><td class="border px-3 py-2 text-center">282</td></tr>
|
||||
<tr><td class="border px-3 py-2 font-semibold">B (mm)</td><td class="border px-3 py-2 text-center">166</td><td class="border px-3 py-2 text-center">190</td><td class="border px-3 py-2 text-center">218</td><td class="border px-3 py-2 text-center">270</td><td class="border px-3 py-2 text-center">318</td></tr>
|
||||
<tr class="bg-neutral-50"><td class="border px-3 py-2 font-semibold">C (mm)</td><td class="border px-3 py-2 text-center">130</td><td class="border px-3 py-2 text-center">155</td><td class="border px-3 py-2 text-center">180</td><td class="border px-3 py-2 text-center">230</td><td class="border px-3 py-2 text-center">280</td></tr>
|
||||
<tr><td class="border px-3 py-2 font-semibold">E (mm)</td><td class="border px-3 py-2 text-center">42</td><td class="border px-3 py-2 text-center">42</td><td class="border px-3 py-2 text-center">42</td><td class="border px-3 py-2 text-center">46</td><td class="border px-3 py-2 text-center">46</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p class="text-sm text-neutral-500 mt-2 text-center">D = เส้นผ่านศูนย์กลางปาก, A = เส้นผ่านศูนย์กลางหน้าแปลน, B = เส้นผ่านศูนย์กลางรวม, C = ขนาดเจาะฝ้า, E = ความลึกของปาก</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -225,207 +202,9 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl font-bold text-primary-700 mb-8 text-center">ตารางสมรรถนะการจ่ายลม</h2>
|
||||
<div class="rounded-2xl overflow-hidden shadow-md bg-white mb-8">
|
||||
<div class="rounded-2xl overflow-hidden shadow-md bg-white">
|
||||
<img src="/images/ball-jet/ball-jet-performance.jpg" alt="ตารางสมรรถนะการจ่ายลม หัวจ่ายแอร์ Ball Jet" class="w-full h-auto" width="700" height="1028" loading="lazy" />
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="min-w-full text-sm border-collapse">
|
||||
<thead>
|
||||
<tr class="bg-primary-600 text-white">
|
||||
<th class="border border-primary-700 px-3 py-2 text-left">ขนาด (นิ้ว)</th>
|
||||
<th class="border border-primary-700 px-3 py-2 text-center">ปริมาณลม<br/>(CMH)</th>
|
||||
<th class="border border-primary-700 px-3 py-2 text-center">ความเร็วลมที่ปาก<br/>(m/s)</th>
|
||||
<th class="border border-primary-700 px-3 py-2 text-center">ความดันสูญเสีย<br/>(Pa)</th>
|
||||
<th class="border border-primary-700 px-3 py-2 text-center">ระยะส่งลม<br/>(m)</th>
|
||||
<th class="border border-primary-700 px-3 py-2 text-center">เสียง<br/>(dB(A))</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="border px-3 py-2 font-semibold" rowspan="5">4"</td>
|
||||
<td class="border px-3 py-2 text-center">54</td>
|
||||
<td class="border px-3 py-2 text-center">2.7</td>
|
||||
<td class="border px-3 py-2 text-center">3</td>
|
||||
<td class="border px-3 py-2 text-center">3.2</td>
|
||||
<td class="border px-3 py-2 text-center">22</td>
|
||||
</tr>
|
||||
<tr class="bg-neutral-50">
|
||||
<td class="border px-3 py-2 text-center">72</td>
|
||||
<td class="border px-3 py-2 text-center">3.6</td>
|
||||
<td class="border px-3 py-2 text-center">5</td>
|
||||
<td class="border px-3 py-2 text-center">3.9</td>
|
||||
<td class="border px-3 py-2 text-center">25</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="border px-3 py-2 text-center">90</td>
|
||||
<td class="border px-3 py-2 text-center">4.4</td>
|
||||
<td class="border px-3 py-2 text-center">8</td>
|
||||
<td class="border px-3 py-2 text-center">4.6</td>
|
||||
<td class="border px-3 py-2 text-center">29</td>
|
||||
</tr>
|
||||
<tr class="bg-neutral-50">
|
||||
<td class="border px-3 py-2 text-center">108</td>
|
||||
<td class="border px-3 py-2 text-center">5.4</td>
|
||||
<td class="border px-3 py-2 text-center">12</td>
|
||||
<td class="border px-3 py-2 text-center">5.2</td>
|
||||
<td class="border px-3 py-2 text-center">32</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="border px-3 py-2 text-center">126</td>
|
||||
<td class="border px-3 py-2 text-center">6.3</td>
|
||||
<td class="border px-3 py-2 text-center">17</td>
|
||||
<td class="border px-3 py-2 text-center">5.8</td>
|
||||
<td class="border px-3 py-2 text-center">34</td>
|
||||
</tr>
|
||||
<tr class="bg-primary-50">
|
||||
<td class="border px-3 py-2 font-semibold" rowspan="5">5"</td>
|
||||
<td class="border px-3 py-2 text-center">90</td>
|
||||
<td class="border px-3 py-2 text-center">3.1</td>
|
||||
<td class="border px-3 py-2 text-center">3</td>
|
||||
<td class="border px-3 py-2 text-center">3.8</td>
|
||||
<td class="border px-3 py-2 text-center">22</td>
|
||||
</tr>
|
||||
<tr class="bg-primary-50">
|
||||
<td class="border px-3 py-2 text-center">120</td>
|
||||
<td class="border px-3 py-2 text-center">4.1</td>
|
||||
<td class="border px-3 py-2 text-center">5</td>
|
||||
<td class="border px-3 py-2 text-center">4.6</td>
|
||||
<td class="border px-3 py-2 text-center">26</td>
|
||||
</tr>
|
||||
<tr class="bg-primary-50">
|
||||
<td class="border px-3 py-2 text-center">150</td>
|
||||
<td class="border px-3 py-2 text-center">5.1</td>
|
||||
<td class="border px-3 py-2 text-center">8</td>
|
||||
<td class="border px-3 py-2 text-center">5.5</td>
|
||||
<td class="border px-3 py-2 text-center">30</td>
|
||||
</tr>
|
||||
<tr class="bg-primary-50">
|
||||
<td class="border px-3 py-2 text-center">180</td>
|
||||
<td class="border px-3 py-2 text-center">6.2</td>
|
||||
<td class="border px-3 py-2 text-center">12</td>
|
||||
<td class="border px-3 py-2 text-center">6.3</td>
|
||||
<td class="border px-3 py-2 text-center">34</td>
|
||||
</tr>
|
||||
<tr class="bg-primary-50">
|
||||
<td class="border px-3 py-2 text-center">210</td>
|
||||
<td class="border px-3 py-2 text-center">7.2</td>
|
||||
<td class="border px-3 py-2 text-center">17</td>
|
||||
<td class="border px-3 py-2 text-center">7.0</td>
|
||||
<td class="border px-3 py-2 text-center">37</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="border px-3 py-2 font-semibold" rowspan="5">6"</td>
|
||||
<td class="border px-3 py-2 text-center">135</td>
|
||||
<td class="border px-3 py-2 text-center">2.8</td>
|
||||
<td class="border px-3 py-2 text-center">3</td>
|
||||
<td class="border px-3 py-2 text-center">4.0</td>
|
||||
<td class="border px-3 py-2 text-center">24</td>
|
||||
</tr>
|
||||
<tr class="bg-neutral-50">
|
||||
<td class="border px-3 py-2 text-center">180</td>
|
||||
<td class="border px-3 py-2 text-center">3.7</td>
|
||||
<td class="border px-3 py-2 text-center">5</td>
|
||||
<td class="border px-3 py-2 text-center">4.8</td>
|
||||
<td class="border px-3 py-2 text-center">28</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="border px-3 py-2 text-center">225</td>
|
||||
<td class="border px-3 py-2 text-center">4.7</td>
|
||||
<td class="border px-3 py-2 text-center">8</td>
|
||||
<td class="border px-3 py-2 text-center">5.7</td>
|
||||
<td class="border px-3 py-2 text-center">32</td>
|
||||
</tr>
|
||||
<tr class="bg-neutral-50">
|
||||
<td class="border px-3 py-2 text-center">270</td>
|
||||
<td class="border px-3 py-2 text-center">5.6</td>
|
||||
<td class="border px-3 py-2 text-center">12</td>
|
||||
<td class="border px-3 py-2 text-center">6.5</td>
|
||||
<td class="border px-3 py-2 text-center">35</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="border px-3 py-2 text-center">315</td>
|
||||
<td class="border px-3 py-2 text-center">6.5</td>
|
||||
<td class="border px-3 py-2 text-center">17</td>
|
||||
<td class="border px-3 py-2 text-center">7.2</td>
|
||||
<td class="border px-3 py-2 text-center">38</td>
|
||||
</tr>
|
||||
<tr class="bg-primary-50">
|
||||
<td class="border px-3 py-2 font-semibold" rowspan="5">8"</td>
|
||||
<td class="border px-3 py-2 text-center">240</td>
|
||||
<td class="border px-3 py-2 text-center">3.0</td>
|
||||
<td class="border px-3 py-2 text-center">3</td>
|
||||
<td class="border px-3 py-2 text-center">4.6</td>
|
||||
<td class="border px-3 py-2 text-center">25</td>
|
||||
</tr>
|
||||
<tr class="bg-primary-50">
|
||||
<td class="border px-3 py-2 text-center">320</td>
|
||||
<td class="border px-3 py-2 text-center">4.0</td>
|
||||
<td class="border px-3 py-2 text-center">5</td>
|
||||
<td class="border px-3 py-2 text-center">5.6</td>
|
||||
<td class="border px-3 py-2 text-center">29</td>
|
||||
</tr>
|
||||
<tr class="bg-primary-50">
|
||||
<td class="border px-3 py-2 text-center">400</td>
|
||||
<td class="border px-3 py-2 text-center">5.0</td>
|
||||
<td class="border px-3 py-2 text-center">8</td>
|
||||
<td class="border px-3 py-2 text-center">6.6</td>
|
||||
<td class="border px-3 py-2 text-center">34</td>
|
||||
</tr>
|
||||
<tr class="bg-primary-50">
|
||||
<td class="border px-3 py-2 text-center">480</td>
|
||||
<td class="border px-3 py-2 text-center">6.0</td>
|
||||
<td class="border px-3 py-2 text-center">12</td>
|
||||
<td class="border px-3 py-2 text-center">7.5</td>
|
||||
<td class="border px-3 py-2 text-center">37</td>
|
||||
</tr>
|
||||
<tr class="bg-primary-50">
|
||||
<td class="border px-3 py-2 text-center">560</td>
|
||||
<td class="border px-3 py-2 text-center">7.0</td>
|
||||
<td class="border px-3 py-2 text-center">17</td>
|
||||
<td class="border px-3 py-2 text-center">8.4</td>
|
||||
<td class="border px-3 py-2 text-center">40</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="border px-3 py-2 font-semibold" rowspan="5">10"</td>
|
||||
<td class="border px-3 py-2 text-center">375</td>
|
||||
<td class="border px-3 py-2 text-center">2.8</td>
|
||||
<td class="border px-3 py-2 text-center">3</td>
|
||||
<td class="border px-3 py-2 text-center">5.2</td>
|
||||
<td class="border px-3 py-2 text-center">26</td>
|
||||
</tr>
|
||||
<tr class="bg-neutral-50">
|
||||
<td class="border px-3 py-2 text-center">500</td>
|
||||
<td class="border px-3 py-2 text-center">3.7</td>
|
||||
<td class="border px-3 py-2 text-center">5</td>
|
||||
<td class="border px-3 py-2 text-center">6.3</td>
|
||||
<td class="border px-3 py-2 text-center">31</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="border px-3 py-2 text-center">625</td>
|
||||
<td class="border px-3 py-2 text-center">4.7</td>
|
||||
<td class="border px-3 py-2 text-center">8</td>
|
||||
<td class="border px-3 py-2 text-center">7.4</td>
|
||||
<td class="border px-3 py-2 text-center">35</td>
|
||||
</tr>
|
||||
<tr class="bg-neutral-50">
|
||||
<td class="border px-3 py-2 text-center">750</td>
|
||||
<td class="border px-3 py-2 text-center">5.6</td>
|
||||
<td class="border px-3 py-2 text-center">12</td>
|
||||
<td class="border px-3 py-2 text-center">8.5</td>
|
||||
<td class="border px-3 py-2 text-center">39</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="border px-3 py-2 text-center">875</td>
|
||||
<td class="border px-3 py-2 text-center">6.5</td>
|
||||
<td class="border px-3 py-2 text-center">17</td>
|
||||
<td class="border px-3 py-2 text-center">9.5</td>
|
||||
<td class="border px-3 py-2 text-center">42</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p class="text-sm text-neutral-500 mt-3 text-center">ตารางสมรรถนะอ้างอิงจากการทดสอบในห้องปฏิบัติการ ประสิทธิภาพจริงขึ้นอยู่กับสภาพการติดตั้งและการใช้งาน</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user