鍙潬鎬у伐鍏峰钩鍙?/title> <link rel="stylesheet" href="css/styles.css?v=1.5.0" /> <link rel="preconnect" href="https://reliability-tool-d8erocv8e9979b2-1327689319.ap-shanghai.app.tcloudbase.com" /> <script> window.__API_BASE_URL__ = 'https://reliability-tool-d8erocv8e9979b2-1327689319.ap-shanghai.app.tcloudbase.com'; window.__APP_VERSION__ = '1.5.0'; </script> </head> <body> <div class="app-layout"> <aside class="sidebar" id="sidebar"> <div class="sidebar-header"> <div class="sidebar-logo"> <span class="logo-icon">鈿欙笍</span> <span class="logo-text">鍙潬鎬у伐鍏?/span> </div> </div> <nav class="sidebar-nav"> <a href="#/home" class="nav-item" data-route="home"> <span class="nav-icon">馃彔</span> <span class="nav-label">棣栭〉</span> </a> <a href="#/fmea" class="nav-item" data-route="fmea"> <span class="nav-icon">馃攳</span> <span class="nav-label">FMEA</span> </a> <a href="#/environment" class="nav-item" data-route="environment"> <span class="nav-icon">馃尅锔?/span> <span class="nav-label">鐜閫傚簲</span> </a> <a href="#/prediction" class="nav-item" data-route="prediction"> <span class="nav-icon">馃搳</span> <span class="nav-label">鍙潬鎬ч娴?/span> </a> <a href="#/test-plan" class="nav-item" data-route="test-plan"> <span class="nav-icon">馃搵</span> <span class="nav-label">娴嬭瘯璁″垝</span> </a> <a href="#/life-data" class="nav-item" data-route="life-data"> <span class="nav-icon">馃搱</span> <span class="nav-label">瀵垮懡鏁版嵁鍒嗘瀽</span> </a> <a href="#/fta" class="nav-item" data-route="fta"> <span class="nav-icon">馃尦</span> <span class="nav-label">鏁呴殰鏍戝垎鏋?/span> </a> <a href="#/growth" class="nav-item" data-route="growth"> <span class="nav-icon">馃搱</span> <span class="nav-label">鍙潬鎬у闀?/span> </a> <a href="#/maintenance" class="nav-item" data-route="maintenance"> <span class="nav-icon">馃敡</span> <span class="nav-label">缁存姢鍙敤鎬?/span> </a> <a href="#/data" class="nav-item" data-route="data"> <span class="nav-icon">馃捑</span> <span class="nav-label">鏁版嵁绠＄悊</span> </a> </nav> <div class="sidebar-footer"> <span class="version-text" id="version-text">v1.2.0</span> </div> </aside> <div class="main-wrapper"> <header class="header"> <div class="header-left"> <button type="button" class="sidebar-toggle" id="sidebar-toggle" aria-label="鍒囨崲渚ц竟鏍?> <span class="hamburger"></span> </button> <div class="header-title"> <h1 id="page-title">鍙潬鎬у伐鍏峰钩鍙?/h1> </div> </div> <div class="header-right"> <div class="header-selectors"> <div class="selector-group"> <span class="selector-label">椤圭洰</span> <div style="display: flex; gap: 0.25rem; align-items: center;"> <select id="project-select" class="header-select"></select> <button type="button" id="project-add-btn" class="btn-icon" title="鏂板缓椤圭洰" style="padding: 0 0.5rem; height: 2rem; display: flex; align-items: center; justify-content: center;">+</button> </div> </div> <div class="selector-group"> <span class="selector-label">浜у搧</span> <div style="display: flex; gap: 0.25rem; align-items: center;"> <select id="product-select" class="header-select"></select> <button type="button" id="product-add-btn" class="btn-icon" title="鏂板缓浜у搧" style="padding: 0 0.5rem; height: 2rem; display: flex; align-items: center; justify-content: center;">+</button> </div> </div> <div class="selector-group"> <span class="selector-label">鍨嬪彿</span> <div style="display: flex; gap: 0.25rem; align-items: center;"> <select id="model-select" class="header-select"></select> <button type="button" id="model-add-btn" class="btn-icon" title="鏂板缓鍨嬪彿" style="padding: 0 0.5rem; height: 2rem; display: flex; align-items: center; justify-content: center;">+</button> </div> </div> <button type="button" class="btn-secondary btn-clear-data" id="btn-clear-data" title="娓呯┖褰撳墠鍨嬪彿鐨勬墍鏈夋ā鍧楁暟鎹?>娓呯┖鏁版嵁</button> </div> <div class="header-actions"> <div class="sync-status" id="sync-status" title="鏈湴瀛樺偍"> <span class="sync-indicator" id="sync-indicator">鈼?/span> <span class="sync-text" id="sync-text">鏈湴</span> </div> <div class="auth-area" id="auth-area"> <button type="button" id="login-btn" class="btn-secondary">鐧诲綍鍚屾</button> </div> <button type="button" id="import-btn" class="btn-icon" title="瀵煎叆"> <span>馃摜</span> <span class="btn-text">瀵煎叆</span> </button> <button type="button" id="export-btn" class="btn-icon" title="瀵煎嚭"> <span>馃摛</span> <span class="btn-text">瀵煎嚭</span> </button> <input type="file" id="import-file" accept=".json" hidden /> </div> </div> </header> <main class="main-content" id="main-content"> </main> </div> </div> <template id="home-template"> <div class="module-page home-page"> <div class="home-welcome"> <h1 class="home-title">鍙潬鎬у伐鍏峰钩鍙?/h1> <p class="home-subtitle">涓撲笟鐨勯攤鐢典骇鍝佸彲闈犳€у垎鏋愪笌璁＄畻宸ュ叿</p> </div> <div class="home-section"> <h2 class="home-section-title">宸ュ叿蹇嵎鍏ュ彛</h2> <div class="tool-cards-grid"> <a href="#/fmea" class="tool-card"> <div class="tool-card-icon">馃攳</div> <div class="tool-card-name">FMEA鍒嗘瀽</div> <div class="tool-card-desc">澶辨晥妯″紡涓庡奖鍝嶅垎鏋?/div> </a> <a href="#/prediction" class="tool-card"> <div class="tool-card-icon">馃搳</div> <div class="tool-card-name">鍙潬鎬ч娴?/div> <div class="tool-card-desc">绯荤粺鍙潬鎬ч璁′笌鍒嗛厤</div> </a> <a href="#/life-data" class="tool-card"> <div class="tool-card-icon">馃搱</div> <div class="tool-card-name">瀵垮懡鏁版嵁鍒嗘瀽</div> <div class="tool-card-desc">Weibull鍒嗗竷涓嶣10璁＄畻</div> </a> <a href="#/test-plan" class="tool-card"> <div class="tool-card-icon">馃搵</div> <div class="tool-card-name">娴嬭瘯璁″垝</div> <div class="tool-card-desc">璇曢獙鏂规璁捐涓庤瘎浼?/div> </a> <a href="#/fta" class="tool-card"> <div class="tool-card-icon">馃尦</div> <div class="tool-card-name">鏁呴殰鏍戝垎鏋?/div> <div class="tool-card-desc">FTA鏁呴殰鏍戝垎鏋?/div> </a> <a href="#/growth" class="tool-card"> <div class="tool-card-icon">馃搱</div> <div class="tool-card-name">鍙潬鎬у闀?/div> <div class="tool-card-desc">鍙潬鎬у闀挎ā鍨?/div> </a> <a href="#/data" class="tool-card"> <div class="tool-card-icon">馃捑</div> <div class="tool-card-name">鏁版嵁绠＄悊</div> <div class="tool-card-desc">椤圭洰鏁版嵁瀵煎叆瀵煎嚭</div> </a> </div> </div> <div class="home-section"> <div class="card product-info-card collapsible" data-collapsed="true"> <div class="card-header collapsible-header" id="product-info-header"> <div class="collapsible-title"> <span class="collapse-indicator" aria-hidden="true">鈻?/span> <h3>浜у搧淇℃伅</h3> </div> <div class="product-info-summary" id="product-info-summary">鈥?/div> </div> <div class="card-body collapsible-body"> <div class="product-info-grid"> <div class="form-group"> <label>鍨嬪彿鍚嶇О</label> <input type="text" id="product-model-name" class="form-input" placeholder="璇疯緭鍏ュ瀷鍙峰悕绉? /> </div> <div class="form-group"> <label>椤圭洰缂栧彿</label> <input type="text" id="product-project-code" class="form-input" placeholder="璇疯緭鍏ラ」鐩紪鍙? /> </div> <div class="form-group"> <label>鐢靛帇(V)</label> <input type="number" id="product-voltage" class="form-input" min="0" step="0.1" placeholder="璇疯緭鍏ョ數鍘? /> </div> <div class="form-group"> <label>鍔熺巼(W)</label> <input type="number" id="product-power" class="form-input" min="0" step="1" placeholder="璇疯緭鍏ュ姛鐜? /> </div> <div class="form-group"> <label>鍒€鐗囩被鍨?/label> <input type="text" id="product-blade-type" class="form-input" placeholder="璇疯緭鍏ュ垁鐗囩被鍨? /> </div> <div class="form-group"> <label>鍒€鐗囬暱搴?mm)</label> <input type="number" id="product-blade-length" class="form-input" min="0" step="1" placeholder="璇疯緭鍏ュ垁鐗囬暱搴? /> </div> <div class="form-group"> <label>寰€澶嶆鏁?/label> <input type="number" id="product-stroke-rate" class="form-input" min="0" step="1" placeholder="璇疯緭鍏ュ線澶嶆鏁? /> </div> <div class="form-group"> <label>鍒嗘瀽甯?/label> <input type="text" id="product-analyst" class="form-input" placeholder="璇疯緭鍏ュ垎鏋愬笀濮撳悕" /> </div> <div class="form-group full-width"> <label>澶囨敞</label> <textarea id="product-note" class="form-input" rows="2" placeholder="璇疯緭鍏ュ娉ㄤ俊鎭?></textarea> </div> </div> </div> </div> </div> <div class="home-section"> <div class="card b10-quick-card"> <div class="card-header"> <h3>B10 鐩爣瀹氫箟璁＄畻鍣?/h3> </div> <div class="card-body"> <div class="b10-calc-layout"> <div class="b10-calc-inputs"> <div class="form-group"> <label>璐ㄤ繚鏈?(骞?</label> <input type="number" id="home-warranty-years" class="form-input" min="0.5" max="10" step="0.5" value="2" /> </div> <div class="form-group"> <label>骞翠娇鐢ㄦ椂闀?(灏忔椂/骞?</label> <input type="number" id="home-hours-per-year" class="form-input" min="1" max="1000" step="1" value="25" /> </div> <div class="form-group"> <label>鍏佽澶辨晥鐜?(%)</label> <input type="number" id="home-allow-fail-rate" class="form-input" min="0.1" max="10" step="0.1" value="2" /> </div> <div class="form-group"> <label>褰㈢姸鍙傛暟尾<span class="help-icon" data-tooltip="Weibull褰㈢姸鍙傛暟锛毼?1纾ㄦ崯澶辨晥(鍏稿瀷2.0~2.5)锛屛?1闅忔満澶辨晥锛屛?1鏃╂湡澶辨晥">?</span></label> <input type="number" id="home-beta" class="form-input" min="0.1" step="0.1" value="2.2" /> </div> <div class="form-group"> <label>瀹夊叏浣欓噺 (%)<span class="help-icon" data-tooltip="璁捐浣欓噺锛岃涓氬父鐢?0%~30%锛岃€冭檻鍒堕€犳尝鍔ㄥ拰浣跨敤鏉′欢鍙樺寲">?</span></label> <input type="number" id="home-safety-margin" class="form-input" min="0" max="50" step="5" value="20" /> </div> <div class="form-group"> <label>鎸囧畾鏃堕棿 t (灏忔椂)<span class="help-icon" data-tooltip="鏌ヨ璇ユ椂鍒荤殑鍙潬搴︼紝渚嬪璐ㄤ繚鎬绘椂闀挎垨璁捐瀵垮懡">?</span></label> <input type="number" id="home-time" class="form-input" min="0" step="1" value="50" /> </div> </div> <div class="b10-calc-results"> <div class="metric-card"> <div class="metric-label">璐ㄤ繚鎬绘椂闀?Tw</div> <div class="metric-value" id="home-tw">鈥?/div> <div class="metric-unit">灏忔椂</div> </div> <div class="metric-card b10-highlight"> <div class="metric-label">鐩爣 B10 (鍚綑閲?</div> <div class="metric-value" id="home-b10">鈥?/div> <div class="metric-unit">灏忔椂</div> </div> <div class="b10-sync-banner" id="b10-sync-banner" hidden> <span class="sync-banner-text">鐩爣B10宸叉洿鏂帮紝鏄惁鍚屾鍒板叾浠栨ā鍧楋紵</span> <div class="sync-banner-actions"> <button type="button" class="btn-sync-confirm" id="b10-sync-btn">鍚屾</button> <button type="button" class="btn-sync-dismiss" id="b10-sync-dismiss">蹇界暐</button> </div> </div> <div class="metric-card"> <div class="metric-label">鐩爣 B10 (涓嶅惈浣欓噺)</div> <div class="metric-value" id="home-b10-no-margin">鈥?/div> <div class="metric-unit">灏忔椂</div> </div> <div class="metric-card"> <div class="metric-label">鎵€闇€鐗瑰緛瀵垮懡畏</div> <div class="metric-value" id="home-eta">鈥?/div> <div class="metric-unit">灏忔椂</div> </div> <div class="metric-card"> <div class="metric-label">鎵€闇€ MTBF</div> <div class="metric-value" id="home-mtbf">鈥?/div> <div class="metric-unit">灏忔椂</div> </div> <div class="metric-card"> <div class="metric-label">t 鏃跺埢鍙潬搴?/div> <div class="metric-value" id="home-reliability-t">鈥?/div> <div class="metric-unit">%</div> </div> <div class="metric-card"> <div class="metric-label">t 鏃跺埢澶辨晥姒傜巼</div> <div class="metric-value" id="home-failure-t">鈥?/div> <div class="metric-unit">%</div> </div> <div class="formula-section"> <button type="button" class="formula-toggle" id="home-formula-toggle">馃搻鏌ョ湅璁＄畻鍏紡</button> <div class="formula-content formula-grid" id="home-formula-content" style="display: none;"> <div class="formula-item"> <h4>璐ㄤ繚鎬绘椂闀?/h4> <div class="formula-equation">Tw = 璐ㄤ繚骞存暟脳骞翠娇鐢ㄦ椂闀?/div> </div> <div class="formula-item"> <h4>鐗瑰緛瀵垮懡畏</h4> <div class="formula-equation">畏 = B10 / [ln(10/9)]<sup>1/尾</sup></div> </div> <div class="formula-item formula-item-wide"> <h4>鐩爣 B10 瀵垮懡锛堝惈瀹夊叏浣欓噺锛?/h4> <div class="formula-equation">B10 = Tw 脳 [ln(10/9) / -ln(1-Fw)]<sup>1/尾</sup> 脳 (1 + margin)</div> <div class="formula-vars-inline"> <span class="var-chip"><b>Tw</b>璐ㄤ繚鎬绘椂闀?/span> <span class="var-chip"><b>Fw</b>鍏佽澶辨晥鐜?/span> <span class="var-chip"><b>尾</b>褰㈢姸鍙傛暟</span> <span class="var-chip"><b>margin</b>瀹夊叏浣欓噺</span> </div> <div class="formula-note">ln(10/9)鈮?.10536锛孊10鐐瑰搴旂殑鏍囧噯甯告暟</div> </div> <div class="formula-item"> <h4>MTBF</h4> <div class="formula-equation">MTBF = 畏脳螕(1 + 1/尾)</div> </div> <div class="formula-item"> <h4>鏃跺埢鍙潬搴?/h4> <div class="formula-equation">R(t) = exp(-(t/畏)<sup>尾</sup>)</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="home-section"> <h2 class="home-section-title">蹇€熷紑濮?/h2> <div class="quick-start-steps"> <div class="step-card"> <div class="step-number">1</div> <div class="step-content"> <h3>鍒涘缓/閫夋嫨浜у搧鍨嬪彿</h3> <p>鍦ㄩ《閮ㄩ€夋嫨鍣ㄤ腑鍒涘缓鎴栭€夋嫨鎮ㄧ殑浜у搧鍜屽瀷鍙?/p> </div> </div> <div class="step-card"> <div class="step-number">2</div> <div class="step-content"> <h3>浣跨敤宸ュ叿杩涜鍒嗘瀽</h3> <p>浠庡乏渚у鑸垨涓婃柟蹇嵎鍏ュ彛杩涘叆鎵€闇€鐨勫彲闈犳€у垎鏋愬伐鍏?/p> </div> </div> <div class="step-card"> <div class="step-number">3</div> <div class="step-content"> <h3>瀵煎嚭缁撴灉鎴栦繚瀛樻暟鎹?/h3> <p>瀹屾垚鍒嗘瀽鍚庯紝鍙鍑虹粨鏋滄垨閫氳繃鏁版嵁绠＄悊淇濆瓨椤圭洰鏁版嵁</p> </div> </div> </div> </div> </div> </template> <template id="fmea-template"> <div class="module-page fmea-page"> <div class="module-header"> <h2>FMEA</h2> <p>澶辨晥妯″紡涓庡奖鍝嶅垎鏋愶紙Failure Mode and Effects Analysis锛?/p> </div> <div class="module-content"> <div class="fmea-toolbar"> <div class="fmea-tabs"> <button type="button" class="fmea-tab active" data-type="DFMEA">DFMEA</button> <button type="button" class="fmea-tab" data-type="PFMEA">PFMEA</button> </div> <div class="fmea-toolbar-right"> <div class="fmea-filter"> <label class="filter-label">AP 绛涢€?/label> <select class="fmea-filter-select" id="fmea-ap-filter"> <option value="all">鍏ㄩ儴</option> <option value="H">H - 楂?/option> <option value="M">M - 涓?/option> <option value="L">L - 浣?/option> </select> </div> <button type="button" class="btn-icon" id="fmea-inherit-template"> <span>馃搵</span> <span class="btn-text">浠庢ā鏉跨户鎵?/span> </button> <button type="button" class="btn-icon" id="fmea-add-row"> <span>鉃?/span> <span class="btn-text">娣诲姞琛?/span> </button> <button type="button" class="btn-icon" id="fmea-export-csv"> <span>馃摛</span> <span class="btn-text">瀵煎嚭 CSV</span> </button> </div> </div> <div class="fmea-table-container table-wrap"> <table class="data-table fmea-table"> <thead> <tr> <th style="width: 40px;"></th> <th style="width: 50px;">搴忓彿</th> <th style="min-width: 160px;">鍔熻兘/瑕佹眰</th> <th style="min-width: 160px;">澶辨晥妯″紡</th> <th style="width: 70px;">S<span class="help-icon" data-tooltip="涓ラ噸搴?S): 澶辨晥鍚庢灉涓ラ噸绋嬪害锛?0=鍗卞強瀹夊叏锛?=杞诲井">?</span></th> <th style="width: 70px;">O<span class="help-icon" data-tooltip="鍙戠敓搴?O): 澶辨晥鍙戠敓棰戠巼锛?0=鍑犱箮蹇呯劧鍙戠敓锛?=鏋佷笉鍙兘">?</span></th> <th style="width: 70px;">D<span class="help-icon" data-tooltip="鎺㈡祴搴?D): 鐜拌鎺у埗鎺㈡祴澶辨晥鐨勮兘鍔涳紝10=鏃犳硶鎺㈡祴锛?=鑲畾鑳芥帰娴?>?</span></th> <th style="width: 70px;">RPN</th> <th style="width: 70px;">AP</th> <th style="width: 70px;">鎿嶄綔</th> </tr> </thead> <tbody id="fmea-table-body"> </tbody> </table> <div class="fmea-empty-state empty-state" id="fmea-empty-state" style="display: none;"> <div class="empty-icon">馃搵</div> <h3>鏆傛棤 FMEA 鏁版嵁</h3> <p>鐐瑰嚮銆屾坊鍔犺銆嶆寜閽紑濮嬪垱寤烘偍鐨勭涓€涓?FMEA 鏉＄洰銆?/p> <button type="button" class="btn-primary" id="fmea-empty-add-btn">娣诲姞绗竴琛?/button> </div> </div> </div> <div class="fmea-rating-panel" id="fmea-rating-panel" style="display: none;"> <div class="rating-panel-header"> <span class="rating-panel-title">璇勫垎鏍囧噯</span> <button type="button" class="rating-panel-close">脳</button> </div> <div class="rating-panel-content" id="rating-panel-content"> </div> </div> </div> </template> <template id="life-data-template"> <div class="module-page life-data-page"> <div class="module-header"> <h2>瀵垮懡鏁版嵁鍒嗘瀽</h2> <p>鍩轰簬 Weibull銆佹寚鏁板垎甯冦€佸鏁版鎬佸垎甯冪殑瀵垮懡鏁版嵁鍒嗘瀽涓?B10 瀵垮懡璁＄畻</p> </div> <div class="module-content"> <div class="life-data-toolbar"> <div class="life-data-tabs"> <button type="button" class="life-data-tab active" data-tab="data-entry">鏁版嵁褰曞叆</button> <button type="button" class="life-data-tab" data-tab="analysis">缁撴灉鍒嗘瀽</button> <button type="button" class="life-data-tab" data-tab="weakness">鐭澘鍒嗘瀽</button> </div> </div>  <div class="life-data-tab-content" id="life-tab-data-entry"> <div class="card"> <div class="card-header"> <h3>璇曢獙鎵规绠＄悊</h3> <div class="card-actions"> <button type="button" class="btn-icon" id="ld-new-batch"> <span>鉃?/span> <span class="btn-text">鏂板缓鎵规</span> </button> <button type="button" class="btn-icon" id="ld-import"> <span>馃摜</span> <span class="btn-text">瀵煎叆 CSV</span> </button> <input type="file" id="ld-import-file" accept=".csv" hidden /> <button type="button" class="btn-icon" id="ld-download-template"> <span>馃搫</span> <span class="btn-text">涓嬭浇妯℃澘</span> </button> <button type="button" class="btn-icon btn-danger" id="ld-batch-delete"> <span>馃棏锔?/span> <span class="btn-text">鍒犻櫎鎵规</span> </button> </div> </div> <div class="card-body"> <div class="batch-tabs" id="ld-batch-tabs"></div> <div id="ld-batch-detail-section" style="display: none;"> <div class="form-row"> <div class="form-group"> <label>鎵规鍚嶇О</label> <input type="text" id="ld-batch-name" class="form-input" /> </div> <div class="form-group"> <label>娴嬭瘯瀵硅薄</label> <select id="ld-batch-part" class="form-input"> <option value="product">鏁存満</option> <option value="motor">鐢垫満</option> <option value="battery">鐢垫睜鍖?/option> <option value="gearbox">榻胯疆绠?浼犲姩</option> <option value="blade">鍒€鐗囩粍浠?/option> <option value="bearing">杞存壙</option> </select> </div> <div class="form-group"> <label>寮€濮嬫棩鏈?/label> <input type="date" id="ld-batch-date" class="form-input" /> </div> </div> <div class="form-row"> <div class="form-group full-width"> <label>澶囨敞</label> <textarea id="ld-batch-note" class="form-input" rows="2"></textarea> </div> </div> </div> </div> </div> <div class="card" id="ld-batch-items-section" style="display: none;"> <div class="card-header"> <h3>璇曢獙鏁版嵁</h3> <div class="card-actions"> <button type="button" class="btn-icon" id="ld-add-item"> <span>鉃?/span> <span class="btn-text">娣诲姞鏍锋湰</span> </button> </div> </div> <div class="card-body"> <div class="table-wrap"> <table class="data-table"> <thead> <tr> <th style="width: 50px;">搴忓彿</th> <th style="width: 120px;">鏃堕棿 (h)</th> <th style="width: 120px;">鐘舵€?/th> <th style="width: 150px;">闆朵欢</th> <th style="min-width: 150px;">澶辨晥妯″紡</th> <th style="min-width: 180px;">澶囨敞</th> <th style="width: 70px;">鎿嶄綔</th> </tr> </thead> <tbody id="ld-items-tbody"></tbody> </table> </div> <div class="empty-state" id="ld-items-empty" style="display: none;"> <div class="empty-icon">馃搳</div> <h3>鏆傛棤璇曢獙鏁版嵁</h3> <p>鐐瑰嚮銆屾坊鍔犳牱鏈€嶆寜閽紑濮嬪綍鍏ヨ瘯楠屾暟鎹€?/p> </div> </div> </div> </div> <div class="life-data-tab-content" id="life-tab-analysis" style="display: none;"> <div class="card"> <div class="card-header"> <h3>鍒嗘瀽閰嶇疆</h3> </div> <div class="card-body">  <div class="form-row"> <div class="form-group"> <label>鏌ョ湅妯″紡</label> <div class="segmented-control" id="ld-mode-segmented"> <button type="button" class="segmented-btn active" data-mode="merged">鍚堝苟</button> <button type="button" class="segmented-btn" data-mode="batch">鍒嗚疆</button> </div> </div> <div class="form-group"> <label>鍒嗗竷绫诲瀷</label> <select id="ld-distribution" class="form-input"> <option value="weibull">Weibull 鍒嗗竷</option> <option value="exponential">鎸囨暟鍒嗗竷</option> <option value="lognormal">瀵规暟姝ｆ€佸垎甯?/option> </select> </div> <div class="form-group"> <label>鍙傛暟浼拌鏂规硶</label> <select id="ld-method" class="form-input"> <option value="rrx">RRX (X鏂瑰悜绉╁洖褰?</option> <option value="rry">RRY (Y鏂瑰悜绉╁洖褰?</option> <option value="mle">MLE (鏈€澶т技鐒朵及璁?</option> </select> </div> </div> </div> </div> <div id="ld-merged-results"> <div class="card"> <div class="card-header"> <h3>鎷熷悎缁撴灉</h3> </div> <div class="card-body"> <div class="metrics-grid" id="ld-fit-metrics"> <div class="metric-card"> <div class="metric-label">鏍锋湰鎬绘暟</div> <div class="metric-value" id="ld-total-samples">鈥?/div> </div> <div class="metric-card"> <div class="metric-label">澶辨晥鏁?/div> <div class="metric-value" id="ld-failure-count">鈥?/div> </div> <div class="metric-card" id="ld-metric-censored" style="display: none;"> <div class="metric-label">鍙冲垹澶辨暟<span class="help-icon" data-tooltip="璇曢獙缁撴潫鏃朵粛鏈け鏁堢殑鏍峰搧锛屽彧鐭ラ亾瀵垮懡澶т簬鏌愪釜鍊?>?</span></div> <div class="metric-value" id="ld-censored-count">鈥?/div> </div> <div class="metric-card" id="ld-metric-beta"> <div class="metric-label">褰㈢姸鍙傛暟尾<span class="help-icon" data-tooltip="尾<1鏃╂湡澶辨晥锛屛测増1鍋剁劧澶辨晥锛屛?1纾ㄦ崯澶辨晥銆傜數鍔ㄥ伐鍏峰吀鍨嬪€?.0~2.5">?</span></div> <div class="metric-value" id="ld-beta">鈥?/div> </div> <div class="metric-card" id="ld-metric-eta"> <div class="metric-label">鐗瑰緛瀵垮懡畏<span class="help-icon" data-tooltip="鍙潬搴︿负36.8%鏃剁殑瀵垮懡鏃堕棿锛屼唬琛ㄦ暣浣撳鍛介噺绾?>?</span></div> <div class="metric-value" id="ld-eta">鈥?/div> <div class="metric-unit">h</div> </div> <div class="metric-card" id="ld-metric-lambda" style="display: none;"> <div class="metric-label">澶辨晥鐜?位</div> <div class="metric-value" id="ld-lambda">鈥?/div> <div class="metric-unit">/h</div> </div> <div class="metric-card" id="ld-metric-mu" style="display: none;"> <div class="metric-label">瀵规暟鍧囧€?渭</div> <div class="metric-value" id="ld-mu">鈥?/div> </div> <div class="metric-card" id="ld-metric-sigma" style="display: none;"> <div class="metric-label">瀵规暟鏍囧噯宸?蟽</div> <div class="metric-value" id="ld-sigma">鈥?/div> </div> <div class="metric-card"> <div class="metric-label">B10 瀵垮懡</div> <div class="metric-value" id="ld-b10">鈥?/div> <div class="metric-unit">h</div> </div> <div class="metric-card"> <div class="metric-label">B50 瀵垮懡</div> <div class="metric-value" id="ld-b50">鈥?/div> <div class="metric-unit">h</div> </div> <div class="metric-card"> <div class="metric-label">鎷熷悎浼樺害 R虏</div> <div class="metric-value" id="ld-r2">鈥?/div> </div> </div> <div class="metrics-grid" id="ld-target-comparison" style="margin-top: 1rem;"> <div class="metric-card"> <div class="metric-label">鐩爣 B10</div> <div class="metric-value" id="ld-target-b10">鈥?/div> <div class="metric-unit">h</div> </div> <div class="metric-card"> <div class="metric-label">楠岃瘉缁撴灉</div> <div class="metric-value" id="ld-result-pass">鈥?/div> </div> <div class="metric-card"> <div class="metric-label">宸窛</div> <div class="metric-value" id="ld-result-gap-analysis">鈥?/div> <div class="metric-unit">h</div> </div> </div> <div class="formula-section"> <button type="button" class="formula-toggle" id="ld-formula-toggle">馃搻鏌ョ湅璁＄畻鍏紡</button> <div class="formula-content" id="ld-formula-content" style="display: none;"> <div class="formula-item"> <h4>濞佸竷灏斿彲闈犲害鍏紡</h4> <div class="formula-equation">R(t) = exp(-(t/畏)<sup>尾</sup>)</div> <div class="formula-vars"> <div class="var-row"><span class="var-name">R(t)</span><span class="var-desc">鏃跺埢 t 鐨勫彲闈犲害</span></div> <div class="var-row"><span class="var-name">t</span><span class="var-desc">鏃堕棿锛堝皬鏃讹級</span></div> <div class="var-row"><span class="var-name">畏</span><span class="var-desc">鐗瑰緛瀵垮懡锛堝昂搴﹀弬鏁帮級</span></div> <div class="var-row"><span class="var-name">尾</span><span class="var-desc">褰㈢姸鍙傛暟</span></div> </div> </div> <div class="formula-item"> <h4>B10 瀵垮懡鍏紡</h4> <div class="formula-equation">B10 = 畏脳 [-ln(0.9)]<sup>1/尾</sup></div> <div class="formula-note">鍙潬搴︿负90%鏃跺搴旂殑瀵垮懡锛屽嵆10%浜у搧澶辨晥鐨勬椂闂?/div> </div> <div class="formula-item"> <h4>MTBF 鍏紡</h4> <div class="formula-equation">MTBF = 畏脳螕(1 + 1/尾)</div> <div class="formula-note">骞冲潎澶辨晥鍓嶆椂闂达紝螕涓轰冀椹嚱鏁?/div> </div> <div class="formula-item"> <h4>澶辨晥鐜囧叕寮?/h4> <div class="formula-equation">h(t) = (尾/畏) 脳 (t/畏)<sup>尾-1</sup></div> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header"> <h3>鎸囧畾鏃堕暱鍙潬搴﹁绠楀櫒</h3> </div> <div class="card-body"> <div class="form-row"> <div class="form-group"> <label>鏃堕棿 t <span class="hint">(灏忔椂)</span></label> <div style="display: flex; gap: 0.75rem; align-items: center;"> <input type="number" id="ld-reliability-time" class="form-input" min="0" step="1" value="40" style="max-width: 180px;" /> <span class="hint" id="ld-reliability-warranty-label">璐ㄤ繚鏈?/span> </div> </div> </div> <div class="metrics-grid" style="margin-top: 1rem;"> <div class="metric-card"> <div class="metric-label">鍙潬搴?R(t)</div> <div class="metric-value" id="ld-reliability-value">鈥?/div> </div> <div class="metric-card"> <div class="metric-label">澶辨晥鐜?F(t)</div> <div class="metric-value" id="ld-failure-rate-value">鈥?/div> </div> <div class="metric-card"> <div class="metric-label">璐ㄤ繚鏈熷け鏁堢巼</div> <div class="metric-value" id="ld-warranty-failure-rate">鈥?/div> </div> </div> </div> </div> <div class="card"> <div class="card-header"> <h3>姒傜巼鍥?(P-P 鍥?</h3> </div> <div class="card-body"> <canvas id="ld-pp-canvas" width="700" height="400"></canvas> </div> </div> <div class="card"> <div class="card-header"> <h3>绱Н鍒嗗竷鍑芥暟 (CDF)</h3> </div> <div class="card-body"> <canvas id="ld-cdf-canvas" width="700" height="400"></canvas> </div> </div> </div> <div id="ld-batch-results" class="ld-batch-results-container"></div> </div> <div class="life-data-tab-content" id="life-tab-weakness" style="display: none;"> <div class="card"> <div class="card-header"> <h3>鎵规閫夋嫨</h3> </div> <div class="card-body"> <div class="batch-tabs" id="ld-weakness-batch-tabs"></div> </div> </div> <div class="card weakness-core-card" id="ld-weakness-core-card" style="display: none;"> <div class="card-header"> <h3>馃敶鏍稿績鐭澘璇嗗埆</h3> </div> <div class="card-body"> <div class="weakness-core-content"> <div class="weakness-core-mode" id="ld-weakness-core-mode">鈥?/div> <div class="weakness-core-metrics"> <div class="metric-card weakness-highlight"> <div class="metric-label">B10 瀵垮懡</div> <div class="metric-value" id="ld-weakness-core-b10">鈥?/div> <div class="metric-unit">h</div> </div> <div class="metric-card"> <div class="metric-label">澶辨晥鍗犳瘮</div> <div class="metric-value" id="ld-weakness-core-pct">鈥?/div> <div class="metric-unit">%</div> </div> <div class="metric-card"> <div class="metric-label">澶辨晥鏁?/div> <div class="metric-value" id="ld-weakness-core-count">鈥?/div> </div> </div> <div class="weakness-suggestion"> <span class="suggestion-icon">馃挕</span> <span id="ld-weakness-suggestion">寤鸿閽堝璇ュけ鏁堟ā寮忎紭鍏堜紭鍖栵紝鍙樉钁楁彁鍗囨暣鏈哄鍛?/span> </div> </div> </div> </div> <div class="card" id="ld-weakness-table-card" style="display: none;"> <div class="card-header"> <h3>鎷熷悎鍙傛暟瀵规瘮</h3> </div> <div class="card-body"> <div class="table-wrap"> <table class="data-table weakness-table"> <thead> <tr> <th style="min-width: 200px;">澶辨晥妯″紡</th> <th style="width: 90px;">鏍锋湰鏁?/th> <th style="width: 90px;">澶辨晥鏁?/th> <th style="width: 90px;">尾</th> <th style="width: 110px;">畏 (h)</th> <th style="width: 110px;">B10 (h)</th> <th style="width: 110px;">MTBF (h)</th> </tr> </thead> <tbody id="ld-weakness-tbody"></tbody> </table> </div> </div> </div> <div class="card" id="ld-weakness-charts-card" style="display: none;"> <div class="card-header"> <h3>鍥捐〃鍒嗘瀽</h3> </div> <div class="card-body"> <div class="weakness-charts-row"> <div class="weakness-chart-col"> <h4 class="chart-title">B10 瀵垮懡瀵规瘮</h4> <div class="chart-container"> <canvas id="ld-weakness-bar-canvas" width="500" height="350"></canvas> </div> </div> <div class="weakness-chart-col"> <h4 class="chart-title">澶辨晥妯″紡鍗犳瘮</h4> <div class="chart-container"> <canvas id="ld-weakness-pie-canvas" width="500" height="350"></canvas> </div> </div> </div> </div> </div> <div class="card" id="ld-weakness-empty-card"> <div class="card-body"> <div class="empty-state"> <div class="empty-icon">馃搳</div> <h3>鏁版嵁涓嶈冻锛屾棤娉曡繘琛岀煭鏉垮垎鏋?/h3> <p>璇风‘淇濆綋鍓嶆壒娆℃湁鑷冲皯2绉嶅け鏁堟ā寮忥紝涓旀瘡绉嶅け鏁堟ā寮忚嚦灏戞湁2涓け鏁堟牱鏈€?/p> </div> </div> </div> </div> </div> </div> </template> <template id="test-plan-template"> <div class="module-page test-plan-page"> <div class="module-header"> <h2>娴嬭瘯璁″垝涓庤瘎浼?/h2> <p>鍙潬鎬ц瘯楠屾柟妗堣璁°€佹牱鏈噺璁＄畻銆佸姞閫熷鍛借瘯楠屼笌 HALT 璇曢獙绠＄悊</p> </div> <div class="module-content"> <div class="test-plan-toolbar"> <div class="test-plan-tabs"> <button type="button" class="test-plan-tab active" data-tab="sample-analysis">鏍锋湰閲忓垎鏋?/button> <button type="button" class="test-plan-tab" data-tab="test-items">璇曢獙椤圭洰</button> <button type="button" class="test-plan-tab" data-tab="alt">鍔犻€熷鍛?/button> <button type="button" class="test-plan-tab" data-tab="halt">HALT 璇曢獙</button> <button type="button" class="test-plan-tab" data-tab="dvpr">DVP&R</button> </div> </div> <div class="test-plan-tab-content" id="tp-tab-sample-analysis"> <div class="card"> <div class="card-header"> <h3>鏍锋湰閲忓垎鏋?/h3> <span class="tp-optimize-hint">鍒跺畾娴嬭瘯璁″垝鍓嶇殑鍓嶇疆鍒嗘瀽宸ュ叿</span> </div> <div class="card-body"> <div class="sample-analysis-tabs"> <button type="button" class="sample-analysis-tab active" data-tab="qualification">鍚堟牸鎬ч獙璇?/button> <button type="button" class="sample-analysis-tab" data-tab="life-test">瀵垮懡娴嬪畾</button> </div> <div class="sample-analysis-tab-content" id="tp-sa-tab-qualification"> <div class="form-row"> <div class="form-group"> <label>鐩爣鍙潬搴?R<span class="help-icon" data-tooltip="浜у搧鍦ㄧ洰鏍囧鍛芥椂鍒荤殑鍙潬搴?>?</span></label> <input type="number" id="tp-sa-reliability" class="form-input" min="50" max="99.9" step="0.1" value="90" /> </div> <div class="form-group"> <label>缃俊搴?纬<span class="help-icon" data-tooltip="缁熻缃俊搴︼紝閫氬父90%鎴?5%">?</span></label> <input type="number" id="tp-sa-confidence" class="form-input" min="50" max="99.9" step="0.1" value="90" /> </div> <div class="form-group"> <label>鍏佽澶辨晥鏁?r<span class="help-icon" data-tooltip="璇曢獙涓厑璁哥殑鏈€澶уけ鏁堟暟">?</span></label> <input type="number" id="tp-sa-allowed" class="form-input" min="0" max="20" step="1" value="0" /> </div> </div> <div class="result-card"> <div class="result-row"> <span class="result-label">鎵€闇€鏍锋湰閲?n</span> <span class="result-value" id="tp-sa-qual-n">-</span> </div> <div class="result-row"> <span class="result-label">閫氳繃姒傜巼锛堥浂澶辨晥锛?/span> <span class="result-value" id="tp-sa-qual-pass">-</span> </div> </div> <div class="formula-section"> <button type="button" id="tp-sa-qual-formula-toggle" class="btn-link">馃搻鏌ョ湅璁＄畻鍏紡</button> <div id="tp-sa-qual-formula-content" style="display: none; margin-top: 8px; padding: 8px; background: var(--surface-2); border-radius: var(--radius); font-size: 0.85rem;"> <p><strong>浜岄」鍒嗗竷鏍锋湰閲忓叕寮忥細</strong></p> <p>P(鈮澶辨晥 | n,R) 鈮?1-纬</p> <p>褰?r=0 鏃讹細n = ceil(ln(1-纬) / ln(R))</p> <p>褰?r>0 鏃讹細鎼滅储鏈€灏?n 婊¤冻危(k=0 to r) C(n,k)p^k(1-p)^(n-k) 鈮?1-纬</p> </div> </div> </div> <div class="sample-analysis-tab-content" id="tp-sa-tab-life-test" style="display: none;"> <div class="form-row"> <div class="form-group"> <label>鐩爣 B10 瀵垮懡 (h)<span class="help-icon" data-tooltip="10%澶辨晥姒傜巼瀵瑰簲鐨勫鍛?>?</span></label> <input type="number" id="tp-sa-b10" class="form-input" min="1" max="100000" step="1" value="150" /> </div> <div class="form-group"> <label>褰㈢姸鍙傛暟尾<span class="help-icon" data-tooltip="Weibull褰㈢姸鍙傛暟锛屛?1纾ㄦ崯澶辨晥">?</span></label> <input type="number" id="tp-sa-beta" class="form-input" min="0.5" max="5" step="0.1" value="2.2" /> </div> <div class="form-group"> <label>缃俊搴?纬</label> <input type="number" id="tp-sa-life-confidence" class="form-input" min="50" max="99.9" step="0.1" value="90" /> </div> <div class="form-group"> <label>鍏佽澶辨晥鏁?r</label> <input type="number" id="tp-sa-life-allowed" class="form-input" min="0" max="20" step="1" value="0" /> </div> <div class="form-group"> <label>璇曢獙鏃堕棿鍊嶇巼<span class="help-icon" data-tooltip="璇曢獙鏃堕棿 / B10锛岃秺澶ф牱鏈噺瓒婂皯">?</span></label> <input type="number" id="tp-sa-multiplier" class="form-input" min="0.5" max="5" step="0.1" value="1.0" /> </div> </div> <div class="result-card"> <div class="result-row"> <span class="result-label">璇曢獙鏃堕棿</span> <span class="result-value" id="tp-sa-life-duration">-</span> </div> <div class="result-row"> <span class="result-label">鎵€闇€鏍锋湰閲?n</span> <span class="result-value" id="tp-sa-life-n">-</span> </div> <div class="result-row"> <span class="result-label">绛夋晥鍙潬搴?R_test</span> <span class="result-value" id="tp-sa-life-rtest">-</span> </div> <div class="result-row"> <span class="result-label">鎬诲彴鏃?/span> <span class="result-value" id="tp-sa-life-total">-</span> </div> </div> <div class="form-row"> <div class="form-group" style="flex: 1;"> <label>涓嶅悓鍊嶇巼浼樺寲瀵规瘮</label> <table class="data-table tp-compare-table" style="margin-top: 8px;"> <thead> <tr> <th>鍊嶇巼</th> <th>璇曢獙鏃堕棿</th> <th>鏍锋湰閲?/th> <th>鎬诲彴鏃?/th> <th>鑺傜渷</th> </tr> </thead> <tbody id="tp-sa-life-comparison"> </tbody> </table> </div> </div> <div class="formula-section"> <button type="button" id="tp-sa-life-formula-toggle" class="btn-link">馃搻鏌ョ湅璁＄畻鍏紡</button> <div id="tp-sa-life-formula-content" style="display: none; margin-top: 8px; padding: 8px; background: var(--surface-2); border-radius: var(--radius); font-size: 0.85rem;"> <p><strong>Weibull 鎶樼畻鏍锋湰閲忓叕寮忥細</strong></p> <p>K10 = ln(10/9) 鈮?0.10536</p> <p>R_test = exp(-K10 脳 (T/B10)^尾)</p> <p>n = binomialSampleSize(R_test, 纬, r)</p> </div> </div> </div> </div> </div> </div> <div class="test-plan-tab-content" id="tp-tab-test-items" style="display: none;"> <div class="card"> <div class="card-header"> <h3>鍏ㄥ眬鍙傛暟璁剧疆</h3> </div> <div class="card-body"> <div class="form-row"> <div class="form-group"> <label>缃俊搴?/label> <select id="tp-confidence" class="form-input"> <option value="0.9">90%</option> <option value="0.95">95%</option> <option value="0.99">99%</option> </select> </div> <div class="form-group"> <label>鍏佽澶辨晥鏁?/label> <input type="number" id="tp-allowed-failures" class="form-input" min="0" step="1" value="0" /> </div> <div class="form-group"> <label>榛樿鎴熬绫诲瀷<span class="help-icon" data-tooltip="瀹氭椂鎴熬(鍒版椂鍋? vs 瀹氭暟鎴熬(澶辨晥鏁板浜嗗仠)">?</span></label> <select id="tp-default-censor" class="form-input"> <option value="time">瀹氭椂鎴熬</option> <option value="failure">瀹氭暟鎴熬</option> <option value="complete">瀹屽叏澶辨晥</option> </select> </div> <div class="form-group"> <label>褰㈢姸鍙傛暟尾<span class="help-icon" data-tooltip="Weibull 鍒嗗竷鐨勫舰鐘跺弬鏁帮紝尾>1 琛ㄧず鑰佸寲澶辨晥锛屛?1 涓洪殢鏈哄け鏁堬紝尾<1 涓烘棭鏈熷け鏁?>?</span></label> <input type="number" id="tp-default-beta" class="form-input" min="0.1" step="0.1" value="2.2" /> </div> <div class="form-group"> <label>浼樺寲绛栫暐<span class="help-icon" data-tooltip="standard=浼犵粺鎴熬绯绘暟, optimized=Weibull寤堕暱璇曢獙(閮ㄤ欢2.2脳B10,鏁存満1.3脳B10), custom=鑷畾涔?>?</span></label> <select id="tp-strategy" class="form-input"> <option value="standard">鏍囧噯</option> <option value="optimized">Weibull 浼樺寲</option> <option value="custom">鑷畾涔?/option> </select> </div> </div> </div> </div> <div class="card"> <div class="card-header"> <h3>璇曢獙椤圭洰鏄庣粏</h3> <div class="card-actions"> <button type="button" class="btn-icon" id="tp-apply-template"> <span>馃搵</span> <span class="btn-text">搴旂敤妯℃澘</span> </button> <button type="button" class="btn-icon" id="tp-import-fmea"> <span>馃摜</span> <span class="btn-text">浠?FMEA 瀵煎叆</span> </button> <button type="button" class="btn-icon" id="tp-calc-all"> <span>馃敘</span> <span class="btn-text">璁＄畻鍏ㄩ儴</span> </button> <button type="button" class="btn-icon btn-primary" id="tp-add-item"> <span>鉃?/span> <span class="btn-text">娣诲姞娴嬭瘯椤?/span> </button> </div> </div> <div class="card-body"> <div class="table-wrap"> <table class="data-table test-items-table"> <thead> <tr> <th style="width: 40px;">#</th> <th style="width: 18%;">娴嬭瘯椤圭洰鍚嶇О</th> <th style="width: 80px;">鐩爣瀵垮懡</th> <th style="width: 75px;">鍙潬搴?/th> <th style="width: 70px;">绾у埆</th> <th style="width: 55px;">尾</th> <th style="width: 70px;">鍊嶇巼</th> <th style="width: 65px;">鏍锋湰閲?/th> <th style="width: 80px;">璇曢獙鏃堕暱</th> <th style="width: 80px;">鎴熬绫诲瀷</th> <th style="width: 15%;">鍙版灦鏉′欢</th> <th style="width: 50px;">鎿嶄綔</th> </tr> </thead> <tbody id="tp-items-tbody"></tbody> </table> </div> <div class="empty-state" id="tp-items-empty" style="display: none;"> <div class="empty-icon">馃搵</div> <h3>鏆傛棤璇曢獙椤圭洰</h3> <p>鐐瑰嚮銆屾坊鍔犳祴璇曢」銆嶆垨銆屼粠 FMEA 瀵煎叆銆嶅紑濮嬪垱寤鸿瘯楠岄」鐩€?/p> </div> </div> </div> <div class="card"> <div class="card-header"> <h3>鏅鸿兘浼樺寲鏂规瀵规瘮</h3> </div> <div class="card-body"> <div id="tp-optimize-panel"></div> </div> </div> </div> <div class="test-plan-tab-content" id="tp-tab-alt" style="display: none;"> <div class="card"> <div class="card-header"> <h3>ALT 鍔犻€熷鍛借瘯楠岃鍒?/h3> <div class="card-actions"> <button type="button" class="btn-icon btn-primary" id="tp-add-alt"> <span>鉃?/span> <span class="btn-text">娣诲姞 ALT 璁″垝</span> </button> </div> </div> <div class="card-body"> <div class="table-wrap"> <table class="data-table alt-table"> <thead> <tr> <th style="width: 50px;">搴忓彿</th> <th style="min-width: 180px;">璇曢獙鍚嶇О</th> <th style="width: 100px;">搴斿姏绫诲瀷</th> <th style="width: 140px;">鍔犻€熸ā鍨?span class="help-icon" data-tooltip="Arrhenius娓╁害鍔犻€熴€侀€嗗箓寰嬭礋杞藉姞閫熺瓑锛屾牴鎹け鏁堟満鐞嗛€夋嫨">?</span></th> <th style="width: 120px;">姝ｅ父浣跨敤搴斿姏</th> <th style="width: 130px;">鍔犻€熷簲鍔涙按骞?<span class="help-icon" data-tooltip="鍔犻€熻瘯楠屾柦鍔犵殑搴斿姏绛夌骇锛岃嚦灏戦渶瑕?涓按骞虫墠鑳借绠楀姞閫熷洜瀛?>?</span></th> <th style="width: 130px;">鍔犻€熷簲鍔涙按骞?</th> <th style="width: 110px;">鍔犻€熷洜瀛?/th> <th style="width: 110px;">鐩爣B10 (h)<span class="help-icon" data-tooltip="浣跨敤宸ュ喌涓嬬殑鐩爣B10瀵垮懡锛岀敤浜庤嚜鍔ㄨ绠楀姞閫熷悗鎵€闇€娴嬭瘯鏃堕棿">?</span></th> <th style="width: 110px;">璇曢獙鏃堕暱 (h)<span class="help-icon" data-tooltip="鑷姩璁＄畻 = 鐩爣B10 / 鍔犻€熷洜瀛愶紝鍙墜鍔ㄨ鐩?>?</span></th> <th style="width: 90px;">鏍锋湰閲?/th> <th style="width: 70px;">鎿嶄綔</th> </tr> </thead> <tbody id="tp-alt-tbody"></tbody> </table> </div> <div class="empty-state" id="tp-alt-empty" style="display: none;"> <div class="empty-icon">鈿?/div> <h3>鏆傛棤 ALT 璇曢獙璁″垝</h3> <p>鐐瑰嚮銆屾坊鍔?ALT 璁″垝銆嶅紑濮嬪垱寤哄姞閫熷鍛借瘯楠屻€?/p> </div> </div> </div> <div class="card"> <div class="card-header"> <h3>鍔犻€熷洜瀛愯鏄?/h3> </div> <div class="card-body"> <div class="alt-info-grid"> <div class="alt-info-item"> <h4>Arrhenius 妯″瀷</h4> <p>閫傜敤浜庢俯搴﹀簲鍔涳細AF = exp(Ea/k 脳 (1/T_use - 1/T_accel))</p> <p class="hint">Ea=0.7eV, k=8.617e-5 eV/K</p> </div> <div class="alt-info-item"> <h4>Coffin-Manson 妯″瀷</h4> <p>閫傜敤浜庢俯搴﹀惊鐜細AF = (螖T_accel / 螖T_use)^n</p> <p class="hint">n=2.5锛堥粯璁わ紝鑼冨洿 2~4锛?/p> </div> <div class="alt-info-item"> <h4>閫嗗箓寰嬫ā鍨?/h4> <p>閫傜敤浜庣數鍘嬨€佸姛鐜囥€佹尟鍔ㄧ瓑搴斿姏锛欰F = (S_accel / S_use)^n</p> <p class="hint">n: 鐢靛帇=5, 鍔熺巼=4, 鎸姩=3, 鍏朵粬=4</p> </div> </div> </div> </div> </div> <div class="test-plan-tab-content" id="tp-tab-halt" style="display: none;"> <div class="card"> <div class="card-header"> <h3>HALT 璇曢獙璁板綍</h3> <div class="card-actions"> <button type="button" class="btn-icon btn-primary" id="tp-add-halt"> <span>鉃?/span> <span class="btn-text">娣诲姞 HALT 璇曢獙</span> </button> </div> </div> <div class="card-body" id="tp-halt-container"> <div class="empty-state" id="tp-halt-empty"> <div class="empty-icon">馃И</div> <h3>鏆傛棤 HALT 璇曢獙璁板綍</h3> <p>鐐瑰嚮銆屾坊鍔?HALT 璇曢獙銆嶅紑濮嬭褰曢珮鍔犻€熷鍛借瘯楠屻€?/p> </div> </div> </div> </div> <div class="test-plan-tab-content" id="tp-tab-dvpr" style="display: none;"> <div class="card"> <div class="card-header"> <h3>DVP&R 璁捐楠岃瘉璁″垝涓庢姤鍛?/h3> <div class="card-actions"> <span class="selector-label" style="font-size: 0.8rem; color: var(--text-muted);"> 鍏?<span id="dvpr-total">0</span> 椤? </span> </div> </div> <div class="card-body"> <div class="table-wrap"> <table class="data-table dvpr-table"> <thead> <tr> <th style="width: 50px;">搴忓彿</th> <th style="min-width: 200px;">璇曢獙椤圭洰鍚嶇О</th> <th style="min-width: 150px;">璇曢獙瀵硅薄</th> <th style="min-width: 200px;">璇曢獙宸ュ喌</th> <th style="width: 80px;">鏍锋湰閲?/th> <th style="width: 120px;">鎴熬鏂瑰紡<span class="help-icon" data-tooltip="瀹氭椂鎴熬(鍒版椂鍋? vs 瀹氭暟鎴熬(澶辨晥鏁板浜嗗仠)">?</span></th> <th style="min-width: 220px;">楠屾敹鏍囧噯</th> <th style="width: 100px;">璇曢獙缁撴灉</th> <th style="min-width: 150px;">澶囨敞</th> </tr> </thead> <tbody id="dvpr-tbody"></tbody> </table> </div> <div class="empty-state" id="dvpr-empty" style="display: none;"> <div class="empty-icon">馃搵</div> <h3>鏆傛棤 DVP&R 鏁版嵁</h3> <p>璇峰厛鍦ㄣ€岃瘯楠岄」鐩€峊ab 涓坊鍔犺瘯楠岄」鐩€?/p> </div> <div class="dvpr-stats" style="margin-top: 1rem; display: flex; gap: 1.5rem; flex-wrap: wrap;"> <div class="dvpr-stat-item"> <span class="dvpr-stat-label">鎬昏瘯楠岄」鏁帮細</span> <span class="dvpr-stat-value" id="dvpr-stat-total">0</span> </div> <div class="dvpr-stat-item"> <span class="dvpr-stat-label">閫氳繃锛?/span> <span class="dvpr-stat-value dvpr-pass" id="dvpr-stat-passed">0</span> </div> <div class="dvpr-stat-item"> <span class="dvpr-stat-label">澶辫触锛?/span> <span class="dvpr-stat-value dvpr-fail" id="dvpr-stat-failed">0</span> </div> <div class="dvpr-stat-item"> <span class="dvpr-stat-label">杩涜涓細</span> <span class="dvpr-stat-value dvpr-progress" id="dvpr-stat-progress">0</span> </div> <div class="dvpr-stat-item"> <span class="dvpr-stat-label">鏈紑濮嬶細</span> <span class="dvpr-stat-value dvpr-pending" id="dvpr-stat-pending">0</span> </div> </div> </div> </div> </div> </div> </div> </template> <template id="sample-size-template"> <div class="module-page sample-size-page"> <div class="module-header"> <h2>鏍锋湰閲忚绠?/h2> <p>鍙潬鎬ц瘯楠屾牱鏈噺浼扮畻鈥?鍚堟牸鎬ч獙璇佷笌瀵垮懡娴嬪畾</p> </div> <div class="module-content"> <div class="sample-size-toolbar"> <div class="sample-size-tabs"> <button type="button" class="sample-size-tab active" data-tab="qualification">鍚堟牸鎬ч獙璇?/button> <button type="button" class="sample-size-tab" data-tab="life-test">瀵垮懡娴嬪畾</button> </div> </div> <div class="sample-size-tab-content" id="ss-tab-qualification"> <div class="sample-size-layout"> <div class="sample-size-inputs card"> <div class="card-header"> <h3>杈撳叆鍙傛暟锛堜簩椤瑰垎甯冿級</h3> </div> <div class="card-body"> <div class="form-group"> <label>鐩爣鍙潬搴?R<span class="help-icon" data-tooltip="瑕佹眰杈惧埌鐨勫彲闈犲害姘村钩锛屽90%琛ㄧず90%鐨勪骇鍝佽兘閫氳繃">?</span></label> <div class="slider-row"> <input type="range" id="ss-qual-reliability-slider" class="slider-input" min="50" max="99" value="90" /> <input type="number" id="ss-qual-reliability-value" class="form-input reliability-number" min="50" max="99" step="1" value="90" /> <span class="slider-unit">%</span> </div> </div> <div class="form-group"> <label>缃俊搴?CL<span class="help-icon" data-tooltip="缁熻缁撹鐨勬妸鎻＄▼搴︼紝瓒婇珮闇€瑕佺殑鏍锋湰閲忚秺澶?>?</span></label> <div class="slider-row"> <input type="range" id="ss-qual-confidence-slider" class="slider-input" min="50" max="99" value="90" /> <input type="number" id="ss-qual-confidence-value" class="form-input reliability-number" min="50" max="99" step="1" value="90" /> <span class="slider-unit">%</span> </div> </div> <div class="form-group"> <label>鍏佽澶辨晥鏁?r<span class="help-icon" data-tooltip="璇曢獙涓厑璁哥殑澶辨晥鏁伴噺锛?澶辨晥瑕佹眰鏈€涓ユ牸">?</span></label> <input type="number" id="ss-qual-allowed-failures" class="form-input" min="0" max="10" step="1" value="0" /> </div> <div class="form-group"> <label>璇曢獙鏃堕暱 t <span class="hint">(灏忔椂)</span></label> <input type="number" id="ss-qual-test-time" class="form-input" min="1" step="1" value="200" /> </div> <div class="form-group"> <label>濞佸竷灏斿舰鐘跺弬鏁?尾</label> <input type="number" id="ss-qual-beta" class="form-input" min="0.1" step="0.1" value="2.2" /> </div> </div> </div> <div class="sample-size-results"> <div class="metric-card ss-result-highlight"> <div class="metric-label">鏈€灏戞牱鏈噺 n</div> <div class="metric-value" id="ss-qual-result-n">鈥?/div> <div class="metric-unit">鍙?/div> </div> <div class="card"> <div class="card-header"> <h3>缁撴灉璇存槑</h3> </div> <div class="card-body"> <div class="ss-result-info" id="ss-qual-zero-fail-prob"> <strong>0澶辨晥閫氳繃姒傜巼锛?/strong><span id="ss-qual-pass-prob">鈥?/span> </div> <div class="ss-result-divider"></div> <div class="ss-result-reference"> <h4>琛屼笟鍙傝€?/h4> <ul> <li>閮ㄤ欢绾э細6 ~ 8 鍙?/li> <li>鏁存満绾э細10 ~ 20 鍙?/li> </ul> </div> <div class="formula-section"> <button type="button" class="formula-toggle" id="ss-qual-formula-toggle">馃搻鏌ョ湅璁＄畻鍏紡</button> <div class="formula-content" id="ss-qual-formula-content" style="display: none;"> <div class="formula-item"> <h4>0澶辨晥鏃舵牱鏈噺鍏紡</h4> <div class="formula-equation">n = ln(1 - CL) / ln(R)</div> <div class="formula-vars"> <div class="var-row"><span class="var-name">n</span><span class="var-desc">鏈€灏戞牱鏈噺</span></div> <div class="var-row"><span class="var-name">CL</span><span class="var-desc">缃俊搴︼紙Confidence Level锛?/span></div> <div class="var-row"><span class="var-name">R</span><span class="var-desc">鐩爣鍙潬搴?/span></div> </div> </div> <div class="formula-item"> <h4>浜岄」鍒嗗竷绱Н姒傜巼</h4> <div class="formula-equation">P(X 鈮?r) = 危<sub>k=0</sub><sup>r</sup> C(n,k) 脳 (1-R)<sup>k</sup> 脳 R<sup>n-k</sup></div> <div class="formula-note">n涓牱鏈腑澶辨晥鏁颁笉瓒呰繃r鐨勬鐜?/div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="sample-size-tab-content" id="ss-tab-life-test" style="display: none;"> <div class="sample-size-layout"> <div class="sample-size-inputs card"> <div class="card-header"> <h3>杈撳叆鍙傛暟锛堝▉甯冨皵鎷熷悎锛?/h3> </div> <div class="card-body"> <div class="form-group"> <label>鐩爣绮惧害锛堢浉瀵硅宸級<span class="help-icon" data-tooltip="B10浼拌鍊肩殑鐩稿璇樊瑕佹眰锛屽20%琛ㄧず璇樊涓嶈秴杩嚶?0%">?</span></label> <div class="slider-row"> <input type="range" id="ss-life-precision-slider" class="slider-input" min="5" max="50" value="20" /> <input type="number" id="ss-life-precision-value" class="form-input reliability-number" min="5" max="50" step="1" value="20" /> <span class="slider-unit">%</span> </div> </div> <div class="form-group"> <label>缃俊搴?CL<span class="help-icon" data-tooltip="缁熻缁撹鐨勬妸鎻＄▼搴︼紝瓒婇珮闇€瑕佺殑鏍锋湰閲忚秺澶?>?</span></label> <div class="slider-row"> <input type="range" id="ss-life-confidence-slider" class="slider-input" min="50" max="99" value="90" /> <input type="number" id="ss-life-confidence-value" class="form-input reliability-number" min="50" max="99" step="1" value="90" /> <span class="slider-unit">%</span> </div> </div> <div class="form-group"> <label>棰勬湡澶辨晥姣斾緥<span class="help-icon" data-tooltip="璇曢獙缁撴潫鏃堕璁＄殑澶辨晥姣斾緥锛岃秺楂橀渶瑕佺殑鎬绘牱鏈噺瓒婂皯">?</span></label> <div class="slider-row"> <input type="range" id="ss-life-failure-ratio-slider" class="slider-input" min="30" max="100" value="60" /> <input type="number" id="ss-life-failure-ratio-value" class="form-input reliability-number" min="30" max="100" step="1" value="60" /> <span class="slider-unit">%</span> </div> </div> <div class="form-group"> <label>濞佸竷灏斿舰鐘跺弬鏁?尾</label> <input type="number" id="ss-life-beta" class="form-input" min="0.1" step="0.1" value="2.2" /> </div> </div> </div> <div class="sample-size-results"> <div class="metric-card ss-result-highlight"> <div class="metric-label">鎺ㄨ崘鏍锋湰閲?/div> <div class="metric-value" id="ss-life-result-n">鈥?/div> <div class="metric-unit">鍙?/div> </div> <div class="card"> <div class="card-header"> <h3>缁撴灉璇存槑</h3> </div> <div class="card-body"> <div class="ss-result-info"> <strong>棰勬湡澶辨晥鏁帮細</strong><span id="ss-life-failure-count">鈥?/span> 鍙? </div> <div class="ss-result-divider"></div> <div class="ss-result-note"> <p>鍩轰簬缁熻绮惧害杩戜技鍏紡浼扮畻锛屽疄闄呮牱鏈噺鍙牴鎹瘯楠屾潯浠堕€傚綋璋冩暣銆?/p> <p class="hint">棰勬湡澶辨晥姣斾緥瓒婇珮锛屾墍闇€鎬绘牱鏈噺瓒婂皯锛屼絾璇曢獙鍛ㄦ湡鐩稿簲寤堕暱銆?/p> </div> <div class="formula-section"> <button type="button" class="formula-toggle" id="ss-life-formula-toggle">馃搻鏌ョ湅璁＄畻鍏紡</button> <div class="formula-content" id="ss-life-formula-content" style="display: none;"> <div class="formula-item"> <h4>鎵€闇€澶辨晥鏁拌繎浼煎叕寮?/h4> <div class="formula-equation">r 鈮?(z<sub>伪</sub> / 未)虏 / 2</div> <div class="formula-vars"> <div class="var-row"><span class="var-name">r</span><span class="var-desc">鎵€闇€澶辨晥鏁?/span></div> <div class="var-row"><span class="var-name">z<sub>伪</sub></span><span class="var-desc">鏍囧噯姝ｆ€佸垎甯冨垎浣嶆暟锛?0%缃俊鈫?.645锛?/span></div> <div class="var-row"><span class="var-name">未</span><span class="var-desc">鐩爣鐩稿绮惧害锛堝20%鍗?.2锛?/span></div> </div> </div> <div class="formula-item"> <h4>鎬绘牱鏈噺</h4> <div class="formula-equation">n = r / p</div> <div class="formula-note">p涓洪鏈熷け鏁堟瘮渚?/div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </template> <template id="prediction-template"> <div class="module-page prediction-page"> <div class="module-header"> <h2>鍙潬鎬ч娴?/h2> <p>鍩轰簬闆堕儴浠跺け鏁堢巼鐨勭郴缁熷彲闈犳€ч璁′笌璁＄畻锛堢畝鍖栫増 MIL-HDBK-217锛?/p> </div> <div class="module-content"> <div class="prediction-tabs"> <button type="button" class="pred-tab" data-tab="derating">闄嶉瑁曞害</button> <button type="button" class="pred-tab active" data-tab="prediction">鍙潬鎬ч璁?/button> <button type="button" class="pred-tab" data-tab="allocation">鍙潬鎬у垎閰?/button> </div> <div id="pred-tab-derating" class="pred-tab-content" style="display: none;">  </div> <div id="pred-tab-prediction" class="pred-tab-content"> <div class="prediction-toolbar"> <div class="prediction-structure-select"> <label class="selector-group"> <span class="selector-label">绯荤粺缁撴瀯</span> <select id="pred-structure-select" class="header-select"> <option value="series">涓茶仈绯荤粺</option> <option value="parallel">骞惰仈绯荤粺</option> <option value="vote23">2/3 琛ㄥ喅绯荤粺</option> </select> </label> <div class="parallel-count-group" id="parallel-count-group" style="display: none;"> <label class="selector-group"> <span class="selector-label">骞惰仈鏁伴噺</span> <input type="number" id="pred-parallel-count" class="form-input" min="2" value="2" style="width: 80px;" /> </label> </div> </div> <div class="prediction-toolbar-right"> <button type="button" class="btn-icon" id="pred-component-library"> <span>馃摎</span> <span class="btn-text">鍏冨櫒浠跺簱</span> </button> <button type="button" class="btn-icon" id="pred-add-component"> <span>鉃?/span> <span class="btn-text">娣诲姞鍏冨櫒浠?/span> </button> <button type="button" class="btn-icon btn-primary" id="pred-calculate"> <span>馃敘</span> <span class="btn-text">璁＄畻</span> </button> </div> </div> <div class="pred-components-card card"> <div class="card-header"> <h3>鍏冨櫒浠舵竻鍗?/h3> <div class="card-actions"> <span class="selector-label" style="font-size: 0.8rem; color: var(--text-muted);">鍏?<span id="pred-component-count">0</span> 绉嶅厓鍣ㄤ欢</span> </div> </div> <div class="card-body" style="padding: 0;"> <div class="pred-table-container table-wrap"> <table class="data-table pred-table"> <thead> <tr> <th style="width: 50px;">搴忓彿</th> <th style="min-width: 150px;">鍏冨櫒浠跺悕绉?/th> <th style="width: 120px;">绫诲瀷</th> <th style="width: 80px;">鏁伴噺</th> <th style="width: 120px;">鍩虹澶辨晥鐜囄?FIT)<span class="help-icon" data-tooltip="鍩虹澶辨晥鐜囷細鍏冨櫒浠跺湪鏍囧噯鏉′欢锛?5掳C銆侀瀹氬簲鍔涳級涓嬬殑澶辨晥鐜囷紝鍗曚綅FIT(10鈦烩伖/h)銆傚彲浠庡厓鍣ㄤ欢鎵嬪唽鎴朚IL-HDBK-217鏌ュ緱">?</span></th> <th style="width: 100px;">宸ヤ綔娓╁害(掳C)</th> <th style="width: 90px;">蟺_T<span class="help-icon" data-tooltip="娓╁害鍔犻€熺郴鏁帮細鍩轰簬Arrhenius妯″瀷璁＄畻锛屽伐浣滄俯搴﹁秺楂樺€艰秺澶с€?5掳C鏃?1.0锛屾瘡鍗囬珮10掳C绾﹀澶?.5~2鍊?>?</span></th> <th style="width: 90px;">蟺_S<span class="help-icon" data-tooltip="搴斿姏闄嶉绯绘暟锛氬疄闄呭伐浣滃簲鍔涗笌棰濆畾搴斿姏涔嬫瘮鐨勭浉鍏冲洜瀛愩€傞粯璁?.0锛岄檷棰濊璁℃椂<1.0锛岃繃杞芥椂>1.0">?</span></th> <th style="width: 90px;">蟺_Q<span class="help-icon" data-tooltip="璐ㄩ噺绛夌骇绯绘暟锛氬弽鏄犲厓鍣ㄤ欢璐ㄩ噺姘村钩銆傚啗鐢ㄧ骇0.3~0.5锛屽伐涓氱骇1.0锛屾皯鐢ㄧ骇1.5~2.0">?</span></th> <th style="width: 130px;">宸ヤ綔澶辨晥鐜?FIT)</th> <th style="width: 70px;">鎿嶄綔</th> </tr> </thead> <tbody id="pred-table-body"> </tbody> </table> <div class="pred-empty-state empty-state" id="pred-empty-state" style="display: none;"> <div class="empty-icon">馃搵</div> <h3>鏆傛棤鍏冨櫒浠舵暟鎹?/h3> <p>鐐瑰嚮銆屾坊鍔犲厓鍣ㄤ欢銆嶆寜閽紑濮嬪垱寤烘偍鐨勭涓€涓厓鍣ㄤ欢鏉＄洰銆?/p> <button type="button" class="btn-primary" id="pred-empty-add-btn">娣诲姞绗竴涓厓鍣ㄤ欢</button> </div> </div> </div> </div> <div class="pred-bottom-grid"> <div class="card pred-diagram-card"> <div class="card-header"> <h3>绯荤粺缁撴瀯绀烘剰鍥?/h3> </div> <div class="card-body"> <div class="pred-diagram-container" id="pred-diagram-container"> <canvas id="pred-diagram-canvas" width="500" height="200"></canvas> </div> </div> </div> <div class="card pred-results-card"> <div class="card-header"> <h3>璁＄畻缁撴灉</h3> </div> <div class="card-body"> <div class="metrics-grid"> <div class="metric-card"> <div class="metric-label">鍏冨櫒浠舵€诲け鏁堢巼 (危位)</div> <div class="metric-value" id="pred-total-lambda">鈥?/div> <div class="metric-unit">FIT</div> </div> <div class="metric-card"> <div class="metric-label">绯荤粺澶辨晥鐜?位s</div> <div class="metric-value" id="pred-sys-lambda">鈥?/div> <div class="metric-unit">FIT</div> </div> <div class="metric-card"> <div class="metric-label">绯荤粺 MTBF</div> <div class="metric-value" id="pred-mtbf-hours">鈥?/div> <div class="metric-unit">灏忔椂</div> </div> <div class="metric-card"> <div class="metric-label">绯荤粺 MTBF</div> <div class="metric-value" id="pred-mtbf-years">鈥?/div> <div class="metric-unit">骞?/div> </div> <div class="metric-card"> <div class="metric-label">绛夋晥 B10 瀵垮懡</div> <div class="metric-value" id="pred-equiv-b10">鈥?/div> <div class="metric-unit">灏忔椂</div> </div> <div class="metric-card"> <div class="metric-label">绛夋晥澶辨晥鐜?位</div> <div class="metric-value" id="pred-equiv-lambda">鈥?/div> <div class="metric-unit">10鈦烩伓/h</div> </div> </div> <div class="pred-beta-section" style="margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--border);"> <div class="form-row"> <div class="form-group"> <label>Weibull 褰㈢姸鍙傛暟尾<span class="help-icon" data-tooltip="Weibull褰㈢姸鍙傛暟锛毼?1纾ㄦ崯澶辨晥(鍏稿瀷2.0~2.5)锛屛?1闅忔満澶辨晥锛屛?1鏃╂湡澶辨晥銆傜敤浜庝粠MTBF鍙嶇畻绛夋晥B10">?</span></label> <input type="number" id="pred-beta" class="form-input" min="0.1" step="0.1" value="2.2" style="width: 100px;" /> </div> </div> </div> <div class="pred-reliability-section"> <h4 style="margin: 1rem 0 0.75rem; font-size: 0.9rem;">鍙潬搴?R(t) = e^(-位t)</h4> <div class="form-row"> <div class="form-group"> <label>浠诲姟鏃堕棿 t (灏忔椂)</label> <input type="number" id="pred-mission-time" class="form-input" min="0" value="10000" step="100" /> </div> <div class="form-group"> <label>鍙潬搴?R(t)</label> <div class="readonly-value" id="pred-reliability-value">鈥?/div> </div> </div> </div> <div class="pred-chart-section"> <h4 style="margin: 1rem 0 0.75rem; font-size: 0.9rem;">鍏冨櫒浠跺け鏁堢巼鍗犳瘮</h4> <div class="pred-chart-container"> <canvas id="pred-bar-canvas" width="400" height="200"></canvas> </div> </div> </div> </div> </div> <div class="component-library-modal" id="component-library-modal" style="display: none;"> <div class="component-library-overlay" id="component-library-overlay"></div> <div class="component-library-panel"> <div class="component-library-header"> <h3>馃摎鍏冨櫒浠跺簱</h3> <button type="button" class="component-library-close" id="component-library-close">脳</button> </div> <div class="component-library-search"> <input type="text" id="component-library-search-input" class="form-input" placeholder="鎼滅储鍏冨櫒浠跺悕绉版垨鎻忚堪..." /> </div> <div class="component-library-categories"> <button type="button" class="lib-cat-btn active" data-category="all">鍏ㄩ儴</button> <button type="button" class="lib-cat-btn" data-category="electronic">鐢靛瓙绫?/button> <button type="button" class="lib-cat-btn" data-category="mechanical">鏈烘绫?/button> <button type="button" class="lib-cat-btn" data-category="electromechanical">鏈虹數绫?/button> </div> <div class="component-library-list" id="component-library-list"> </div> <div class="component-library-footer"> <button type="button" class="btn-secondary" id="add-custom-component-btn"> <span>鉃?/span> <span>娣诲姞鑷畾涔夊厓鍣ㄤ欢</span> </button> </div> </div> </div> <div class="custom-component-modal" id="custom-component-modal" style="display: none;"> <div class="custom-component-overlay" id="custom-component-overlay"></div> <div class="custom-component-panel"> <div class="custom-component-header"> <h3>娣诲姞鑷畾涔夊厓鍣ㄤ欢</h3> <button type="button" class="custom-component-close" id="custom-component-close">脳</button> </div> <div class="custom-component-body"> <div class="form-group"> <label>鍏冨櫒浠跺悕绉?/label> <input type="text" id="custom-comp-name" class="form-input" placeholder="璇疯緭鍏ュ厓鍣ㄤ欢鍚嶇О" /> </div> <div class="form-group"> <label>绫诲埆</label> <select id="custom-comp-category" class="form-input"> <option value="electronic">鐢靛瓙绫?/option> <option value="mechanical">鏈烘绫?/option> <option value="electromechanical">鏈虹數绫?/option> </select> </div> <div class="form-group"> <label>绫诲瀷</label> <select id="custom-comp-type" class="form-input"> <option value="resistor">鐢甸樆</option> <option value="capacitor">鐢靛</option> <option value="inductor">鐢垫劅</option> <option value="diode">浜屾瀬绠?/option> <option value="transistor">鏅朵綋绠?/option> <option value="ic_digital">IC(鏁板瓧)</option> <option value="ic_analog">IC(妯℃嫙)</option> <option value="connector">杩炴帴鍣?/option> <option value="relay">缁х數鍣?/option> <option value="other">鍏朵粬</option> </select> </div> <div class="form-group"> <label>鍩虹澶辨晥鐜?位b (FIT)</label> <input type="number" id="custom-comp-lambda" class="form-input" min="0" step="0.01" value="0.1" /> </div> <div class="form-group"> <label>鎻忚堪</label> <input type="text" id="custom-comp-desc" class="form-input" placeholder="鍙€夛細鍏冨櫒浠舵弿杩? /> </div> </div> <div class="custom-component-footer"> <button type="button" class="btn-ghost" id="custom-comp-cancel">鍙栨秷</button> <button type="button" class="btn-primary" id="custom-comp-save">淇濆瓨</button> </div> </div> </div> </div> <div id="pred-tab-allocation" class="pred-tab-content" style="display: none;"> <div class="card alloc-settings-card"> <div class="card-header"> <h3>鍒嗛厤璁剧疆</h3> </div> <div class="card-body"> <div class="form-row"> <div class="form-group"> <label>鏁存満鐩爣 B10 (灏忔椂)</label> <input type="number" id="alloc-target-b10" class="form-input" min="1" value="150" step="1" /> </div> <div class="form-group"> <label>缃俊搴?/label> <select id="alloc-confidence" class="form-input"> <option value="0.9">90%</option> <option value="0.95">95%</option> <option value="0.99">99%</option> </select> </div> <div class="form-group"> <label>绯荤粺缁撴瀯</label> <select id="alloc-system-structure" class="form-input"> <option value="series">涓茶仈</option> <option value="parallel">骞惰仈</option> </select> </div> <div class="form-group"> <label>尾褰㈢姸鍙傛暟</label> <input type="number" id="alloc-beta" class="form-input" min="0.1" value="2.2" step="0.1" /> </div> </div> </div> </div> <div class="card alloc-subsystems-card"> <div class="card-header"> <h3>瀛愮郴缁熻瘎鍒嗚〃</h3> <div class="card-actions"> <span class="selector-label" style="font-size: 0.8rem; color: var(--text-muted);">鍏?<span id="alloc-subsystem-count">0</span> 涓瓙绯荤粺</span> <button type="button" class="btn-icon btn-sm" id="alloc-add-subsystem"> <span>鉃?/span> <span class="btn-text">娣诲姞瀛愮郴缁?/span> </button> </div> </div> <div class="card-body" style="padding: 0;"> <div class="alloc-table-container table-wrap"> <table class="data-table alloc-table"> <thead> <tr> <th style="width: 50px;">搴忓彿</th> <th style="min-width: 160px;">瀛愮郴缁熷悕绉?/th> <th style="width: 100px;">澶嶆潅搴?span class="help-icon" data-tooltip="闆朵欢瓒婂銆佽閰嶈秺澶嶆潅锛屽緱鍒嗚秺楂橈紙1~10鍒嗭級">?</span></th> <th style="width: 110px;">鎴愮啛搴?鍙?<span class="help-icon" data-tooltip="渚涘簲閾捐秺鎴愮啛锛屽緱鍒嗚秺浣庯紙1~10鍒嗭紝鍙嶅悜璁″垎锛?>?</span></th> <th style="width: 110px;">鐜涓ラ叿搴?span class="help-icon" data-tooltip="鍙楀姏銆佹俯鍗囥€佺矇灏樺奖鍝嶈秺澶э紝寰楀垎瓒婇珮锛?~10鍒嗭級">?</span></th> <th style="width: 100px;">浠诲姟鍗犳瘮<span class="help-icon" data-tooltip="鍏ㄧ▼甯﹁浇宸ヤ綔鏃堕棿鍗犳瘮瓒婇珮锛屽緱鍒嗚秺楂橈紙1~10鍒嗭級">?</span></th> <th style="width: 90px;">鎬诲垎</th> <th style="width: 100px;">鏉冮噸鍗犳瘮</th> <th style="width: 120px;">鍒嗛厤 B10 (h)</th> <th style="width: 140px;">澶辨晥鐜?位(10鈦烩伓/h)<span class="help-icon" data-tooltip="位 = ln(10/9) / B10 脳 10鈦讹紝鍗曚綅锛?0鈦烩伓/h">?</span></th> <th style="width: 70px;">鎿嶄綔</th> </tr> </thead> <tbody id="alloc-table-body"> </tbody> </table> <div class="alloc-empty-state empty-state" id="alloc-empty-state" style="display: none;"> <div class="empty-icon">馃搳</div> <h3>鏆傛棤瀛愮郴缁熸暟鎹?/h3> <p>鐐瑰嚮銆屾坊鍔犲瓙绯荤粺銆嶆寜閽紑濮嬪垱寤烘偍鐨勭涓€涓瓙绯荤粺鏉＄洰銆?/p> <button type="button" class="btn-primary" id="alloc-empty-add-btn">娣诲姞绗竴涓瓙绯荤粺</button> </div> </div> </div> </div> <div class="card alloc-results-card"> <div class="card-header"> <h3>鍒嗛厤缁撴灉</h3> </div> <div class="card-body"> <div class="metrics-grid"> <div class="metric-card"> <div class="metric-label">瀛愮郴缁熸暟閲?/div> <div class="metric-value" id="alloc-subsys-count">0</div> <div class="metric-unit">涓?/div> </div> <div class="metric-card"> <div class="metric-label">鏉冮噸鎬诲拰</div> <div class="metric-value" id="alloc-weight-sum">0%</div> <div class="metric-unit">%</div> </div> <div class="metric-card"> <div class="metric-label">鏁存満鐩爣 B10</div> <div class="metric-value" id="alloc-target-b10-display">0</div> <div class="metric-unit">灏忔椂</div> </div> <div class="metric-card"> <div class="metric-label">璁＄畻鏁存満 B10</div> <div class="metric-value" id="alloc-calc-b10">0</div> <div class="metric-unit">灏忔椂</div> </div> </div> <div class="alloc-chart-section"> <h4 style="margin: 1rem 0 0.75rem; font-size: 0.9rem;">瀛愮郴缁熸潈閲嶅崰姣?/h4> <div class="alloc-chart-container"> <canvas id="alloc-pie-canvas" width="400" height="300"></canvas> </div> </div> </div> </div> <div class="card alloc-pred-compare-card"> <div class="card-header"> <h3>馃搳涓庡彲闈犳€ч璁℃瘮瀵?/h3> <span class="tp-optimize-hint">棰勬祴妯″潡鐨勭瓑鏁圔10涓庡垎閰嶇洰鏍嘊10瀵规瘮楠岃瘉</span> </div> <div class="card-body"> <div id="alloc-pred-compare-panel"></div> </div> </div> <div class="card alloc-compare-card"> <div class="card-header"> <h3>馃攳涓?FMEA 涓昏澶辨晥鐜囨瘮瀵?/h3> <span class="tp-optimize-hint">鍩轰簬 FMEA 鐨?RPN 浼扮畻澶辨晥鐜囷紝涓庡垎閰嶇粨鏋滄瘮瀵归獙璇?/span> </div> <div class="card-body"> <div id="alloc-fmea-compare-panel"></div> </div> </div> </div> </div> </div> </template> <template id="fta-template"> <div class="module-page fta-page"> <div class="module-header"> <h2>鏁呴殰鏍戝垎鏋?/h2> <p>鏁呴殰鏍戝垎鏋愶紙Fault Tree Analysis锛変笌椤朵簨浠舵鐜囪绠椼€佹渶灏忓壊闆嗗垎鏋?/p> </div> <div class="module-content"> <div class="fta-toolbar"> <div class="fta-tree-tabs" id="fta-tree-tabs"></div> <div class="fta-toolbar-right"> <button type="button" class="btn-icon" id="fta-new-tree"> <span>鉃?/span> <span class="btn-text">鏂板缓鏁呴殰鏍?/span> </button> <div class="dropdown"> <button type="button" class="btn-icon" id="fta-add-event-btn"> <span>鉃?/span> <span class="btn-text">娣诲姞浜嬩欢</span> <span class="dropdown-arrow">鈻?/span> </button> <div class="dropdown-menu" id="fta-add-event-menu"> <button type="button" class="dropdown-item" data-add-type="top">椤朵簨浠?/button> <button type="button" class="dropdown-item" data-add-type="intermediate">涓棿浜嬩欢</button> <button type="button" class="dropdown-item" data-add-type="basic">鍩烘湰浜嬩欢</button> <button type="button" class="dropdown-item" data-add-type="and">AND 闂?/button> <button type="button" class="dropdown-item" data-add-type="or">OR 闂?/button> <button type="button" class="dropdown-item" data-add-type="vote23">2/3 琛ㄥ喅闂?/button> </div> </div> <button type="button" class="btn-icon" id="fta-calc-mcs"> <span>馃敘</span> <span class="btn-text">鏈€灏忓壊闆?/span> </button> <button type="button" class="btn-icon btn-danger" id="fta-delete-tree"> <span>馃棏锔?/span> <span class="btn-text">鍒犻櫎鏁呴殰鏍?/span> </button> </div> </div> <div class="fta-main-layout"> <aside class="fta-library-panel"> <div class="panel-header"> <h3>浜嬩欢搴?/h3> </div> <div class="panel-body"> <div class="library-section"> <div class="library-section-title">鍩烘湰浜嬩欢</div> <div class="library-list" id="fta-basic-events-list"></div> </div> <div class="library-section"> <div class="library-section-title">涓棿浜嬩欢</div> <div class="library-list" id="fta-intermediate-events-list"></div> </div> <div class="library-section"> <div class="library-section-title">閫昏緫闂?/div> <div class="library-list" id="fta-gates-list"></div> </div> </div> </aside> <div class="fta-canvas-container"> <div class="fta-canvas" id="fta-canvas"> <div class="fta-empty-state" id="fta-empty-state" style="display: none;"> <div class="empty-icon">馃尦</div> <h3>鏆傛棤鏁呴殰鏍?/h3> <p>鐐瑰嚮銆屾柊寤烘晠闅滄爲銆嶆寜閽紑濮嬪垱寤烘偍鐨勭涓€涓晠闅滄爲銆?/p> <button type="button" class="btn-primary" id="fta-empty-new-btn">鏂板缓鏁呴殰鏍?/button> </div> <div class="fta-tree-container" id="fta-tree-container"></div> </div> </div> </div> <div class="fta-results-panel"> <div class="panel-header"> <h3>鍒嗘瀽缁撴灉</h3> </div> <div class="panel-body"> <div class="results-metrics"> <div class="metric-card"> <div class="metric-label">椤朵簨浠舵鐜?/div> <div class="metric-value" id="fta-top-probability">鈥?/div> </div> <div class="metric-card"> <div class="metric-label">鏈€灏忓壊闆嗘暟</div> <div class="metric-value" id="fta-mcs-count">鈥?/div> </div> <div class="metric-card"> <div class="metric-label">鍩烘湰浜嬩欢鏁?/div> <div class="metric-value" id="fta-basic-count">鈥?/div> </div> <div class="metric-card"> <div class="metric-label">鏈€灏忓壊闆嗛樁鏁?/div> <div class="metric-value" id="fta-mcs-order">鈥?/div> </div> </div> <div class="results-section"> <h4>鏈€灏忓壊闆嗗垪琛?/h4> <div class="table-wrap"> <table class="data-table" id="fta-mcs-table"> <thead> <tr> <th style="width: 60px;">搴忓彿</th> <th style="width: 80px;">闃舵暟</th> <th>鍓查泦浜嬩欢</th> <th style="width: 120px;">姒傜巼</th> </tr> </thead> <tbody id="fta-mcs-tbody"></tbody> </table> </div> <div class="empty-state" id="fta-mcs-empty" style="display: none;"> <p>鏆傛棤鏈€灏忓壊闆嗘暟鎹?/p> </div> </div> <div class="results-section"> <h4>缁撴瀯閲嶈搴︽帓搴?/h4> <div class="table-wrap"> <table class="data-table" id="fta-importance-table"> <thead> <tr> <th style="width: 60px;">鎺掑悕</th> <th>浜嬩欢鍚嶇О</th> <th style="width: 120px;">缁撴瀯閲嶈搴?/th> <th style="width: 120px;">姒傜巼閲嶈搴?/th> </tr> </thead> <tbody id="fta-importance-tbody"></tbody> </table> </div> <div class="empty-state" id="fta-importance-empty" style="display: none;"> <p>鏆傛棤閲嶈搴︽暟鎹?/p> </div> </div> </div> </div> </div> </div> </template> <template id="growth-template"> <div class="module-page growth-page"> <div class="module-header"> <h2>鍙潬鎬у闀?/h2> <p>鍩轰簬 Duane 妯″瀷鍜?Crow-AMSAA 妯″瀷鐨勫彲闈犳€у闀垮垎鏋愪笌楠岃瘉</p> </div> <div class="module-content"> <div class="growth-toolbar"> <div class="growth-toolbar-left"> <label class="selector-group"> <span class="selector-label">澧為暱妯″瀷</span> <select id="growth-model-select" class="header-select"> <option value="duane">Duane 妯″瀷</option> <option value="crowAMSAA">Crow-AMSAA 妯″瀷</option> </select> </label> <label class="selector-group"> <span class="selector-label">璇曢獙杞</span> <select id="growth-phase-select" class="header-select"> </select> </label> <button type="button" class="btn-icon btn-sm" id="growth-add-phase" title="鏂板杞"> <span>鉃?/span> <span class="btn-text">鏂板杞</span> </button> <button type="button" class="btn-icon btn-sm btn-danger" id="growth-delete-phase" title="鍒犻櫎杞"> <span>馃棏锔?/span> <span class="btn-text">鍒犻櫎杞</span> </button> </div> <div class="growth-toolbar-right"> <label class="selector-group"> <span class="selector-label">澧為暱鐩爣 MTBF (h)</span> <input type="number" id="growth-target-mtbf" class="form-input" min="0" step="1" style="width: 120px;" placeholder="杈撳叆鐩爣" /> </label> <button type="button" class="btn-icon btn-primary" id="growth-add-failure"> <span>鉃?/span> <span class="btn-text">娣诲姞澶辨晥璁板綍</span> </button> </div> </div> <div class="card"> <div class="card-header"> <h3>澶辨晥鏁版嵁</h3> <div class="card-actions"> <span class="selector-label" style="font-size: 0.8rem; color: var(--text-muted);">鍏?<span id="growth-failure-count">0</span> 鏉″け鏁堣褰?/span> </div> </div> <div class="card-body" style="padding-bottom: 0;"> <div class="phase-info-bar" id="growth-phase-info" style="display: flex; gap: 1.5rem; flex-wrap: wrap; padding: 0.75rem 1rem; background: var(--bg-secondary); border-radius: 6px; margin-bottom: 1rem;"> <div> <div style="font-size: 0.75rem; color: var(--text-muted); margin-bottom: 0.25rem;">杞鍚嶇О</div> <div style="font-weight: 600; color: var(--text-primary);"><input type="text" id="growth-phase-name" class="form-input" style="width: 180px; padding: 0.25rem 0.5rem; font-size: 0.85rem;" /></div> </div> <div> <div style="font-size: 0.75rem; color: var(--text-muted); margin-bottom: 0.25rem;">鎬昏瘯楠屾椂闂?(h)</div> <div style="font-weight: 600; color: var(--text-primary);"><input type="number" id="growth-phase-total-time" class="form-input" style="width: 120px; padding: 0.25rem 0.5rem; font-size: 0.85rem;" min="0" step="1" /></div> </div> <div style="flex: 1; min-width: 200px;"> <div style="font-size: 0.75rem; color: var(--text-muted); margin-bottom: 0.25rem;">杞鎻忚堪</div> <div style="font-weight: 500; color: var(--text-primary);"><input type="text" id="growth-phase-desc" class="form-input" style="width: 100%; padding: 0.25rem 0.5rem; font-size: 0.85rem;" placeholder="杈撳叆杞鎻忚堪" /></div> </div> </div> </div> <div class="card-body" style="padding: 0;"> <div class="growth-table-container table-wrap"> <table class="data-table growth-table"> <thead> <tr> <th style="width: 60px;">搴忓彿</th> <th style="width: 120px;">澶辨晥鏃堕棿 (h)</th> <th style="min-width: 180px;">澶辨晥妯″紡</th> <th style="width: 130px;">绱鏃堕棿 (h)</th> <th style="width: 120px;">绱澶辨晥鏁?/th> <th style="width: 130px;">鐬椂 MTBF (h)</th> <th style="width: 70px;">鎿嶄綔</th> </tr> </thead> <tbody id="growth-table-body"> </tbody> </table> <div class="growth-empty-state empty-state" id="growth-empty-state" style="display: none;"> <div class="empty-icon">馃搵</div> <h3>鏆傛棤澶辨晥鏁版嵁</h3> <p>鐐瑰嚮銆屾坊鍔犲け鏁堣褰曘€嶆寜閽紑濮嬪綍鍏ュけ鏁堟椂闂存暟鎹€?/p> <button type="button" class="btn-primary" id="growth-empty-add-btn">娣诲姞绗竴鏉¤褰?/button> </div> </div> </div> </div> <div class="card"> <div class="card-header"> <h3>鏀硅繘鎺柦</h3> <div class="card-actions"> <button type="button" class="btn-icon btn-sm btn-primary" id="growth-open-library"> <span>馃摎</span> <span class="btn-text">浠庢帾鏂藉簱閫夋嫨</span> </button> </div> </div> <div class="card-body"> <div id="growth-improvement-list" class="improvement-list"> </div> <div id="growth-improvement-empty" class="empty-state" style="padding: 2rem 1rem;"> <div class="empty-icon">馃挕</div> <h3>鏆傛棤鏀硅繘鎺柦</h3> <p>鐐瑰嚮銆屼粠鎺柦搴撻€夋嫨銆嶆寜閽坊鍔犳敼杩涙帾鏂?/p> </div> </div> </div> <div class="card"> <div class="card-header"> <h3>浜у搧鍘嗗彶鍙傝€冩暟鎹?/h3> <div class="card-actions"> <span class="selector-label" style="font-size: 0.8rem; color: var(--text-muted);">鏉ヨ嚜浜у搧绾у叡浜暟鎹?/span> </div> </div> <div class="card-body"> <div id="growth-product-history" class="history-reference"> </div> <div id="growth-product-history-empty" class="empty-state" style="padding: 2rem 1rem;"> <div class="empty-icon">馃搳</div> <h3>鏆傛棤浜у搧鍘嗗彶鏁版嵁</h3> <p>褰撳墠浜у搧鏈厤缃巻鍙插弬鑰冩暟鎹?/p> </div> </div> </div> <div class="growth-bottom-grid"> <div class="card growth-params-card"> <div class="card-header"> <h3>鍙傛暟浼拌缁撴灉</h3> </div> <div class="card-body"> <div class="growth-model-params" id="growth-duane-params"> <h4 style="margin: 0 0 0.75rem; font-size: 0.9rem; color: var(--accent);">Duane 妯″瀷</h4> <div class="metrics-grid"> <div class="metric-card"> <div class="metric-label">鏂滅巼 m</div> <div class="metric-value" id="growth-duane-m">鈥?/div> </div> <div class="metric-card"> <div class="metric-label">鎴窛 a</div> <div class="metric-value" id="growth-duane-a">鈥?/div> </div> <div class="metric-card"> <div class="metric-label">鏈€缁?MTBF</div> <div class="metric-value" id="growth-duane-mtbf">鈥?/div> <div class="metric-unit">h</div> </div> <div class="metric-card"> <div class="metric-label">鎷熷悎浼樺害 R虏</div> <div class="metric-value" id="growth-duane-r2">鈥?/div> </div> </div> </div> <div class="growth-model-params" id="growth-crow-params" style="display: none;"> <h4 style="margin: 0 0 0.75rem; font-size: 0.9rem; color: var(--accent);">Crow-AMSAA 妯″瀷</h4> <div class="metrics-grid"> <div class="metric-card"> <div class="metric-label">褰㈢姸鍙傛暟尾</div> <div class="metric-value" id="growth-crow-beta">鈥?/div> </div> <div class="metric-card"> <div class="metric-label">灏哄害鍙傛暟位</div> <div class="metric-value" id="growth-crow-lambda">鈥?/div> </div> <div class="metric-card"> <div class="metric-label">褰撳墠 MTBF</div> <div class="metric-value" id="growth-crow-mtbf">鈥?/div> <div class="metric-unit">h</div> </div> <div class="metric-card"> <div class="metric-label">澧為暱瓒嬪娍</div> <div class="metric-value" id="growth-crow-trend">鈥?/div> </div> </div> </div> <div class="growth-target-section" style="margin-top: 1.25rem;"> <h4 style="margin: 0 0 0.75rem; font-size: 0.9rem;">澧為暱鐩爣璇勪及</h4> <div class="metrics-grid"> <div class="metric-card"> <div class="metric-label">鐩爣 MTBF</div> <div class="metric-value" id="growth-target-display">鈥?/div> <div class="metric-unit">h</div> </div> <div class="metric-card"> <div class="metric-label">褰撳墠 MTBF</div> <div class="metric-value" id="growth-current-mtbf">鈥?/div> <div class="metric-unit">h</div> </div> <div class="metric-card"> <div class="metric-label">杈炬爣鐘舵€?/div> <div class="metric-value" id="growth-target-status">鈥?/div> </div> <div class="metric-card"> <div class="metric-label">棰勮杈炬爣鏃堕棿</div> <div class="metric-value" id="growth-estimated-time">鈥?/div> <div class="metric-unit">h</div> </div> </div> </div> <div class="status-banner" id="growth-status-banner" style="display: none;"></div> </div> </div> <div class="card growth-chart-card"> <div class="card-header"> <h3>鍙潬鎬у闀挎洸绾?/h3> </div> <div class="card-body"> <div class="growth-chart-container"> <canvas id="growth-chart-canvas" width="600" height="450"></canvas> </div> <div class="growth-chart-legend" style="margin-top: 0.75rem; display: flex; gap: 1.5rem; flex-wrap: wrap; font-size: 0.8rem;"> <div style="display: flex; align-items: center; gap: 0.5rem;"> <span style="width: 12px; height: 12px; border-radius: 50%; background: var(--accent); display: inline-block;"></span> <span style="color: var(--text-muted);">澶辨晥鏁版嵁鐐?/span> </div> <div style="display: flex; align-items: center; gap: 0.5rem;"> <span style="width: 20px; height: 2px; background: var(--success); display: inline-block;"></span> <span style="color: var(--text-muted);">鎷熷悎鏇茬嚎</span> </div> <div style="display: flex; align-items: center; gap: 0.5rem;"> <span style="width: 20px; height: 2px; background: var(--warning); border-style: dashed; display: inline-block;"></span> <span style="color: var(--text-muted);">鐩爣 MTBF</span> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header"> <h3>澶氳疆澧為暱瀵规瘮</h3> <div class="card-actions"> <span class="selector-label" style="font-size: 0.8rem; color: var(--text-muted);">鍚勮疆璇曢獙鎸囨爣瀵规瘮涓庡闀胯秼鍔?/span> </div> </div> <div class="card-body"> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;"> <div> <h4 style="margin: 0 0 0.75rem; font-size: 0.9rem; color: var(--accent);">杞瀵规瘮琛?/h4> <div class="table-wrap"> <table class="data-table" id="growth-comparison-table"> <thead> <tr> <th>杞鍚嶇О</th> <th>澶辨晥鏁?/th> <th>鎬绘椂闂?h)</th> <th>MTBF(h)</th> <th>B10(h)</th> <th>鎻愬崌骞呭害</th> </tr> </thead> <tbody id="growth-comparison-body"> </tbody> </table> </div> <div id="growth-summary" style="margin-top: 1rem; padding: 0.75rem; background: var(--bg-secondary); border-radius: 6px;"> </div> </div> <div> <h4 style="margin: 0 0 0.75rem; font-size: 0.9rem; color: var(--accent);">澧為暱鏇茬嚎鍙犲姞鍥?/h4> <div class="growth-chart-container"> <canvas id="growth-comparison-canvas" width="600" height="350"></canvas> </div> <div id="growth-comparison-legend" style="margin-top: 0.75rem; display: flex; gap: 1rem; flex-wrap: wrap; font-size: 0.8rem;"> </div> </div> </div> </div> </div> </div> <div class="improvement-library-modal" id="growth-improv-library-modal" style="display: none;"> <div class="improvement-library-overlay" id="growth-improv-library-overlay"></div> <div class="improvement-library-panel"> <div class="improvement-library-header"> <h3>馃摎鏀硅繘鎺柦搴?/h3> <button type="button" class="improvement-library-close" id="growth-improv-library-close">脳</button> </div> <div class="improvement-library-search"> <input type="text" id="growth-improv-search" class="form-input" placeholder="鎼滅储鎺柦鍚嶇О銆佹弿杩般€侀€傜敤鍦烘櫙..." /> </div> <div class="improvement-library-categories" id="growth-improv-categories"> <button type="button" class="improv-cat-btn active" data-category="all">鍏ㄩ儴</button> <button type="button" class="improv-cat-btn" data-category="gear">榻胯疆纾ㄦ崯</button> <button type="button" class="improv-cat-btn" data-category="motor">鐢垫満杞存壙</button> <button type="button" class="improv-cat-btn" data-category="switch">寮€鍏宠Е鐐?/button> <button type="button" class="improv-cat-btn" data-category="battery">閿傜數姹?/button> <button type="button" class="improv-cat-btn" data-category="pcb">PCB鐢靛瓙</button> </div> <div class="improvement-library-list" id="growth-improv-library-list"> </div> <div class="improvement-library-footer"> <button type="button" class="btn-secondary" id="growth-add-custom-improv">鉃?娣诲姞鑷畾涔夋帾鏂?/button> </div> </div> </div> <div class="custom-improvement-modal" id="growth-custom-improv-modal" style="display: none;"> <div class="custom-improvement-overlay" id="growth-custom-improv-overlay"></div> <div class="custom-improvement-panel"> <div class="custom-improvement-header"> <h3>娣诲姞鑷畾涔夋帾鏂?/h3> <button type="button" class="custom-improvement-close" id="growth-custom-improv-close">脳</button> </div> <div class="custom-improvement-body"> <div class="form-group"> <label>鎺柦鍚嶇О *</label> <input type="text" id="growth-custom-improv-name" class="form-input" placeholder="杈撳叆鎺柦鍚嶇О" /> </div> <div class="form-group"> <label>鍒嗙被 *</label> <select id="growth-custom-improv-category" class="form-input"> <option value="gear">榻胯疆纾ㄦ崯</option> <option value="motor">鐢垫満杞存壙</option> <option value="switch">寮€鍏宠Е鐐?/option> <option value="battery">閿傜數姹?/option> <option value="pcb">PCB鐢靛瓙</option> </select> </div> <div class="form-group"> <label>棰勬湡鎻愬崌骞呭害</label> <input type="text" id="growth-custom-improv-improvement" class="form-input" placeholder="濡傦細1.5~2鍊嶅鍛? /> </div> <div class="form-group"> <label>鎺柦鎻忚堪</label> <textarea id="growth-custom-improv-desc" class="form-input" rows="2" placeholder="鎻忚堪鎺柦鐨勬妧鏈師鐞?></textarea> </div> <div class="form-group"> <label>閫傜敤鍦烘櫙</label> <input type="text" id="growth-custom-improv-applicable" class="form-input" placeholder="閫傜敤鐨勫け鏁堟ā寮忔垨鍦烘櫙" /> </div> </div> <div class="custom-improvement-footer"> <button type="button" class="btn-ghost" id="growth-custom-improv-cancel">鍙栨秷</button> <button type="button" class="btn-primary" id="growth-custom-improv-save">淇濆瓨骞舵坊鍔?/button> </div> </div> </div> </div> </template> <template id="maintenance-template"> <div class="module-page maintenance-page"> <div class="module-header"> <h2>缁存姢鍙敤鎬?/h2> <p>棰勯槻鎬х淮鎶ょ瓥鐣ヤ紭鍖栥€佸彲鐢ㄥ害璁＄畻涓庡浠堕娴嬪垎鏋?/p> </div> <div class="module-content"> <div class="maintenance-toolbar"> <div class="maintenance-tabs"> <button type="button" class="maintenance-tab active" data-tab="availability">鍙敤搴﹁绠?/button> <button type="button" class="maintenance-tab" data-tab="spares">澶囦欢棰勬祴</button> <button type="button" class="maintenance-tab" data-tab="strategy">缁存姢绛栫暐</button> </div> </div> <div class="maintenance-tab-content" id="mt-tab-availability"> <div class="card-grid"> <div class="card"> <div class="card-header"> <h3>鍩烘湰鍙傛暟杈撳叆</h3> </div> <div class="card-body"> <div class="form-row"> <div class="form-group"> <label>MTBF (h)</label> <input type="number" id="mt-avail-mtbf" class="form-input" min="0" step="1" /> </div> <div class="form-group"> <label>MTTR (h)</label> <input type="number" id="mt-avail-mttr" class="form-input" min="0" step="0.1" /> </div> </div> <div class="form-row"> <div class="form-group"> <label>鏁呴殰妫€娴嬫椂闂?(h)</label> <input type="number" id="mt-avail-detection" class="form-input" min="0" step="0.1" /> </div> <div class="form-group"> <label>棰勯槻鎬х淮鎶ゅ懆鏈?(h)</label> <input type="number" id="mt-avail-pm-interval" class="form-input" min="0" step="1" /> </div> </div> <div class="form-row"> <div class="form-group"> <label>骞冲潎棰勯槻鎬х淮鎶ゆ椂闂?(h)</label> <input type="number" id="mt-avail-pm-time" class="form-input" min="0" step="0.1" /> </div> <div class="form-group"> <label>鐗╂祦寤惰鏃堕棿 (h)</label> <input type="number" id="mt-avail-logistics" class="form-input" min="0" step="1" /> </div> </div> </div> </div> <div class="card"> <div class="card-header"> <h3>璁＄畻缁撴灉</h3> </div> <div class="card-body"> <div class="metrics-grid"> <div class="metric-card"> <div class="metric-label">鍥烘湁鍙敤搴?A</div> <div class="metric-value" id="mt-avail-inherent">鈥?/div> <div class="metric-unit">%</div> </div> <div class="metric-card"> <div class="metric-label">鍙揪鍙敤搴?Av</div> <div class="metric-value" id="mt-avail-achieved">鈥?/div> <div class="metric-unit">%</div> </div> <div class="metric-card"> <div class="metric-label">浣跨敤鍙敤搴?Ao</div> <div class="metric-value" id="mt-avail-operational">鈥?/div> <div class="metric-unit">%</div> </div> </div> <div class="metrics-grid" style="margin-top: 0.75rem;"> <div class="metric-card"> <div class="metric-label">MTBF</div> <div class="metric-value" id="mt-avail-mtbf-val">鈥?/div> <div class="metric-unit">h</div> </div> <div class="metric-card"> <div class="metric-label">MTTR</div> <div class="metric-value" id="mt-avail-mttr-val">鈥?/div> <div class="metric-unit">h</div> </div> <div class="metric-card"> <div class="metric-label">MTBM</div> <div class="metric-value" id="mt-avail-mtbm">鈥?/div> <div class="metric-unit">h</div> </div> <div class="metric-card"> <div class="metric-label">MDT</div> <div class="metric-value" id="mt-avail-mdt">鈥?/div> <div class="metric-unit">h</div> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header"> <h3>鍙敤搴﹀姣斿浘</h3> </div> <div class="card-body"> <div class="availability-chart-container"> <canvas id="mt-avail-chart" width="800" height="300"></canvas> </div> </div> </div> </div> <div class="maintenance-tab-content" id="mt-tab-spares" style="display: none;"> <div class="card"> <div class="card-header"> <h3>澶囦欢娓呭崟</h3> <div class="card-actions"> <button type="button" class="btn-icon btn-primary" id="mt-spares-add"> <span>鉃?/span> <span class="btn-text">娣诲姞澶囦欢</span> </button> </div> </div> <div class="card-body" style="padding: 0;"> <div class="table-wrap" style="border: none; border-radius: 0;"> <table class="data-table spares-table"> <thead> <tr> <th style="width: 50px;">搴忓彿</th> <th style="min-width: 150px;">澶囦欢鍚嶇О</th> <th style="width: 120px;">MTBF (h)</th> <th style="width: 120px;">骞翠娇鐢ㄥ皬鏃?/th> <th style="width: 100px;">鍗曟満鏁伴噺</th> <th style="width: 100px;">淇濋殰骞撮檺</th> <th style="width: 100px;">缃俊搴?/th> <th style="width: 100px;">鎬婚渶姹傞璁?/th> <th style="width: 120px;">鎵€闇€澶囦欢鏁?/th> <th style="width: 100px;">缂鸿揣鐜?/th> <th style="width: 70px;">鎿嶄綔</th> </tr> </thead> <tbody id="mt-spares-tbody"></tbody> </table> </div> <div class="empty-state" id="mt-spares-empty" style="display: none;"> <div class="empty-icon">馃摝</div> <h3>鏆傛棤澶囦欢鏁版嵁</h3> <p>鐐瑰嚮銆屾坊鍔犲浠躲€嶆寜閽紑濮嬪垱寤哄浠堕娴嬫潯鐩€?/p> </div> </div> </div> </div> <div class="maintenance-tab-content" id="mt-tab-strategy" style="display: none;"> <div class="card-grid"> <div class="card"> <div class="card-header"> <h3>棰勯槻鎬х淮鎶ゅ弬鏁?/h3> </div> <div class="card-body"> <div class="form-row"> <div class="form-group"> <label>鐩爣鍙潬搴?/label> <input type="number" id="mt-strat-target-rel" class="form-input" min="0" max="1" step="0.01" /> </div> <div class="form-group"> <label>Weibull 褰㈢姸鍙傛暟尾</label> <input type="number" id="mt-strat-beta" class="form-input" min="0.1" step="0.1" /> </div> </div> <div class="form-row"> <div class="form-group"> <label>Weibull 鐗瑰緛瀵垮懡畏 (h)</label> <input type="number" id="mt-strat-eta" class="form-input" min="1" step="1" /> </div> <div class="form-group"> <label>缁存姢鎴愭湰 (鍏?娆?</label> <input type="number" id="mt-strat-pm-cost" class="form-input" min="0" step="1" /> </div> </div> <div class="form-row"> <div class="form-group full-width"> <label>鏁呴殰鎴愭湰 (鍏?娆?</label> <input type="number" id="mt-strat-failure-cost" class="form-input" min="0" step="1" /> </div> </div> </div> </div> <div class="card"> <div class="card-header"> <h3>浼樺寲缁撴灉</h3> </div> <div class="card-body"> <div class="metrics-grid"> <div class="metric-card"> <div class="metric-label">鏈€浼樼淮鎶ゅ懆鏈?/div> <div class="metric-value" id="mt-strat-optimal-interval">鈥?/div> <div class="metric-unit">h</div> </div> <div class="metric-card"> <div class="metric-label">骞寸淮鎶ゆ鏁?/div> <div class="metric-value" id="mt-strat-annual-pm">鈥?/div> <div class="metric-unit">娆?/div> </div> <div class="metric-card"> <div class="metric-label">骞寸淮鎶よ垂鐢?/div> <div class="metric-value" id="mt-strat-pm-cost-annual">鈥?/div> <div class="metric-unit">鍏?/div> </div> </div> <div class="metrics-grid" style="margin-top: 0.75rem;"> <div class="metric-card"> <div class="metric-label">骞村け鏁堟暟</div> <div class="metric-value" id="mt-strat-annual-failures">鈥?/div> <div class="metric-unit">娆?/div> </div> <div class="metric-card"> <div class="metric-label">骞存晠闅滆垂鐢?/div> <div class="metric-value" id="mt-strat-failure-cost-annual">鈥?/div> <div class="metric-unit">鍏?/div> </div> <div class="metric-card"> <div class="metric-label">骞存€昏垂鐢?/div> <div class="metric-value" id="mt-strat-total-cost">鈥?/div> <div class="metric-unit">鍏?/div> </div> </div> </div> </div> </div> </div> </div> </div> </template> <template id="derating-template"> <div class="module-page derating-page"> <div class="module-header"> <h2>闄嶉瑁曞害</h2> <p>鍏冨櫒浠堕檷棰濊璁″垎鏋愪笌瑁曞害璇勪及</p> </div> <div class="module-content"> <div class="derating-toolbar"> <div class="derating-toolbar-left"> <label class="selector-group"> <span class="selector-label">闄嶉鏍囧噯</span> <select id="derating-standard-select" class="header-select"> <option value="mil-hdbk-217">Mil-Hdbk-217</option> <option value="gjb-z35">GJB/Z 35</option> <option value="custom">鑷畾涔?/option> </select> </label> </div> <div class="derating-toolbar-right"> <button type="button" class="btn-icon btn-primary" id="derating-add-component"> <span>鉃?/span> <span class="btn-text">娣诲姞鍏冨櫒浠?/span> </button> <button type="button" class="btn-icon" id="derating-export-report"> <span>馃搫</span> <span class="btn-text">鐢熸垚鎶ュ憡</span> </button> </div> </div> <div class="derating-table-card card"> <div class="card-header"> <h3>闄嶉妫€鏌ユ竻鍗?/h3> <div class="card-actions"> <span class="selector-label" style="font-size: 0.8rem; color: var(--text-muted);">鍏?<span id="derating-component-count">0</span> 涓厓鍣ㄤ欢</span> </div> </div> <div class="card-body" style="padding: 0;"> <div class="derating-table-container table-wrap"> <table class="data-table derating-table"> <thead> <tr> <th style="width: 50px;">搴忓彿</th> <th style="min-width: 150px;">鍏冨櫒浠跺悕绉?/th> <th style="width: 100px;">绫诲瀷</th> <th class="col-temp" style="width: 130px;">棰濆畾娓╁害 (掳C)</th> <th class="col-temp" style="width: 130px;">宸ヤ綔娓╁害 (掳C)</th> <th class="col-temp" style="width: 110px;">娓╁害闄嶉姣?/th> <th class="col-voltage" style="width: 120px;">棰濆畾鐢靛帇 (V)</th> <th class="col-voltage" style="width: 120px;">宸ヤ綔鐢靛帇 (V)</th> <th class="col-voltage" style="width: 110px;">鐢靛帇闄嶉姣?/th> <th class="col-current" style="width: 120px;">棰濆畾鐢垫祦 (A)</th> <th class="col-current" style="width: 120px;">宸ヤ綔鐢垫祦 (A)</th> <th class="col-current" style="width: 110px;">鐢垫祦闄嶉姣?/th> <th class="col-power" style="width: 120px;">棰濆畾鍔熺巼 (W)</th> <th class="col-power" style="width: 120px;">宸ヤ綔鍔熺巼 (W)</th> <th class="col-power" style="width: 110px;">鍔熺巼闄嶉姣?/th> <th style="width: 90px;">鈪犵骇涓婇檺</th> <th style="width: 90px;">鈪＄骇涓婇檺</th> <th style="width: 90px;">鈪㈢骇涓婇檺</th> <th style="width: 90px;">闄嶉绛夌骇</th> <th style="width: 90px;">鐘舵€?/th> <th style="width: 70px;">鎿嶄綔</th> </tr> </thead> <tbody id="derating-table-body"> </tbody> </table> <div class="derating-empty-state empty-state" id="derating-empty-state" style="display: none;"> <div class="empty-icon">馃搵</div> <h3>鏆傛棤鍏冨櫒浠舵暟鎹?/h3> <p>鐐瑰嚮銆屾坊鍔犲厓鍣ㄤ欢銆嶆寜閽紑濮嬪垱寤烘偍鐨勭涓€涓厓鍣ㄤ欢鏉＄洰銆?/p> <button type="button" class="btn-primary" id="derating-empty-add-btn">娣诲姞绗竴涓厓鍣ㄤ欢</button> </div> </div> </div> </div> <div class="derating-bottom-grid"> <div class="card derating-stats-card"> <div class="card-header"> <h3>闄嶉缁熻</h3> </div> <div class="card-body"> <div class="metrics-grid derating-stats-metrics"> <div class="metric-card derating-stat-pass"> <div class="metric-label">鍚堟牸</div> <div class="metric-value" id="derating-pass-count">0</div> </div> <div class="metric-card derating-stat-warning"> <div class="metric-label">璀﹀憡</div> <div class="metric-value" id="derating-warning-count">0</div> </div> <div class="metric-card derating-stat-fail"> <div class="metric-label">涓嶅悎鏍?/div> <div class="metric-value" id="derating-fail-count">0</div> </div> </div> <div class="derating-pie-container"> <canvas id="derating-pie-canvas" width="300" height="300"></canvas> </div> <div class="derating-legend"> <div class="legend-item"> <span class="legend-dot" style="background: var(--success);"></span> <span>鍚堟牸 (鈪?鈪＄骇)</span> </div> <div class="legend-item"> <span class="legend-dot" style="background: var(--warning);"></span> <span>璀﹀憡 (鈪㈢骇)</span> </div> <div class="legend-item"> <span class="legend-dot" style="background: var(--danger);"></span> <span>涓嶅悎鏍?/span> </div> </div> </div> </div> <div class="card derating-margin-card"> <div class="card-header"> <h3>瑁曞害鍒嗘瀽</h3> </div> <div class="card-body"> <div class="margin-section"> <h4 class="margin-section-title">鐑搴?/h4> <div class="margin-bars" id="derating-thermal-margin"> <div class="margin-empty-hint">鏆傛棤鏁版嵁</div> </div> </div> <div class="margin-section"> <h4 class="margin-section-title">鐢垫皵瑁曞害</h4> <div class="margin-bars" id="derating-electrical-margin"> <div class="margin-empty-hint">鏆傛棤鏁版嵁</div> </div> </div> <div class="margin-summary"> <div class="margin-summary-item"> <span class="summary-label">骞冲潎鐑搴?/span> <span class="summary-value" id="derating-avg-thermal-margin">鈥?/span> </div> <div class="margin-summary-item"> <span class="summary-label">骞冲潎鐢垫皵瑁曞害</span> <span class="summary-value" id="derating-avg-electrical-margin">鈥?/span> </div> <div class="margin-summary-item"> <span class="summary-label">鏈€浣庤搴﹀櫒浠?/span> <span class="summary-value" id="derating-min-margin-component">鈥?/span> </div> </div> </div> </div> </div> </div> </div> </template> <template id="data-management-template"> <div class="module-page data-management-page"> <div class="module-header"> <h2>鏁版嵁绠＄悊</h2> <p>浜у搧鍨嬪彿绠＄悊銆佹暟鎹鍏ュ鍑恒€佹姤鍛婄敓鎴愪笌鐗堟湰鎺у埗</p> </div> <div class="module-content"> <div class="dm-tabs"> <button type="button" class="dm-tab active" data-tab="projects">椤圭洰绠＄悊</button> <button type="button" class="dm-tab" data-tab="import-export">鏁版嵁瀵煎叆瀵煎嚭</button> <button type="button" class="dm-tab" data-tab="reports">鎶ュ憡鐢熸垚</button> <button type="button" class="dm-tab" data-tab="versions">鐗堟湰绠＄悊</button> </div> <div class="dm-tab-content" id="dm-tab-projects"> <div class="dm-projects-header"> <button type="button" class="btn-primary" id="dm-new-project"> <span>鉃?/span> 鏂板缓椤圭洰 </button> </div> <div class="dm-projects-grid" id="dm-projects-grid"></div> <div class="dm-project-tree-card card" style="margin-top: 1.5rem;"> <div class="card-header"> <h3>椤圭洰缁撴瀯</h3> </div> <div class="card-body"> <div class="dm-tree" id="dm-project-tree"></div> </div> </div> </div> <div class="dm-tab-content" id="dm-tab-import-export" style="display: none;"> <div class="dm-ie-grid"> <div class="card dm-export-card"> <div class="card-header"> <h3>鏁版嵁瀵煎嚭</h3> </div> <div class="card-body"> <div class="form-group"> <label>瀵煎嚭鏍煎紡</label> <select id="dm-export-format" class="form-input"> <option value="json">JSON锛堝畬鏁存暟鎹級</option> <option value="csv-fmea">CSV锛團MEA 琛ㄦ牸锛?/option> <option value="csv-life">CSV锛堝鍛芥暟鎹級</option> </select> </div> <div class="form-group"> <label>瀵煎嚭鑼冨洿</label> <select id="dm-export-scope" class="form-input"> <option value="model">褰撳墠鍨嬪彿</option> <option value="product">褰撳墠浜у搧</option> <option value="project">鏁翠釜椤圭洰</option> </select> </div> <button type="button" class="btn-primary" id="dm-export-btn" style="width: 100%;"> <span>馃摛</span> 瀵煎嚭鏁版嵁 </button> </div> </div> <div class="card dm-import-card"> <div class="card-header"> <h3>鏁版嵁瀵煎叆</h3> </div> <div class="card-body"> <div class="dm-drop-zone" id="dm-drop-zone"> <div class="dm-drop-icon">馃摜</div> <div class="dm-drop-text">鎷栨嫿鏂囦欢鍒版澶勶紝鎴栫偣鍑婚€夋嫨鏂囦欢</div> <div class="dm-drop-hint">鏀寔 .json 鏍煎紡</div> <input type="file" id="dm-import-file" accept=".json" hidden /> </div> <div class="dm-import-preview" id="dm-import-preview" style="display: none;"> <h4>瀵煎叆棰勮</h4> <div class="dm-preview-stats"> <div class="dm-preview-stat"> <span class="dm-preview-label">浜у搧鏁?/span> <span class="dm-preview-value" id="dm-preview-products">0</span> </div> <div class="dm-preview-stat"> <span class="dm-preview-label">鍨嬪彿鏁?/span> <span class="dm-preview-value" id="dm-preview-models">0</span> </div> </div> <div class="form-group"> <label>瀵煎叆妯″紡</label> <select id="dm-import-mode" class="form-input"> <option value="merge">鍚堝苟锛堜繚鐣欑幇鏈夋暟鎹級</option> <option value="overwrite">瑕嗙洊锛堟浛鎹㈢幇鏈夋暟鎹級</option> </select> </div> <button type="button" class="btn-primary" id="dm-import-btn" style="width: 100%;"> <span>馃摜</span> 纭瀵煎叆 </button> </div> </div> </div> </div> </div> <div class="dm-tab-content" id="dm-tab-reports" style="display: none;"> <div class="dm-reports-layout"> <div class="card dm-report-settings"> <div class="card-header"> <h3>鎶ュ憡璁剧疆</h3> </div> <div class="card-body"> <div class="form-group"> <label>鎶ュ憡妯℃澘</label> <select id="dm-report-template" class="form-input"> <option value="fmea">FMEA 鎶ュ憡</option> <option value="life">瀵垮懡鍒嗘瀽鎶ュ憡</option> <option value="test-plan">娴嬭瘯璁″垝鎶ュ憡</option> <option value="comprehensive">缁煎悎鍙潬鎬ф姤鍛?/option> </select> </div> <div class="form-group"> <label>鎶ュ憡鍐呭</label> <div class="dm-report-modules"> <label class="dm-checkbox"> <input type="checkbox" name="report-modules" value="basic" checked /> <span>鍩烘湰淇℃伅</span> </label> <label class="dm-checkbox"> <input type="checkbox" name="report-modules" value="fmea" checked /> <span>FMEA 鍒嗘瀽</span> </label> <label class="dm-checkbox"> <input type="checkbox" name="report-modules" value="life" checked /> <span>瀵垮懡鍒嗘瀽</span> </label> <label class="dm-checkbox"> <input type="checkbox" name="report-modules" value="prediction" checked /> <span>鍙潬鎬ч娴?/span> </label> <label class="dm-checkbox"> <input type="checkbox" name="report-modules" value="test-plan" checked /> <span>娴嬭瘯璁″垝</span> </label> <label class="dm-checkbox"> <input type="checkbox" name="report-modules" value="derating" checked /> <span>闄嶉鍒嗘瀽</span> </label> </div> </div> <div class="form-group"> <label>鎶ュ憡鏍煎紡</label> <select id="dm-report-format" class="form-input"> <option value="html">HTML锛堝彲鎵撳嵃涓?PDF锛?/option> </select> </div> <button type="button" class="btn-primary" id="dm-generate-report" style="width: 100%;"> <span>馃搫</span> 鐢熸垚鎶ュ憡 </button> </div> </div> <div class="card dm-report-preview-card"> <div class="card-header"> <h3>鎶ュ憡棰勮</h3> <div class="card-actions"> <button type="button" class="btn-icon" id="dm-print-report" style="display: none;"> <span>馃枿锔?/span> <span class="btn-text">鎵撳嵃</span> </button> <button type="button" class="btn-icon" id="dm-open-report" style="display: none;"> <span>馃棗</span> <span class="btn-text">鏂扮獥鍙?/span> </button> </div> </div> <div class="card-body" style="padding: 0;"> <div class="dm-report-preview" id="dm-report-preview"> <div class="empty-state"> <div class="empty-icon">馃搫</div> <h3>鏆傛棤鎶ュ憡</h3> <p>閫夋嫨鎶ュ憡妯℃澘骞剁偣鍑汇€岀敓鎴愭姤鍛娿€嶆寜閽€?/p> </div> </div> </div> </div> </div> </div> <div class="dm-tab-content" id="dm-tab-versions" style="display: none;"> <div class="dm-versions-header"> <div class="dm-current-version"> <span class="dm-version-label">褰撳墠鐗堟湰锛?/span> <span class="dm-version-value" id="dm-current-version">宸ヤ綔鍓湰</span> </div> <button type="button" class="btn-primary" id="dm-new-snapshot"> <span>馃摳</span> 鍒涘缓蹇収 </button> </div> <div class="card"> <div class="card-header"> <h3>鐗堟湰蹇収</h3> </div> <div class="card-body" style="padding: 0;"> <div class="dm-versions-list" id="dm-versions-list"> <div class="empty-state"> <div class="empty-icon">馃摳</div> <h3>鏆傛棤鐗堟湰蹇収</h3> <p>鐐瑰嚮銆屽垱寤哄揩鐓с€嶆寜閽繚瀛樺綋鍓嶇増鏈€?/p> </div> </div> </div> </div> <div class="dm-version-compare" id="dm-version-compare" style="display: none; margin-top: 1.5rem;"> <div class="card"> <div class="card-header"> <h3>鐗堟湰瀵规瘮</h3> <div class="card-actions"> <button type="button" class="btn-ghost" id="dm-close-compare">鍏抽棴瀵规瘮</button> </div> </div> <div class="card-body"> <div class="dm-compare-selectors"> <div class="form-group"> <label>鐗堟湰 A</label> <select id="dm-compare-a" class="form-input"></select> </div> <div class="dm-compare-arrow">VS</div> <div class="form-group"> <label>鐗堟湰 B</label> <select id="dm-compare-b" class="form-input"></select> </div> </div> <div class="dm-compare-results" id="dm-compare-results"></div> </div> </div> </div> </div> </div> </div> </template> <template id="environment-template"> <div class="module-page environment-page"> <div class="module-header"> <h2>鐜閫傚簲鎬у垎鏋?/h2> <p>鐜搴斿姏绛涢€夈€佹俯搴﹀惊鐜垎鏋愩€佹尟鍔ㄥ垎鏋愪笌鐜璇曢獙鏍囧噯鏌ヨ</p> </div> <div class="module-content"> <div class="env-toolbar"> <div class="env-tabs"> <button type="button" class="env-tab active" data-tab="thermal-cycle">娓╁害寰幆</button> <button type="button" class="env-tab" data-tab="vibration">鎸姩鍒嗘瀽</button> <button type="button" class="env-tab" data-tab="env-mapping">鐜鏄犲皠</button> <button type="button" class="env-tab" data-tab="standards">璇曢獙鏍囧噯</button> </div> </div> <div class="env-tab-content" id="env-tab-thermal-cycle"> <div class="card-grid"> <div class="card"> <div class="card-header"> <h3>杈撳叆鍙傛暟</h3> </div> <div class="card-body"> <form id="env-thermal-form"> <div class="form-row"> <div class="form-group"> <label>娓╁害涓婇檺 (掳C)</label> <input type="number" name="tempHigh" class="form-input" step="1" /> </div> <div class="form-group"> <label>娓╁害涓嬮檺 (掳C)</label> <input type="number" name="tempLow" class="form-input" step="1" /> </div> </div> <div class="form-row"> <div class="form-group"> <label>娓╁彉鐜?(掳C/min)</label> <input type="number" name="rampRate" class="form-input" min="0.1" step="0.1" /> </div> <div class="form-group"> <label>寰幆娆℃暟</label> <input type="number" name="cycles" class="form-input" min="1" step="1" /> </div> </div> <div class="form-row"> <div class="form-group"> <label>姣忔寰幆鎸佹俯鏃堕棿 (min)</label> <input type="number" name="holdTime" class="form-input" min="0" step="1" /> </div> <div class="form-group"> <label>Coffin-Manson 鎸囨暟 n</label> <input type="number" name="coffinMansonN" class="form-input" min="0.1" step="0.1" /> </div> </div> <div class="action-row"> <button type="button" class="btn-primary" id="env-thermal-calc">璁＄畻</button> <button type="button" class="btn-ghost" id="env-thermal-reset">閲嶇疆</button> </div> </form> </div> </div> <div class="card"> <div class="card-header"> <h3>璁＄畻缁撴灉</h3> </div> <div class="card-body"> <div class="metrics-grid"> <div class="metric-card"> <div class="metric-label">娓╁害鑼冨洿螖T</div> <div class="metric-value" id="env-delta-t">鈥?/div> <div class="metric-unit">掳C</div> </div> <div class="metric-card"> <div class="metric-label">姣忓惊鐜崯浼ら噺</div> <div class="metric-value" id="env-cycle-damage">鈥?/div> </div> <div class="metric-card"> <div class="metric-label">鎬荤疮绉崯浼?/div> <div class="metric-value" id="env-total-damage">鈥?/div> </div> <div class="metric-card"> <div class="metric-label">棰勬祴瀵垮懡</div> <div class="metric-value" id="env-predicted-life">鈥?/div> <div class="metric-unit">寰幆</div> </div> <div class="metric-card"> <div class="metric-label">绛夋晥瀵垮懡</div> <div class="metric-value" id="env-equiv-life">鈥?/div> <div class="metric-unit">灏忔椂/骞?/div> </div> </div> <div class="status-banner" id="env-thermal-status" style="display: none;"></div> </div> </div> </div> <div class="card"> <div class="card-header"> <h3>娓╁害寰幆鏇茬嚎</h3> </div> <div class="card-body"> <div class="thermal-chart-container"> <canvas id="env-thermal-canvas" width="800" height="300"></canvas> </div> <div class="chart-legend"> <div class="legend-item"> <span class="legend-color" style="background: var(--accent);"></span> <span>娓╁害-鏃堕棿鏇茬嚎</span> </div> </div> </div> </div> </div> <div class="env-tab-content" id="env-tab-vibration" style="display: none;"> <div class="card-grid"> <div class="card vibration-card"> <div class="card-header"> <h3>鎸姩绫诲瀷</h3> </div> <div class="card-body"> <div class="vibration-type-switch"> <button type="button" class="vib-type-btn active" data-type="sine">姝ｅ鸡鎸姩</button> <button type="button" class="vib-type-btn" data-type="random">闅忔満鎸姩</button> </div> </div> </div> </div> <div class="card-grid"> <div class="card" id="env-sine-card"> <div class="card-header"> <h3>姝ｅ鸡鎸姩鍙傛暟</h3> </div> <div class="card-body"> <form id="env-sine-form"> <div class="form-row"> <div class="form-group"> <label>璧峰棰戠巼 (Hz)</label> <input type="number" name="freqStart" class="form-input" min="0.1" step="0.1" /> </div> <div class="form-group"> <label>缁堟棰戠巼 (Hz)</label> <input type="number" name="freqEnd" class="form-input" min="0.1" step="0.1" /> </div> </div> <div class="form-row"> <div class="form-group"> <label>鍔犻€熷害骞呭€?(g)</label> <input type="number" name="amplitude" class="form-input" min="0.1" step="0.1" /> </div> <div class="form-group"> <label>鎸姩鏂瑰悜</label> <select name="direction" class="form-input"> <option value="x">X 杞?/option> <option value="y">Y 杞?/option> <option value="z">Z 杞?/option> </select> </div> </div> <div class="form-row"> <div class="form-group"> <label>鎸佺画鏃堕棿 (min)</label> <input type="number" name="duration" class="form-input" min="0" step="1" /> </div> </div> </form> </div> </div> <div class="card" id="env-random-card" style="display: none;"> <div class="card-header"> <h3>闅忔満鎸姩鍙傛暟</h3> </div> <div class="card-body"> <form id="env-random-form"> <div class="form-row"> <div class="form-group"> <label>璧峰棰戠巼 (Hz)</label> <input type="number" name="freqStart" class="form-input" min="0.1" step="0.1" /> </div> <div class="form-group"> <label>缁堟棰戠巼 (Hz)</label> <input type="number" name="freqEnd" class="form-input" min="0.1" step="0.1" /> </div> </div> <div class="form-row"> <div class="form-group"> <label>PSD 璋卞瘑搴?(g虏/Hz)</label> <input type="number" name="psd" class="form-input" min="0.001" step="0.001" /> </div> <div class="form-group"> <label>鎸佺画鏃堕棿 (min)</label> <input type="number" name="duration" class="form-input" min="0" step="1" /> </div> </div> </form> </div> </div> <div class="card"> <div class="card-header"> <h3>鍒嗘瀽缁撴灉</h3> </div> <div class="card-body"> <div class="metrics-grid"> <div class="metric-card"> <div class="metric-label">Grms (闅忔満鎸姩)</div> <div class="metric-value" id="env-grms">鈥?/div> <div class="metric-unit">g</div> </div> <div class="metric-card"> <div class="metric-label">鎸姩搴斿姏姘村钩</div> <div class="metric-value" id="env-stress-level">鈥?/div> </div> <div class="metric-card"> <div class="metric-label">鐤插姵鎹熶激浼扮畻</div> <div class="metric-value" id="env-fatigue-damage">鈥?/div> </div> <div class="metric-card"> <div class="metric-label">寤鸿璇曢獙绛夌骇</div> <div class="metric-value" id="env-suggested-level">鈥?/div> </div> </div> <div class="action-row"> <button type="button" class="btn-primary" id="env-vib-calc">璁＄畻</button> <button type="button" class="btn-ghost" id="env-vib-reset">閲嶇疆</button> </div> </div> </div> </div> </div> <div class="env-tab-content" id="env-tab-env-mapping" style="display: none;"> <div class="card"> <div class="card-header"> <h3>鐜搴斿姏鏄犲皠琛?/h3> <div class="card-actions"> <span class="selector-label" style="font-size: 0.8rem; color: var(--text-muted);">鍏?<span id="env-stress-count">0</span> 绉嶅簲鍔?/span> </div> </div> <div class="card-body" style="padding: 0;"> <div class="env-table-container table-wrap"> <table class="data-table env-stress-table"> <thead> <tr> <th style="width: 60px;">搴忓彿</th> <th style="min-width: 100px;">搴斿姏绫诲瀷</th> <th style="min-width: 140px;">浣跨敤鐜绛夌骇</th> <th style="width: 100px;">鐜鍥犲瓙蟺_E</th> <th style="min-width: 180px;">璇曢獙鏍囧噯鍙傝€?/th> <th style="min-width: 180px;">澶囨敞</th> </tr> </thead> <tbody id="env-stress-tbody"></tbody> </table> </div> </div> </div> <div class="card"> <div class="card-header"> <h3>鐜鍥犲瓙璇存槑 (蟺_E)</h3> </div> <div class="card-body"> <div class="env-factor-grid"> <div class="env-factor-item"> <div class="factor-name">鍦伴潰鑹ソ (Ground Benign)</div> <div class="factor-value">蟺_E = 1.0</div> <div class="factor-desc">鍙楁帶鐜锛屾俯搴︾ǔ瀹氾紝鏃犳尟鍔?/div> </div> <div class="env-factor-item"> <div class="factor-name">鍦伴潰鍥哄畾 (Ground Fixed)</div> <div class="factor-value">蟺_E = 1.5</div> <div class="factor-desc">鍥哄畾瀹夎锛屾湁涓€瀹氭俯婀垮害鍙樺寲</div> </div> <div class="env-factor-item"> <div class="factor-name">鍦伴潰绉诲姩 (Ground Mobile)</div> <div class="factor-value">蟺_E = 3.0</div> <div class="factor-desc">杞﹁浇璁惧锛屾尟鍔ㄥ拰娓╁害鍙樺寲杈冨ぇ</div> </div> <div class="env-factor-item"> <div class="factor-name">鎴峰 (Outdoor)</div> <div class="factor-value">蟺_E = 4.0</div> <div class="factor-desc">鐩存帴鏆撮湶浜庤嚜鐒剁幆澧?/div> </div> <div class="env-factor-item"> <div class="factor-name">鑸拌浇 (Naval)</div> <div class="factor-value">蟺_E = 5.0</div> <div class="factor-desc">娴蜂笂鐜锛岀洂闆俱€佹箍搴︺€佹憞鎽?/div> </div> <div class="env-factor-item"> <div class="factor-name">鏈鸿浇 (Airborne)</div> <div class="factor-value">蟺_E = 7.0</div> <div class="factor-desc">鑸┖鐜锛屾俯搴︺€佸帇鍔涖€佹尟鍔ㄥ彉鍖栧墽鐑?/div> </div> </div> </div> </div> </div> <div class="env-tab-content" id="env-tab-standards" style="display: none;"> <div class="card"> <div class="card-header"> <h3>璇曢獙鏍囧噯搴?/h3> <div class="card-actions"> <div class="standards-filter"> <select id="env-standard-category" class="form-input" style="width: 160px;"> <option value="all">鍏ㄩ儴鍒嗙被</option> <option value="IEC 60068">IEC 60068 绯诲垪</option> <option value="GJB 150">GJB 150 绯诲垪</option> <option value="MIL-STD-810">MIL-STD-810</option> <option value="GB/T 2423">GB/T 2423</option> </select> <input type="text" id="env-standard-search" class="form-input" placeholder="鎼滅储鏍囧噯缂栧彿鎴栧悕绉?.." style="width: 220px;" /> </div> </div> </div> <div class="card-body" style="padding: 0;"> <div class="standards-table-container table-wrap"> <table class="data-table standards-table"> <thead> <tr> <th style="width: 50px;">搴忓彿</th> <th style="min-width: 180px;">鏍囧噯缂栧彿</th> <th style="min-width: 180px;">鏍囧噯鍚嶇О</th> <th style="width: 130px;">鏍囧噯鍒嗙被</th> <th style="min-width: 180px;">閫傜敤鑼冨洿</th> <th style="min-width: 200px;">甯哥敤璇曢獙椤圭洰</th> </tr> </thead> <tbody id="env-standards-tbody"></tbody> </table> <div class="empty-state" id="env-standards-empty" style="display: none;"> <div class="empty-icon">馃搵</div> <h3>鏈壘鍒板尮閰嶇殑鏍囧噯</h3> <p>璇峰皾璇曞叾浠栨悳绱㈠叧閿瘝鎴栧垎绫荤瓫閫夈€?/p> </div> </div> </div> </div> </div> </div> </div> </template>  <div class="auth-modal-overlay" id="auth-modal" hidden> <div class="auth-modal-panel"> <div class="auth-modal-header"> <div class="auth-tabs"> <button type="button" class="auth-tab active" data-tab="login">鐧诲綍</button> <button type="button" class="auth-tab" data-tab="register">娉ㄥ唽</button> </div> <button type="button" class="auth-modal-close" id="auth-close" aria-label="鍏抽棴">脳</button> </div> <form id="auth-form" class="auth-form"> <input type="email" id="auth-email" placeholder="閭" required autocomplete="email" /> <input type="password" id="auth-password" placeholder="瀵嗙爜锛堣嚦灏?6 浣嶏級" required minlength="6" autocomplete="current-password" /> <input type="password" id="auth-password-confirm" placeholder="纭瀵嗙爜" hidden autocomplete="new-password" /> <button type="submit" id="auth-submit" class="btn-primary auth-submit-btn">鐧诲綍</button> <div class="auth-error" id="auth-error" hidden></div> </form> <div class="auth-modal-footer"> <span class="auth-hint">鐧诲綍鍚庡彲璺ㄨ澶囧悓姝ユ暟鎹紱鏈櫥褰曟椂浠呮湰鍦板瓨鍌?/span> </div> </div> </div> <script type="module" src="js/app.js?v=1.5.0"></script> </body> </html>