mirror of
https://github.com/Ed1s0nZ/CyberStrikeAI.git
synced 2026-07-05 12:07:52 +02:00
Add files via upload
This commit is contained in:
公明
+81
-48
@@ -821,57 +821,90 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-body attack-chain-body">
|
||||
<div class="attack-chain-controls">
|
||||
<div class="attack-chain-info">
|
||||
<span id="attack-chain-stats">节点: 0 | 边: 0</span>
|
||||
</div>
|
||||
<div class="attack-chain-filters">
|
||||
<input type="text" id="attack-chain-search" placeholder="搜索节点..."
|
||||
oninput="filterAttackChainNodes(this.value)">
|
||||
<select id="attack-chain-type-filter"
|
||||
onchange="filterAttackChainByType(this.value)">
|
||||
<option value="all">所有类型</option>
|
||||
<option value="target">目标</option>
|
||||
<option value="action">行动</option>
|
||||
<option value="vulnerability">漏洞</option>
|
||||
</select>
|
||||
<select id="attack-chain-risk-filter"
|
||||
onchange="filterAttackChainByRisk(this.value)">
|
||||
<option value="all">所有风险</option>
|
||||
<option value="high">高风险 (80-100)</option>
|
||||
<option value="medium-high">中高风险 (60-79)</option>
|
||||
<option value="medium">中风险 (40-59)</option>
|
||||
<option value="low">低风险 (0-39)</option>
|
||||
</select>
|
||||
<button class="btn-secondary" onclick="resetAttackChainFilters()">
|
||||
重置筛选
|
||||
</button>
|
||||
</div>
|
||||
<div class="attack-chain-legend">
|
||||
<div class="legend-item">
|
||||
<span class="legend-color" style="background: #ff4444;"></span>
|
||||
<span>高风险 (80-100)</span>
|
||||
<div class="attack-chain-main-layout">
|
||||
<div class="attack-chain-visualization-area">
|
||||
<div class="attack-chain-toolbar">
|
||||
<div class="attack-chain-info">
|
||||
<span id="attack-chain-stats">节点: 0 | 边: 0</span>
|
||||
</div>
|
||||
<div class="attack-chain-filters">
|
||||
<input type="text" id="attack-chain-search" placeholder="搜索节点..."
|
||||
oninput="filterAttackChainNodes(this.value)">
|
||||
<select id="attack-chain-type-filter"
|
||||
onchange="filterAttackChainByType(this.value)">
|
||||
<option value="all">所有类型</option>
|
||||
<option value="target">目标</option>
|
||||
<option value="action">行动</option>
|
||||
<option value="vulnerability">漏洞</option>
|
||||
</select>
|
||||
<select id="attack-chain-risk-filter"
|
||||
onchange="filterAttackChainByRisk(this.value)">
|
||||
<option value="all">所有风险</option>
|
||||
<option value="high">高风险 (80-100)</option>
|
||||
<option value="medium-high">中高风险 (60-79)</option>
|
||||
<option value="medium">中风险 (40-59)</option>
|
||||
<option value="low">低风险 (0-39)</option>
|
||||
</select>
|
||||
<button class="btn-secondary" onclick="resetAttackChainFilters()">
|
||||
重置筛选
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color" style="background: #ff8800;"></span>
|
||||
<span>中高风险 (60-79)</span>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color" style="background: #ffbb00;"></span>
|
||||
<span>中风险 (40-59)</span>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color" style="background: #88cc00;"></span>
|
||||
<span>低风险 (0-39)</span>
|
||||
<div id="attack-chain-container" class="attack-chain-container">
|
||||
<div class="loading-spinner">加载中...</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="attack-chain-sidebar">
|
||||
<div class="attack-chain-sidebar-content">
|
||||
<div class="attack-chain-legend">
|
||||
<div class="legend-section">
|
||||
<div class="legend-title">风险等级</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color" style="background: #ff4444;"></span>
|
||||
<span>高风险 (80-100)</span>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color" style="background: #ff8800;"></span>
|
||||
<span>中高风险 (60-79)</span>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color" style="background: #ffbb00;"></span>
|
||||
<span>中风险 (40-59)</span>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color" style="background: #88cc00;"></span>
|
||||
<span>低风险 (0-39)</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legend-section">
|
||||
<div class="legend-title">连接线含义</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-line" style="border-top: 2px solid #42a5f5;"></span>
|
||||
<span>蓝色线：行动发现漏洞</span>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-line" style="border-top: 2px solid #e53935;"></span>
|
||||
<span>红色线：使能/促成关系</span>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-line" style="border-top: 2px solid #616161;"></span>
|
||||
<span>灰色线：逻辑顺序</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="attack-chain-details" class="legend-section attack-chain-details" style="display: none;">
|
||||
<div class="legend-title attack-chain-details-title">
|
||||
<span>节点详情</span>
|
||||
<button class="attack-chain-details-close" onclick="closeNodeDetails()" title="关闭详情">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div id="attack-chain-details-content" class="attack-chain-details-content"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="attack-chain-container" class="attack-chain-container">
|
||||
<div class="loading-spinner">加载中...</div>
|
||||
</div>
|
||||
<div id="attack-chain-details" class="attack-chain-details" style="display: none;">
|
||||
<h3>节点详情</h3>
|
||||
<div id="attack-chain-details-content"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user