molt
/
servo_sizer


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>伺服驱动选型工具 - Servo Sizer</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
    <div class="container">
        <header class="header">
            <h1>🔧 伺服驱动选型工具</h1>
            <p class="subtitle">专业级伺服电机与驱动器选型计算平台</p>
        </header>

        <div class="main-content">
            <div class="input-section">
                <div class="card">
                    <h2>⚙️ 传动结构选择</h2>
                    <div class="transmission-selector">
                        <select id="transmissionType" class="form-control">
                            <option value="ballscrew">滚珠丝杠</option>
                            <option value="timingBelt">同步带</option>
                            <option value="gearbox">减速机</option>
                            <option value="rotaryTable">转盘</option>
                            <option value="winder">收放卷</option>
                            <option value="directDrive">直接驱动</option>
                            <option value="combined">组合传动</option>
                        </select>
                    </div>
                </div>

                <div class="card" id="parametersSection">
                    <h2>📊 机械参数输入</h2>
                    <div id="dynamicParameters">
                        <!-- 动态参数表单将在这里生成 -->
                    </div>
                </div>

                <div class="card">
                    <h2>🎯 选型要求</h2>
                    <div class="form-group">
                        <label for="safetyFactor">安全系数:</label>
                        <input type="number" id="safetyFactor" class="form-control" value="1.5" min="1.0" max="3.0" step="0.1">
                    </div>
                    <div class="form-group">
                        <label for="inertiaRatio">允许惯量比:</label>
                        <input type="number" id="inertiaRatio" class="form-control" value="10" min="1" max="50" step="1">
                    </div>
                    <div class="form-group">
                        <label for="frictionCoeff">摩擦系数:</label>
                        <input type="number" id="frictionCoeff" class="form-control" value="0.01" min="0.001" max="0.5" step="0.001">
                    </div>
                </div>

                <button id="calculateBtn" class="btn btn-primary">🚀 计算选型结果</button>
            </div>

            <div class="output-section">
                <div class="card">
                    <h2>📈 计算结果</h2>
                    <div id="resultsDisplay">
                        <p class="placeholder">请输入参数并点击计算获取结果</p>
                    </div>
                </div>

                <div class="card">
                    <h2>📊 性能图表</h2>
                    <canvas id="performanceChart" width="400" height="300"></canvas>
                </div>
            </div>
        </div>
    </div>

    <script src="script.js"></script>
</body>
</html>