https://www.nationrise.com.tw/custom_141282.html 泵浦揚程試算機泵浦揚程試算機 body { font-family: "Microsoft JhengHei", Helvetica, Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 20px; color: #333; } .container { max-width: 950px; margin: 0 auto; background: #fff; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); overflow: hidden; } /* 國楊深藍色頂部區塊 */ .header-banner { background-color: #121c2c; padding: 25px 35px; display: flex; align-items: center; } .header-banner h2 { color: #fff; margin: 0; font-size: 28px; font-weight: bold; letter-spacing: 1px; } .header-tag { background-color: #e65a22; color: #fff; font-size: 11px; padding: 3px 10px; border-radius: 12px; margin-left: 15px; font-weight: normal; } /* 內文主體 */ .content-body { padding: 35px; } .section-title { font-size: 16px; color: #666; font-style: italic; font-weight: bold; margin-bottom: 25px; border-bottom: 1px dashed #ddd; padding-bottom: 5px; } /* 2x2 網格架構 */ .form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px 30px; margin-bottom: 25px; } .form-group { width: 100%; box-sizing: border-box; } label { display: block; margin-bottom: 10px; font-size: 14px; color: #444; font-weight: bold; } /* 修正後的輸入框外殼：確保內部物件不被擠壓 */ .input-wrapper { display: flex; align-items: center; border: 1px solid #ccc; border-radius: 4px; background: #fff; overflow: hidden; height: 45px; box-sizing: border-box; } /* 強制輸入框填滿剩餘空間，但不擠壓單位 */ .input-wrapper input, .input-wrapper select { flex: 1; min-width: 0; border: none; padding: 0 15px; height: 100%; font-size: 16px; outline: none; box-sizing: border-box; background: transparent; color: #222; } .input-wrapper select { cursor: pointer; } /* 固定單位的寬度與彈性，確保絕對顯示出來 */ .unit { background: #f8f9fa; border-left: 1px solid #ccc; padding: 0 15px; height: 100%; font-size: 14px; color: #666; display: flex; align-items: center; justify-content: center; white-space: nowrap; min-width: 75px; max-width: 75px; flex-shrink: 0; box-sizing: border-box; font-weight: bold; } /* 按鈕區排版 */ .button-row { display: flex; gap: 15px; margin-bottom: 35px; margin-top: 10px; } button { height: 45px; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; font-weight: bold; transition: background 0.2s; box-sizing: border-box; } .btn-calc { background-color: #e65a22; color: #fff; padding: 0 45px; box-shadow: 0 4px 10px rgba(230,90,34,0.2); } .btn-calc:hover { background-color: #cf4f1b; } .btn-reset { background-color: #fff; color: #666; border: 1px solid #ccc; padding: 0 30px; } .btn-reset:hover { background-color: #f1f1f1; } /* 結果展示區塊 */ .result-box { border: 2px solid #e65a22; border-radius: 6px; overflow: hidden; margin-top: 30px; } .result-header { background-color: #121c2c; color: #fff; padding: 15px 25px; display: flex; justify-content: space-between; align-items: center; } .result-title-left p { margin: 0; font-size: 11px; color: #aaa; letter-spacing: 0.5px; } .result-title-left h3 { margin: 2px 0 0 0; font-size: 16px; font-weight: normal; color: #fff; } .result-calc-tag { background-color: #e65a22; color: #fff; font-size: 12px; font-weight: bold; padding: 4px 12px; border-radius: 3px; letter-spacing: 1px; } .result-main { padding: 25px 35px; background-color: #fff; } .total-head-display { font-size: 40px; font-weight: bold; color: #222; margin-bottom: 20px; } .total-head-display span { font-size: 46px; } .total-head-display .unit-m { font-size: 20px; font-weight: normal; margin-left: 5px; } .summary-text { background-color: #fff4f0; border-left: 4px solid #e65a22; padding: 12px 20px; font-size: 14px; line-height: 1.6; color: #444; margin: 20px 0; border-radius: 0 4px 4px 0; } .summary-text strong { color: #e65a22; font-size: 16px; } .summary-note { font-size: 12px; color: #b07050; margin-left: 5px; font-weight: normal; } /* 細部阻力數據表格 */ .detail-table { width: 100%; border-collapse: collapse; margin-top: 15px; background-color: #f7f9fb; } .detail-table td { padding: 18px 25px; font-size: 14px; border-bottom: 1px solid #edf1f5; color: #555; } .detail-table td:first-child { color: #888; width: 35%; } .detail-table td span { font-weight: bold; color: #222; font-size: 16px; } /* 底部導覽按鈕 */ .footer-actions { display: flex; justify-content: center; gap: 10px; margin-top: 30px; } .btn-footer { background-color: #232d3b; color: #fff; padding: 10px 25px; font-size: 14px; font-weight: normal; border-radius: 4px; border: none; cursor: pointer; } .btn-footer:hover { background-color: #121c2c; } /* RWD 響應式：手機畫面改為單欄 */ @media (max-width: 580px) { .form-grid { grid-template-columns: 1fr; gap: 15px; } .button-row { flex-direction: column; } .btn-calc, .btn-reset { width: 100%; } } 國楊興業參考揚程計算機水力參數輸入流量 m³/min 口徑 50 80 100 125 150 200 mm 揚程淨高 m 管路長度 m 試算重填 TOTAL HYDRAULIC HEAD 試算參考結果 CALCULATION 21.82m ● 系統當前運行需求點：流量 2.0 m³/min ，所需總揚程約為 21.82 m。 (此揚程為參考值，依現場環境、水質與管路材質影響為準，本結果內含 1.1 倍安全係數) 流速 1.89 m/s 估算管損 (含局部) 1.82 m 設定管路靜揚程 20.0 m function calculateHead() { const Q_min = parseFloat(document.getElementById('flow').value); const D_mm = parseFloat(document.getElementById('diameter').value); const Hs = parseFloat(document.getElementById('staticHead').value); const L = parseFloat(document.getElementById('length').value); if (isNaN(Q_min) || isNaN(D_mm) || isNaN(Hs) || isNaN(L) || D_mm

國楊興業｜專業 Stairs Pump 宏奇泵浦、各式泵浦系統規劃、變頻加壓給水機組架設、膨脹水箱銷售諮詢請來電：02-2951-0005

首頁相關下載泵浦揚程試算機

水力參數輸入

流量

m³/min

口徑

揚程淨高

管路長度

TOTAL HYDRAULIC HEAD

試算參考結果

CALCULATION

21.82m

● 系統當前運行需求點：流量 2.0 m³/min ，所需總揚程約為 21.82 m。 (此揚程為參考值，依現場環境、水質與管路材質影響為準，本結果內含 1.1 倍安全係數)

流速	1.89 m/s
估算管損 (含局部)	1.82 m
設定管路靜揚程	20.0 m

回列表下一個