mirror of
https://github.com/Ed1s0nZ/CyberStrikeAI.git
synced 2026-07-18 18:07:32 +02:00
公明
1742 lines
95 KiB
JavaScript
1742 lines
95 KiB
JavaScript
const ASSET_PAGE_SIZE_KEY = 'cyberstrike.asset_page_size';
|
||
const ASSET_SAVED_VIEWS_KEY = 'cyberstrike.asset_saved_views';
|
||
function getAssetPageSize() {
|
||
try {
|
||
const value = Number(localStorage.getItem(ASSET_PAGE_SIZE_KEY));
|
||
return [10, 20, 50, 100].includes(value) ? value : 20;
|
||
} catch (error) {
|
||
return 20;
|
||
}
|
||
}
|
||
const assetPageState = { page: 1, pageSize: getAssetPageSize(), total: 0, totalPages: 1, items: [], projects: [], projectsLoaded: false, detailIndex: -1, editIndex: -1, detailAsset: null, editAsset: null, selected: new Map(), selectionQuery: '', allMatchingSelected: false, scanMode: 'chat', scanAssets: [], editorTags: [], editorDirty: false, editorBusy: false, editorReturnFocus: null, editorInteractionsReady: false, editorParsedTarget: '', importRows: [], importFileName: '', importBusy: false, importInteractionsReady: false, importReturnFocus: null };
|
||
let assetOverviewDays = 30;
|
||
|
||
const ASSET_CUSTOM_SELECT_IDS = [
|
||
'asset-status-filter',
|
||
'asset-project-filter',
|
||
'asset-risk-filter',
|
||
'asset-scan-filter',
|
||
'asset-environment-filter',
|
||
'asset-criticality-filter',
|
||
'asset-sort-filter',
|
||
'asset-saved-view-select',
|
||
'asset-batch-project',
|
||
'asset-edit-project',
|
||
'asset-edit-status',
|
||
'asset-edit-environment',
|
||
'asset-edit-criticality',
|
||
'asset-bulk-status',
|
||
'asset-bulk-environment',
|
||
'asset-bulk-criticality',
|
||
'asset-page-size-pagination'
|
||
];
|
||
|
||
function enhanceAssetSelect(select) {
|
||
if (!select || typeof enhanceSettingsSelect !== 'function') return;
|
||
enhanceSettingsSelect(select);
|
||
const wrapper = select.closest('.settings-custom-select');
|
||
if (!wrapper) return;
|
||
wrapper.classList.add('asset-custom-select');
|
||
wrapper.classList.toggle('asset-custom-select--filter', Boolean(select.closest('.asset-toolbar')));
|
||
wrapper.classList.toggle('asset-custom-select--saved-view', select.id === 'asset-saved-view-select');
|
||
wrapper.classList.toggle('asset-custom-select--pagination', select.id === 'asset-page-size-pagination');
|
||
}
|
||
|
||
function initAssetCustomSelects(root) {
|
||
const scope = root || document;
|
||
ASSET_CUSTOM_SELECT_IDS.forEach(id => {
|
||
const select = scope.getElementById ? scope.getElementById(id) : scope.querySelector(`#${id}`);
|
||
if (select) enhanceAssetSelect(select);
|
||
});
|
||
}
|
||
|
||
function syncAssetSelect(selectOrId) {
|
||
const select = typeof selectOrId === 'string' ? document.getElementById(selectOrId) : selectOrId;
|
||
if (!select) return;
|
||
enhanceAssetSelect(select);
|
||
if (typeof syncSettingsCustomSelect === 'function') syncSettingsCustomSelect(select);
|
||
}
|
||
|
||
function assetT(key, fallback, options) {
|
||
if (window.i18next && typeof window.i18next.t === 'function') {
|
||
const value = window.i18next.t(key, options || {});
|
||
if (value && value !== key) return value;
|
||
}
|
||
return fallback;
|
||
}
|
||
|
||
const ASSET_IMPORT_MAX_ROWS = 100000;
|
||
const ASSET_IMPORT_MAX_BYTES = 100 * 1024 * 1024;
|
||
const ASSET_IMPORT_COLUMNS = ['target', 'project', 'tags', 'host', 'ip', 'domain', 'port', 'protocol', 'title', 'server', 'country', 'province', 'city', 'responsible_person', 'department', 'business_system', 'environment', 'criticality', 'status'];
|
||
const ASSET_IMPORT_HEADER_ALIASES = {
|
||
target: ['target', 'asset', 'assetaddress', '目标', '资产', '资产地址'],
|
||
project: ['project', 'projectname', 'projectid', '项目', '项目名称', '项目id', '所属项目'],
|
||
tags: ['tags', 'tag', '标签'],
|
||
host: ['host', 'url', '完整url', '主机'],
|
||
ip: ['ip', 'ipaddress', 'ip地址'],
|
||
domain: ['domain', '域名'],
|
||
port: ['port', '端口'],
|
||
protocol: ['protocol', 'scheme', '协议'],
|
||
title: ['title', 'pagetitle', '标题', '页面标题'],
|
||
server: ['server', 'service', 'product', '服务', '产品', '服务指纹'],
|
||
country: ['country', 'countryregion', '国家', '国家地区'],
|
||
province: ['province', 'state', '省份', '州'],
|
||
city: ['city', '城市'],
|
||
responsible_person: ['responsibleperson', 'owner', '负责人', '责任人'],
|
||
department: ['department', '部门'],
|
||
business_system: ['businesssystem', 'system', '业务系统', '系统'],
|
||
environment: ['environment', 'env', '环境'],
|
||
criticality: ['criticality', 'importance', '重要性', '重要等级'],
|
||
status: ['status', '状态']
|
||
};
|
||
|
||
function normalizeAssetImportHeader(value) {
|
||
return String(value == null ? '' : value).replace(/^\uFEFF/, '').trim().toLowerCase().replace(/[\s_\-/.（）()]+/g, '');
|
||
}
|
||
|
||
function assetImportColumnForHeader(value) {
|
||
const normalized = normalizeAssetImportHeader(value);
|
||
return ASSET_IMPORT_COLUMNS.find(column => ASSET_IMPORT_HEADER_ALIASES[column].includes(normalized)) || '';
|
||
}
|
||
|
||
function assetImportTemplateHeaders() {
|
||
return ASSET_IMPORT_COLUMNS.slice();
|
||
}
|
||
|
||
function downloadAssetTemplate(format) {
|
||
const headers = assetImportTemplateHeaders();
|
||
if (format === 'csv') {
|
||
const csv = '\uFEFF' + headers.join(',') + '\r\n';
|
||
const link = document.createElement('a');
|
||
link.href = URL.createObjectURL(new Blob([csv], { type: 'text/csv;charset=utf-8' }));
|
||
link.download = 'asset-import-template.csv';
|
||
link.click();
|
||
setTimeout(() => URL.revokeObjectURL(link.href), 0);
|
||
return;
|
||
}
|
||
if (!window.XLSX) {
|
||
setAssetImportError(assetT('assets.spreadsheetUnavailable', '表格组件加载失败，请刷新后重试'));
|
||
return;
|
||
}
|
||
const workbook = XLSX.utils.book_new();
|
||
const assetSheet = XLSX.utils.aoa_to_sheet([headers]);
|
||
assetSheet['!cols'] = headers.map(name => ({ wch: ['target', 'host'].includes(name) ? 28 : 16 }));
|
||
assetSheet['!autofilter'] = { ref: `A1:${XLSX.utils.encode_col(headers.length - 1)}1` };
|
||
const instructions = [
|
||
[assetT('assets.templateGuideTitle', '资产批量导入填写说明')],
|
||
[assetT('assets.templateGuideRequired', '必填：target，或 host / ip / domain 中至少一项')],
|
||
[assetT('assets.templateGuideTarget', 'target 示例：https://example.com:443、example.com、1.1.1.1:22')],
|
||
[assetT('assets.templateGuideProject', 'project 填写系统中已有的项目名称或项目 ID，留空表示不绑定')],
|
||
[assetT('assets.templateGuideTags', 'tags 使用逗号分隔，最多 30 个')],
|
||
[assetT('assets.templateGuideStatus', 'status 仅支持 active / inactive，留空默认为 active')],
|
||
[assetT('assets.templateGuideLimit', '请在“Assets”工作表中填写，最多 100000 行')]
|
||
];
|
||
const guideSheet = XLSX.utils.aoa_to_sheet(instructions);
|
||
guideSheet['!cols'] = [{ wch: 86 }];
|
||
XLSX.utils.book_append_sheet(workbook, assetSheet, 'Assets');
|
||
XLSX.utils.book_append_sheet(workbook, guideSheet, assetT('assets.instructionsSheet', '填写说明').slice(0, 31));
|
||
XLSX.writeFile(workbook, 'asset-import-template.xlsx');
|
||
}
|
||
|
||
async function openAssetImport() {
|
||
assetPageState.importReturnFocus = document.activeElement;
|
||
await ensureAssetProjects(true);
|
||
resetAssetImport();
|
||
ensureAssetImportInteractions();
|
||
if (typeof openAppModal === 'function') openAppModal('asset-import-modal', { focusEl: document.getElementById('asset-import-dropzone') });
|
||
else document.getElementById('asset-import-modal').style.display = 'flex';
|
||
}
|
||
|
||
function closeAssetImport(force) {
|
||
if (assetPageState.importBusy && !force) return;
|
||
if (typeof closeAppModal === 'function') closeAppModal('asset-import-modal');
|
||
else document.getElementById('asset-import-modal').style.display = 'none';
|
||
const returnFocus = assetPageState.importReturnFocus;
|
||
if (returnFocus && typeof returnFocus.focus === 'function') requestAnimationFrame(() => returnFocus.focus());
|
||
}
|
||
|
||
function resetAssetImport() {
|
||
assetPageState.importRows = [];
|
||
assetPageState.importFileName = '';
|
||
assetPageState.importBusy = false;
|
||
const file = document.getElementById('asset-import-file');
|
||
if (file) file.value = '';
|
||
const name = document.getElementById('asset-import-file-name');
|
||
if (name) name.textContent = assetT('assets.fileNotSelected', '尚未选择文件');
|
||
const preview = document.getElementById('asset-import-preview-section');
|
||
if (preview) preview.hidden = true;
|
||
const body = document.getElementById('asset-import-preview-body');
|
||
if (body) body.innerHTML = '';
|
||
setAssetImportError('');
|
||
setAssetImportBusy(false);
|
||
}
|
||
|
||
function ensureAssetImportInteractions() {
|
||
if (assetPageState.importInteractionsReady) return;
|
||
assetPageState.importInteractionsReady = true;
|
||
const dropzone = document.getElementById('asset-import-dropzone');
|
||
if (!dropzone) return;
|
||
['dragenter', 'dragover'].forEach(type => dropzone.addEventListener(type, event => {
|
||
event.preventDefault();
|
||
dropzone.classList.add('is-dragging');
|
||
}));
|
||
['dragleave', 'drop'].forEach(type => dropzone.addEventListener(type, event => {
|
||
event.preventDefault();
|
||
dropzone.classList.remove('is-dragging');
|
||
}));
|
||
dropzone.addEventListener('drop', event => handleAssetImportFile(event.dataTransfer?.files?.[0]));
|
||
}
|
||
|
||
function setAssetImportError(message) {
|
||
const root = document.getElementById('asset-import-error');
|
||
if (!root) return;
|
||
root.textContent = message || '';
|
||
root.hidden = !message;
|
||
}
|
||
|
||
function setAssetImportBusy(busy) {
|
||
assetPageState.importBusy = Boolean(busy);
|
||
const submit = document.getElementById('asset-import-submit');
|
||
if (submit) submit.disabled = Boolean(busy) || !assetPageState.importRows.some(row => !row.error);
|
||
const dropzone = document.getElementById('asset-import-dropzone');
|
||
if (dropzone) dropzone.disabled = Boolean(busy);
|
||
}
|
||
|
||
async function handleAssetImportFile(file) {
|
||
setAssetImportError('');
|
||
if (!file) return;
|
||
assetPageState.importRows = [];
|
||
assetPageState.importFileName = '';
|
||
const previousPreview = document.getElementById('asset-import-preview-section');
|
||
if (previousPreview) previousPreview.hidden = true;
|
||
const selectedName = document.getElementById('asset-import-file-name');
|
||
if (selectedName) selectedName.textContent = file.name || assetT('assets.fileNotSelected', '尚未选择文件');
|
||
setAssetImportBusy(false);
|
||
const extension = String(file.name || '').split('.').pop().toLowerCase();
|
||
if (!['xlsx', 'csv'].includes(extension)) {
|
||
setAssetImportError(assetT('assets.fileTypeInvalid', '仅支持 .xlsx 和 .csv 文件'));
|
||
return;
|
||
}
|
||
if (file.size > ASSET_IMPORT_MAX_BYTES) {
|
||
setAssetImportError(assetT('assets.fileTooLarge', '文件不能超过 100 MB'));
|
||
return;
|
||
}
|
||
if (!window.XLSX) {
|
||
setAssetImportError(assetT('assets.spreadsheetUnavailable', '表格组件加载失败，请刷新后重试'));
|
||
return;
|
||
}
|
||
setAssetImportBusy(true);
|
||
try {
|
||
const workbook = XLSX.read(await file.arrayBuffer(), { type: 'array', cellDates: false });
|
||
const preferred = workbook.SheetNames.find(name => /^(assets?|资产)$/i.test(String(name).trim()));
|
||
const sheet = workbook.Sheets[preferred || workbook.SheetNames[0]];
|
||
const matrix = sheet ? XLSX.utils.sheet_to_json(sheet, { header: 1, defval: '', raw: false, blankrows: false }) : [];
|
||
parseAssetImportMatrix(matrix, file.name);
|
||
} catch (error) {
|
||
console.error('解析资产导入文件失败:', error);
|
||
setAssetImportError(error?.message || assetT('assets.fileParseFailed', '无法解析文件，请确认文件未损坏且格式正确'));
|
||
} finally {
|
||
setAssetImportBusy(false);
|
||
}
|
||
}
|
||
|
||
function parseAssetImportMatrix(matrix, fileName) {
|
||
if (!Array.isArray(matrix) || matrix.length < 2) {
|
||
throw new Error(assetT('assets.fileHasNoData', '文件中没有可导入的数据'));
|
||
}
|
||
const headers = matrix[0].map(assetImportColumnForHeader);
|
||
if (!headers.some(Boolean)) {
|
||
throw new Error(assetT('assets.headerInvalid', '未识别到模板字段，请使用下载的模板填写'));
|
||
}
|
||
const dataRows = matrix.slice(1).filter(row => Array.isArray(row) && row.some(value => String(value ?? '').trim() !== ''));
|
||
if (!dataRows.length) throw new Error(assetT('assets.fileHasNoData', '文件中没有可导入的数据'));
|
||
if (dataRows.length > ASSET_IMPORT_MAX_ROWS) {
|
||
throw new Error(assetT('assets.tooManyRows', `数据不能超过 ${ASSET_IMPORT_MAX_ROWS} 行`, { count: ASSET_IMPORT_MAX_ROWS }));
|
||
}
|
||
const seen = new Map();
|
||
assetPageState.importRows = dataRows.map((row, index) => {
|
||
const values = {};
|
||
headers.forEach((column, columnIndex) => {
|
||
if (column && values[column] == null) values[column] = String(row[columnIndex] ?? '').trim();
|
||
});
|
||
const parsed = assetImportRecord(values, index + 2);
|
||
if (!parsed.error) {
|
||
const asset = parsed.asset;
|
||
const key = `${String(asset.domain || asset.ip || asset.host).toLowerCase()}|${asset.port || 0}|${asset.protocol || ''}`;
|
||
if (seen.has(key)) parsed.error = assetT('assets.duplicateFileRow', `与第 ${seen.get(key)} 行重复`, { row: seen.get(key) });
|
||
else seen.set(key, parsed.rowNumber);
|
||
}
|
||
return parsed;
|
||
});
|
||
assetPageState.importFileName = fileName;
|
||
const name = document.getElementById('asset-import-file-name');
|
||
if (name) name.textContent = fileName;
|
||
renderAssetImportPreview();
|
||
}
|
||
|
||
function assetImportRecord(values, rowNumber) {
|
||
const fail = message => ({ rowNumber, values, asset: null, error: message });
|
||
const target = values.target || values.host || values.domain || values.ip || '';
|
||
if (!target) return fail(assetT('assets.importTargetRequired', '缺少目标地址'));
|
||
let parsed;
|
||
try { parsed = parseAssetEditorTarget(target); }
|
||
catch (error) { return fail(error.message); }
|
||
const rawPort = values.port;
|
||
const port = rawPort === '' || rawPort == null ? Number(parsed.port || 0) : Number(rawPort);
|
||
if (!Number.isInteger(port) || port < 0 || port > 65535) return fail(assetT('assets.portInvalid', '端口必须在 1–65535 之间'));
|
||
const ip = (values.ip || parsed.ip || '').toLowerCase();
|
||
if (ip && !assetEditorIsIPv4(ip) && !assetEditorIsIPv6(ip)) return fail(assetT('assets.ipInvalid', 'IP 地址格式无效'));
|
||
const rawDomain = values.domain || parsed.domain || '';
|
||
const domain = rawDomain ? assetEditorNormalizeDomain(rawDomain) : '';
|
||
if (rawDomain && !domain) return fail(assetT('assets.domainInvalid', '域名格式无效'));
|
||
const protocol = (values.protocol || parsed.protocol || '').toLowerCase();
|
||
if (protocol && !/^[a-z][a-z0-9+.-]{0,31}$/.test(protocol)) return fail(assetT('assets.protocolInvalid', '协议格式无效'));
|
||
const statuses = { active: 'active', inactive: 'inactive', '活跃': 'active', '停用': 'inactive' };
|
||
const status = statuses[String(values.status || 'active').toLowerCase()];
|
||
if (!status) return fail(assetT('assets.importStatusInvalid', '状态仅支持 active 或 inactive'));
|
||
const environments = { '': '', production: 'production', staging: 'staging', testing: 'testing', development: 'development', other: 'other', '生产': 'production', '预发布': 'staging', '测试': 'testing', '开发': 'development', '其他': 'other' };
|
||
const environment = environments[String(values.environment || '').toLowerCase()];
|
||
if (environment == null) return fail('环境值无效');
|
||
const criticalities = { '': '', critical: 'critical', high: 'high', medium: 'medium', low: 'low', '核心': 'critical', '重要': 'high', '一般': 'medium', '低': 'low' };
|
||
const criticality = criticalities[String(values.criticality || '').toLowerCase()];
|
||
if (criticality == null) return fail('重要性值无效');
|
||
let projectId = '';
|
||
let projectName = '';
|
||
if (values.project) {
|
||
const projectValue = String(values.project).trim().toLowerCase();
|
||
const project = assetPageState.projects.find(item => String(item.id).toLowerCase() === projectValue || String(item.name).trim().toLowerCase() === projectValue);
|
||
if (!project) return fail(assetT('assets.importProjectNotFound', `项目不存在或无权访问：${values.project}`, { project: values.project }));
|
||
projectId = project.id;
|
||
projectName = project.name;
|
||
}
|
||
const tags = String(values.tags || '').split(/[,，;；|]/).map(tag => tag.trim()).filter(Boolean);
|
||
if (tags.length > 30 || tags.some(tag => Array.from(tag).length > 64)) return fail(assetT('assets.importTagsInvalid', '标签最多 30 个，单个标签最多 64 个字符'));
|
||
const asset = {
|
||
host: values.host || parsed.host || '', ip, domain, port, protocol,
|
||
title: values.title || '', server: values.server || '', country: values.country || '',
|
||
province: values.province || '', city: values.city || '', responsible_person: values.responsible_person || '',
|
||
department: values.department || '', business_system: values.business_system || '', environment, criticality, status, tags,
|
||
project_id: projectId, source: 'manual-import'
|
||
};
|
||
const limits = { host: 500, title: 500, domain: 255, protocol: 255, server: 255, country: 255, province: 255, city: 255, responsible_person: 255, department: 255, business_system: 255 };
|
||
const oversized = Object.keys(limits).find(key => Array.from(String(asset[key] || '')).length > limits[key]);
|
||
if (oversized) return fail(assetT('assets.importFieldTooLong', `字段 ${oversized} 内容过长`, { field: oversized }));
|
||
return { rowNumber, values, asset, projectName, error: '' };
|
||
}
|
||
|
||
function renderAssetImportPreview() {
|
||
const rows = assetPageState.importRows;
|
||
const valid = rows.filter(row => !row.error).length;
|
||
const invalid = rows.length - valid;
|
||
const preview = document.getElementById('asset-import-preview-section');
|
||
if (preview) preview.hidden = false;
|
||
const summary = document.getElementById('asset-import-summary');
|
||
if (summary) summary.textContent = assetT('assets.importPreviewSummary', `共 ${rows.length} 行，${valid} 行有效，${invalid} 行需修正`, { total: rows.length, valid, invalid });
|
||
const body = document.getElementById('asset-import-preview-body');
|
||
if (body) body.innerHTML = rows.slice(0, 100).map(row => {
|
||
const asset = row.asset || {};
|
||
const target = row.values.target || row.values.host || row.values.domain || row.values.ip || '-';
|
||
const result = row.error
|
||
? `<span class="asset-import-result asset-import-result--error">${escapeHtml(row.error)}</span>`
|
||
: `<span class="asset-import-result asset-import-result--ok">${escapeHtml(assetT('assets.validationPassed', '通过'))}</span>`;
|
||
return `<tr class="${row.error ? 'has-error' : ''}"><td>${row.rowNumber}</td><td title="${escapeHtml(target)}">${escapeHtml(target)}</td><td>${escapeHtml(row.projectName || row.values.project || '-')}</td><td>${escapeHtml(asset.status || row.values.status || '-')}</td><td>${result}</td></tr>`;
|
||
}).join('');
|
||
const note = document.getElementById('asset-import-preview-note');
|
||
if (note) note.textContent = rows.length > 100 ? assetT('assets.previewLimited', `仅展示前 100 行；提交时将处理全部 ${rows.length} 行`, { count: rows.length }) : '';
|
||
const submit = document.getElementById('asset-import-submit');
|
||
if (submit) {
|
||
submit.textContent = assetT('assets.importValidRowsCount', `导入 ${valid} 条有效数据`, { count: valid });
|
||
submit.disabled = valid === 0 || assetPageState.importBusy;
|
||
}
|
||
}
|
||
|
||
async function submitAssetImport() {
|
||
if (assetPageState.importBusy) return;
|
||
const assets = assetPageState.importRows.filter(row => !row.error).map(row => row.asset);
|
||
if (!assets.length) return;
|
||
setAssetImportError('');
|
||
setAssetImportBusy(true);
|
||
try {
|
||
const response = await apiFetch('/api/assets/import', {
|
||
method: 'POST', headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({ assets, source: 'manual-import', source_query: assetPageState.importFileName })
|
||
});
|
||
if (!response.ok) throw new Error(await assetEditorResponseError(response));
|
||
const result = await response.json();
|
||
const invalid = assetPageState.importRows.length - assets.length;
|
||
closeAssetImport(true);
|
||
await loadAssets(1);
|
||
if (typeof showInlineToast === 'function') {
|
||
showInlineToast(assetT('assets.bulkImportDone', `导入完成：新增 ${result.created} 条，更新 ${result.updated} 条，跳过 ${Number(result.skipped || 0) + invalid} 条`, {
|
||
created: result.created, updated: result.updated, skipped: Number(result.skipped || 0) + invalid
|
||
}));
|
||
}
|
||
} catch (error) {
|
||
setAssetImportError(assetT('assets.importFailed', '资产入库失败') + ': ' + error.message);
|
||
} finally {
|
||
setAssetImportBusy(false);
|
||
}
|
||
}
|
||
|
||
async function loadAssetOverview() {
|
||
try {
|
||
const response = await apiFetch('/api/assets/stats?days=' + assetOverviewDays);
|
||
if (!response.ok) throw new Error(await response.text());
|
||
const stats = await response.json();
|
||
['total', 'ips', 'domains', 'ports', 'recent'].forEach(key => {
|
||
const el = document.getElementById('asset-stat-' + key);
|
||
if (el) el.textContent = Number(stats[key] || 0).toLocaleString();
|
||
});
|
||
renderAssetRecentSummary(Number(stats.recent || 0), Number(stats.total || 0));
|
||
renderAssetTrendCharts(stats.asset_trend || [], stats.risk_trend || []);
|
||
renderAssetCoverage(stats.coverage || {}, Number(stats.total || 0));
|
||
renderAssetProtocolChart(stats.protocols || [], Number(stats.total || 0));
|
||
} catch (error) {
|
||
console.error('加载资产概览失败:', error);
|
||
if (typeof showInlineToast === 'function') showInlineToast(assetT('assets.loadFailed', '加载资产失败') + ': ' + error.message);
|
||
}
|
||
}
|
||
|
||
function setAssetOverviewPeriod(days) {
|
||
const normalized = [7, 30, 90].includes(Number(days)) ? Number(days) : 30;
|
||
if (normalized === assetOverviewDays) return;
|
||
assetOverviewDays = normalized;
|
||
document.querySelectorAll('.asset-period-switch button').forEach(button => {
|
||
const active = Number(button.dataset.days) === normalized;
|
||
button.classList.toggle('active', active);
|
||
button.setAttribute('aria-pressed', active ? 'true' : 'false');
|
||
});
|
||
loadAssetOverview();
|
||
}
|
||
|
||
function renderAssetRecentSummary(recent, total) {
|
||
const percent = total ? Math.min(100, Math.round(recent / total * 100)) : 0;
|
||
const bar = document.getElementById('asset-recent-progress');
|
||
const caption = document.getElementById('asset-recent-rate');
|
||
if (bar) bar.style.width = percent + '%';
|
||
if (caption) caption.textContent = assetT('assets.recentShare', `占当前资产总量的 ${percent}%`, { percent });
|
||
}
|
||
|
||
function renderAssetTrendCharts(assetTrend, riskTrend) {
|
||
renderAssetLineChart('asset-growth-chart', 'asset-growth-summary', assetTrend, [
|
||
{ key: 'added', label: assetT('assets.addedAssets', '新增资产'), color: '#3b82f6', fill: 'rgba(59,130,246,.13)' },
|
||
{ key: 'inactive', label: assetT('assets.inactiveAssets', '停用资产'), color: '#8b5cf6' }
|
||
]);
|
||
renderAssetLineChart('asset-risk-chart', 'asset-risk-summary', riskTrend, [
|
||
{ key: 'discovered', label: assetT('assets.discoveredRisks', '新增漏洞'), color: '#f59e0b', fill: 'rgba(245,158,11,.12)' },
|
||
{ key: 'high_risk', label: assetT('assets.highRisks', '高危及严重'), color: '#ef4444' }
|
||
]);
|
||
}
|
||
|
||
function renderAssetLineChart(rootId, summaryId, points, series) {
|
||
const root = document.getElementById(rootId);
|
||
if (!root) return;
|
||
const data = Array.isArray(points) ? points : [];
|
||
const totals = series.map(item => data.reduce((sum, point) => sum + Number(point[item.key] || 0), 0));
|
||
const summaryRoot = document.getElementById(summaryId);
|
||
const summaryContent = series.map((item, index) => `<div><span>${escapeHtml(item.label)}</span><strong style="color:${item.color}">${totals[index].toLocaleString()}</strong></div>`).join('');
|
||
if (summaryRoot) summaryRoot.innerHTML = summaryContent;
|
||
if (!data.length) {
|
||
root.innerHTML = '<div class="muted">' + escapeHtml(assetT('common.noData', '暂无数据')) + '</div>';
|
||
return;
|
||
}
|
||
const width = 680, height = 220, left = 34, right = 12, top = 18, bottom = 28;
|
||
const plotWidth = width - left - right, plotHeight = height - top - bottom;
|
||
const maxValue = Math.max(1, ...data.flatMap(point => series.map(item => Number(point[item.key] || 0))));
|
||
const x = index => left + (data.length === 1 ? plotWidth / 2 : index / (data.length - 1) * plotWidth);
|
||
const y = value => top + plotHeight - (Number(value || 0) / maxValue * plotHeight);
|
||
const grid = [0, .25, .5, .75, 1].map(ratio => {
|
||
const gy = top + plotHeight * ratio;
|
||
const label = Math.round(maxValue * (1 - ratio));
|
||
return `<line x1="${left}" y1="${gy}" x2="${width - right}" y2="${gy}"/><text x="${left - 8}" y="${gy + 4}" text-anchor="end">${label}</text>`;
|
||
}).join('');
|
||
const paths = series.map(item => {
|
||
const coords = data.map((point, index) => `${x(index).toFixed(1)},${y(point[item.key]).toFixed(1)}`);
|
||
const line = `<polyline points="${coords.join(' ')}" fill="none" stroke="${item.color}" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>`;
|
||
if (!item.fill || !coords.length) return line;
|
||
const area = `M ${x(0).toFixed(1)} ${top + plotHeight} L ${coords.join(' L ')} L ${x(data.length - 1).toFixed(1)} ${top + plotHeight} Z`;
|
||
return `<path d="${area}" fill="${item.fill}"/>${line}`;
|
||
}).join('');
|
||
const labelIndexes = [...new Set([0, Math.floor((data.length - 1) / 2), data.length - 1])];
|
||
const labels = labelIndexes.map(index => `<text x="${x(index)}" y="${height - 7}" text-anchor="${index === 0 ? 'start' : index === data.length - 1 ? 'end' : 'middle'}">${escapeHtml(String(data[index].date || '').slice(5))}</text>`).join('');
|
||
const aria = series.map((item, index) => `${item.label} ${totals[index]}`).join('，');
|
||
root.innerHTML = `<svg viewBox="0 0 ${width} ${height}" role="img" aria-label="${escapeHtml(aria)}" preserveAspectRatio="none"><g class="asset-chart-grid">${grid}${labels}</g>${paths}</svg>`;
|
||
}
|
||
|
||
function renderAssetCoverage(coverage, total) {
|
||
const rate = Math.max(0, Math.min(100, Number(coverage.rate || 0)));
|
||
const recentRate = Math.max(0, Math.min(100, Number(coverage.recent_rate || 0)));
|
||
const values = {
|
||
scanned: Number(coverage.scanned || 0),
|
||
recent: Number(coverage.scanned_30d || 0),
|
||
never: Number(coverage.never_scanned || 0),
|
||
stale: Number(coverage.stale || 0)
|
||
};
|
||
const gauge = document.getElementById('asset-coverage-gauge');
|
||
const status = document.getElementById('asset-coverage-status');
|
||
const coverageState = total > 0 ? (rate >= 80 ? 'healthy' : rate >= 50 ? 'warning' : 'critical') : '';
|
||
if (gauge) {
|
||
gauge.style.setProperty('--asset-coverage-value', rate + '%');
|
||
gauge.classList.remove('is-healthy', 'is-warning', 'is-critical');
|
||
if (coverageState) gauge.classList.add('is-' + coverageState);
|
||
}
|
||
if (status) {
|
||
status.classList.remove('is-healthy', 'is-warning', 'is-critical');
|
||
if (coverageState) status.classList.add('is-' + coverageState);
|
||
}
|
||
const setText = (id, value) => { const el = document.getElementById(id); if (el) el.textContent = value; };
|
||
setText('asset-coverage-rate', rate + '%');
|
||
setText('asset-coverage-scanned', values.scanned.toLocaleString());
|
||
setText('asset-coverage-recent', values.recent.toLocaleString());
|
||
setText('asset-coverage-recent-rate', assetT('assets.coverageOfTotal', `占全部资产 ${recentRate}%`, { percent: recentRate }));
|
||
setText('asset-coverage-never', values.never.toLocaleString());
|
||
setText('asset-coverage-stale', values.stale.toLocaleString());
|
||
setText('asset-coverage-status', total ? assetT('assets.coverageMeta', `${values.scanned} / ${total} 已覆盖`, { scanned: values.scanned, total }) : '—');
|
||
document.getElementById('asset-coverage-never')?.parentElement?.classList.toggle('has-gap', values.never > 0);
|
||
document.getElementById('asset-coverage-stale')?.parentElement?.classList.toggle('has-gap', values.stale > 0);
|
||
}
|
||
|
||
function renderAssetProtocolChart(items, total) {
|
||
const root = document.getElementById('asset-protocol-chart');
|
||
const meta = document.getElementById('asset-protocol-meta');
|
||
if (!root) return;
|
||
if (!items.length) {
|
||
root.innerHTML = '<div class="asset-protocol-empty"><span>—</span><p>' + escapeHtml(assetT('common.noData', '暂无数据')) + '</p></div>';
|
||
if (meta) meta.textContent = assetT('assets.protocolKinds', '0 种协议', { count: 0 });
|
||
return;
|
||
}
|
||
if (meta) meta.textContent = assetT('assets.protocolKinds', `${items.length} 种协议`, { count: items.length });
|
||
const visibleItems = items.slice(0, 5);
|
||
const max = Math.max(...visibleItems.map(item => Number(item.count || 0)), 1);
|
||
const protocolTotal = items.reduce((sum, item) => sum + Number(item.count || 0), 0);
|
||
const colors = ['#4f7df3', '#6d5df6', '#13b8a6', '#f59e0b', '#ec4899', '#06b6d4', '#8b5cf6', '#94a3b8'];
|
||
root.innerHTML = visibleItems.map((item, index) => {
|
||
const count = Number(item.count || 0);
|
||
const width = Math.max(3, Math.round(count / max * 100));
|
||
const percent = (total || protocolTotal) ? count / (total || protocolTotal) * 100 : 0;
|
||
const displayPercent = percent > 0 && percent < 1 ? '<1%' : Math.round(percent) + '%';
|
||
const color = colors[index % colors.length];
|
||
return `<div class="asset-bar-row" style="--protocol-color:${color}"><span class="asset-bar-label">${escapeHtml(item.name || 'unknown')}</span><div class="asset-bar-track"><i style="width:${width}%"></i></div><strong>${count.toLocaleString()}</strong><small>${displayPercent}</small></div>`;
|
||
}).join('');
|
||
}
|
||
|
||
const ASSET_FILTER_FIELD_IDS = [
|
||
'asset-search', 'asset-status-filter', 'asset-project-filter', 'asset-risk-filter', 'asset-vuln-min-filter',
|
||
'asset-protocol-filter', 'asset-port-filter', 'asset-source-filter', 'asset-tag-filter', 'asset-scan-filter',
|
||
'asset-country-filter', 'asset-province-filter', 'asset-city-filter', 'asset-responsible-filter',
|
||
'asset-department-filter', 'asset-business-filter', 'asset-environment-filter', 'asset-criticality-filter',
|
||
'asset-first-seen-after-filter', 'asset-first-seen-before-filter', 'asset-last-seen-after-filter',
|
||
'asset-last-seen-before-filter', 'asset-sort-filter'
|
||
];
|
||
|
||
function assetFilterValues() {
|
||
return Object.fromEntries(ASSET_FILTER_FIELD_IDS.map(id => [id, document.getElementById(id)?.value || '']));
|
||
}
|
||
|
||
function nextAssetFilterDay(value) {
|
||
if (!value) return '';
|
||
const date = new Date(value + 'T00:00:00Z');
|
||
date.setUTCDate(date.getUTCDate() + 1);
|
||
return date.toISOString().slice(0, 10);
|
||
}
|
||
|
||
function buildAssetFilterParams() {
|
||
const params = new URLSearchParams();
|
||
const map = {
|
||
'asset-search': 'q', 'asset-status-filter': 'status', 'asset-project-filter': 'project_id',
|
||
'asset-risk-filter': 'risk_level', 'asset-vuln-min-filter': 'min_vulnerabilities',
|
||
'asset-protocol-filter': 'protocol', 'asset-port-filter': 'port', 'asset-source-filter': 'source',
|
||
'asset-tag-filter': 'tag', 'asset-country-filter': 'country', 'asset-province-filter': 'province',
|
||
'asset-city-filter': 'city', 'asset-responsible-filter': 'responsible_person',
|
||
'asset-department-filter': 'department', 'asset-business-filter': 'business_system',
|
||
'asset-environment-filter': 'environment', 'asset-criticality-filter': 'criticality',
|
||
'asset-first-seen-after-filter': 'first_seen_after', 'asset-last-seen-after-filter': 'last_seen_after'
|
||
};
|
||
Object.entries(map).forEach(([id, key]) => {
|
||
const value = document.getElementById(id)?.value.trim() || '';
|
||
if (value) params.set(key, value);
|
||
});
|
||
[
|
||
['asset-first-seen-before-filter', 'first_seen_before'],
|
||
['asset-last-seen-before-filter', 'last_seen_before']
|
||
].forEach(([id, key]) => {
|
||
const value = nextAssetFilterDay(document.getElementById(id)?.value || '');
|
||
if (value) params.set(key, value);
|
||
});
|
||
const scan = document.getElementById('asset-scan-filter')?.value || '';
|
||
if (scan === 'never' || scan === 'scanned') params.set('scan_state', scan);
|
||
else if (/^\d+$/.test(scan)) params.set('scan_overdue_days', scan);
|
||
const [sortBy, sortOrder] = (document.getElementById('asset-sort-filter')?.value || 'last_seen_at:desc').split(':');
|
||
if (sortBy) params.set('sort_by', sortBy);
|
||
if (sortOrder) params.set('sort_order', sortOrder);
|
||
return params;
|
||
}
|
||
|
||
function toggleAssetAdvancedFilters() {
|
||
const panel = document.getElementById('asset-advanced-filters');
|
||
const button = document.getElementById('asset-advanced-toggle');
|
||
if (!panel) return;
|
||
panel.hidden = !panel.hidden;
|
||
if (button) button.setAttribute('aria-expanded', String(!panel.hidden));
|
||
}
|
||
|
||
function resetAssetFilters() {
|
||
ASSET_FILTER_FIELD_IDS.forEach(id => {
|
||
const el = document.getElementById(id);
|
||
if (!el) return;
|
||
el.value = id === 'asset-sort-filter' ? 'last_seen_at:desc' : '';
|
||
if (el.tagName === 'SELECT') syncAssetSelect(el);
|
||
});
|
||
const saved = document.getElementById('asset-saved-view-select');
|
||
if (saved) saved.value = '';
|
||
clearAssetSelection();
|
||
loadAssets(1);
|
||
}
|
||
|
||
function readAssetSavedViews() {
|
||
try {
|
||
const views = JSON.parse(localStorage.getItem(ASSET_SAVED_VIEWS_KEY) || '[]');
|
||
return Array.isArray(views) ? views : [];
|
||
} catch (error) {
|
||
return [];
|
||
}
|
||
}
|
||
|
||
function renderAssetSavedViews(selectedName) {
|
||
const select = document.getElementById('asset-saved-view-select');
|
||
if (!select) return;
|
||
const views = readAssetSavedViews();
|
||
select.innerHTML = `<option value="">${escapeHtml(assetT('assets.savedViews', '保存的筛选视图'))}</option>` + views.map(view => `<option value="${escapeHtml(view.name)}">${escapeHtml(view.name)}</option>`).join('');
|
||
select.value = selectedName || '';
|
||
syncAssetSelect(select);
|
||
}
|
||
|
||
function saveCurrentAssetView() {
|
||
const name = prompt('请输入筛选视图名称');
|
||
if (!name || !name.trim()) return;
|
||
const cleanName = name.trim().slice(0, 60);
|
||
const views = readAssetSavedViews().filter(view => view.name !== cleanName);
|
||
views.push({ name: cleanName, values: assetFilterValues() });
|
||
try { localStorage.setItem(ASSET_SAVED_VIEWS_KEY, JSON.stringify(views)); } catch (error) { return alert('保存筛选视图失败'); }
|
||
renderAssetSavedViews(cleanName);
|
||
if (typeof showInlineToast === 'function') showInlineToast('筛选视图已保存');
|
||
}
|
||
|
||
function applyAssetSavedView(name) {
|
||
if (!name) return;
|
||
const view = readAssetSavedViews().find(item => item.name === name);
|
||
if (!view) return;
|
||
Object.entries(view.values || {}).forEach(([id, value]) => {
|
||
const el = document.getElementById(id);
|
||
if (!el) return;
|
||
el.value = value || '';
|
||
if (el.tagName === 'SELECT') syncAssetSelect(el);
|
||
});
|
||
document.getElementById('asset-advanced-filters').hidden = false;
|
||
document.getElementById('asset-advanced-toggle')?.setAttribute('aria-expanded', 'true');
|
||
clearAssetSelection();
|
||
loadAssets(1);
|
||
}
|
||
|
||
function deleteCurrentAssetView() {
|
||
const select = document.getElementById('asset-saved-view-select');
|
||
const name = select?.value || '';
|
||
if (!name || !confirm(`删除筛选视图“${name}”吗？`)) return;
|
||
const views = readAssetSavedViews().filter(view => view.name !== name);
|
||
try { localStorage.setItem(ASSET_SAVED_VIEWS_KEY, JSON.stringify(views)); } catch (error) { return; }
|
||
renderAssetSavedViews();
|
||
}
|
||
|
||
async function loadAssets(page) {
|
||
// 无显式页码表示进入资产库或点击顶部“刷新”，此时同步项目筛选项。
|
||
// 翻页、搜索等带页码的操作继续复用缓存，避免重复请求项目列表。
|
||
await ensureAssetProjects(page == null);
|
||
assetPageState.page = Number(page || assetPageState.page || 1);
|
||
const filterParams = buildAssetFilterParams();
|
||
const filterQuery = filterParams.toString();
|
||
if (assetPageState.selectionQuery && assetPageState.selectionQuery !== filterQuery) clearAssetSelection();
|
||
assetPageState.selectionQuery = filterQuery;
|
||
const params = new URLSearchParams(filterParams);
|
||
params.set('page', assetPageState.page);
|
||
params.set('page_size', assetPageState.pageSize);
|
||
const body = document.getElementById('asset-table-body');
|
||
if (body) body.innerHTML = '<tr><td colspan="10" class="muted">' + escapeHtml(assetT('common.loading', '加载中...')) + '</td></tr>';
|
||
try {
|
||
const response = await apiFetch('/api/assets?' + params.toString());
|
||
if (!response.ok) throw new Error(await response.text());
|
||
const data = await response.json();
|
||
assetPageState.items = data.assets || [];
|
||
assetPageState.total = data.total || 0;
|
||
assetPageState.totalPages = data.total_pages || 1;
|
||
assetPageState.page = data.page || 1;
|
||
if (assetPageState.page > assetPageState.totalPages) {
|
||
return loadAssets(assetPageState.totalPages);
|
||
}
|
||
renderAssetRows();
|
||
updateAssetSelectionUI();
|
||
renderAssetPagination();
|
||
const meta = document.getElementById('asset-list-meta');
|
||
if (meta) meta.textContent = assetT('assets.totalMeta', `共 ${data.total || 0} 条`, { count: data.total || 0 });
|
||
} catch (error) {
|
||
console.error('加载资产失败:', error);
|
||
assetPageState.items = [];
|
||
assetPageState.total = 0;
|
||
assetPageState.totalPages = 1;
|
||
if (body) body.innerHTML = '<tr><td colspan="10" class="muted">' + escapeHtml(assetT('assets.loadFailed', '加载资产失败')) + '</td></tr>';
|
||
renderAssetPagination();
|
||
}
|
||
}
|
||
|
||
function assetTargetLabel(asset) {
|
||
return asset.host || asset.domain || asset.ip || '-';
|
||
}
|
||
|
||
function assetRiskPresentation(level) {
|
||
const normalized = ['critical', 'high', 'medium', 'low', 'info', 'normal'].includes(level) ? level : 'unassessed';
|
||
const labels = {
|
||
critical: assetT('assets.riskCritical', '严重'),
|
||
high: assetT('assets.riskHigh', '高危'),
|
||
medium: assetT('assets.riskMedium', '中危'),
|
||
low: assetT('assets.riskLow', '低危'),
|
||
info: assetT('assets.riskInfo', '提示'),
|
||
normal: assetT('assets.riskNormal', '正常'),
|
||
unassessed: assetT('assets.riskUnassessed', '未评估')
|
||
};
|
||
return { level: normalized, label: labels[normalized] };
|
||
}
|
||
|
||
function assetOwnershipMarkup(asset) {
|
||
const owner = String(asset.responsible_person || '').trim();
|
||
const department = String(asset.department || '').trim();
|
||
if (!owner && !department) {
|
||
return `<span class="asset-ownership-empty">${escapeHtml(assetT('assets.unassigned', '未分配'))}</span>`;
|
||
}
|
||
const ownerLabel = assetT('assets.responsiblePerson', '负责人');
|
||
const departmentLabel = assetT('assets.department', '部门');
|
||
const title = [
|
||
owner ? `${ownerLabel}: ${owner}` : '',
|
||
department ? `${departmentLabel}: ${department}` : ''
|
||
].filter(Boolean).join(' · ');
|
||
const primary = owner || department;
|
||
return `<div class="asset-ownership" title="${escapeHtml(title)}">
|
||
<span class="asset-ownership__primary">${escapeHtml(primary)}</span>
|
||
${owner && department ? `<span class="asset-ownership__secondary">${escapeHtml(department)}</span>` : ''}
|
||
</div>`;
|
||
}
|
||
|
||
function ensureAssetOwnershipColumn() {
|
||
const table = document.querySelector('#page-asset-library .asset-table');
|
||
const headerRow = table?.querySelector('thead tr');
|
||
if (!headerRow || headerRow.querySelector('[data-i18n="assets.ownership"]')) return;
|
||
const lastScanHeader = headerRow.querySelector('[data-i18n="assets.lastScan"]');
|
||
if (!lastScanHeader) return;
|
||
const ownershipHeader = document.createElement('th');
|
||
ownershipHeader.setAttribute('data-i18n', 'assets.ownership');
|
||
ownershipHeader.textContent = assetT('assets.ownership', '归属');
|
||
headerRow.insertBefore(ownershipHeader, lastScanHeader);
|
||
table.querySelectorAll('#asset-table-body td[colspan="9"]').forEach(cell => cell.setAttribute('colspan', '10'));
|
||
}
|
||
|
||
function renderAssetRows() {
|
||
const body = document.getElementById('asset-table-body');
|
||
if (!body) return;
|
||
if (!assetPageState.items.length) {
|
||
body.innerHTML = '<tr><td colspan="10" class="muted">' + escapeHtml(assetT('common.noData', '暂无数据')) + '</td></tr>';
|
||
return;
|
||
}
|
||
body.innerHTML = assetPageState.items.map((asset, index) => {
|
||
const service = [asset.protocol, asset.port ? ':' + asset.port : ''].join('') || '-';
|
||
const targetHint = [asset.host, asset.ip, asset.domain].filter(Boolean).filter((value, i, values) => values.indexOf(value) === i).join(' · ');
|
||
const lastScan = asset.last_scan_at ? new Date(asset.last_scan_at).toLocaleString() : '-';
|
||
const vulnerabilityCount = Number(asset.vulnerability_count || 0);
|
||
const risk = assetRiskPresentation(asset.risk_level);
|
||
const statusLabel = asset.status === 'inactive' ? assetT('assets.statusInactive', '停用') : assetT('assets.statusActive', '活跃');
|
||
return `<tr>
|
||
<td class="asset-check-cell"><input type="checkbox" class="theme-checkbox" ${assetPageState.selected.has(asset.id) ? 'checked' : ''} onchange="toggleAssetSelection(${index},this.checked)" aria-label="${escapeHtml(assetT('assets.selectAsset', '选择资产'))}"></td>
|
||
<td><button class="asset-target-link" title="${escapeHtml(targetHint)}" onclick="openAssetDetail(${index})">${escapeHtml(assetTargetLabel(asset))}</button></td>
|
||
<td><span class="asset-service" title="${escapeHtml(service)}">${escapeHtml(service)}</span></td>
|
||
<td>${asset.project_name ? `<span class="asset-project-badge">${escapeHtml(asset.project_name)}</span>` : '<span class="muted">-</span>'}</td>
|
||
<td>${assetOwnershipMarkup(asset)}</td>
|
||
<td>${escapeHtml(lastScan)}</td><td>${vulnerabilityCount > 0 ? `<button class="asset-vulnerability-link" onclick="openAssetVulnerabilities(${index})">${vulnerabilityCount}</button>` : '<span class="muted">0</span>'}</td>
|
||
<td><span class="asset-risk asset-risk--${risk.level}">${escapeHtml(risk.label)}</span></td>
|
||
<td><span class="asset-status asset-status--${escapeHtml(asset.status || 'active')}">${escapeHtml(statusLabel)}</span></td>
|
||
<td class="asset-row-actions"><button class="btn-link" onclick="openAssetScanModal('chat',${index})">${escapeHtml(assetT('assets.sendToChatShort', '扫描'))}</button><button class="btn-link" data-require-permission="asset:write" onclick="openAssetEditor(${index})">${escapeHtml(assetT('common.edit', '编辑'))}</button><button class="btn-link asset-delete" data-require-permission="asset:delete" onclick="deleteAsset(${index})">${escapeHtml(assetT('common.delete', '删除'))}</button></td>
|
||
</tr>`;
|
||
}).join('');
|
||
if (typeof applyRBACToUI === 'function') applyRBACToUI(body);
|
||
}
|
||
|
||
function toggleAssetSelection(index, checked) {
|
||
const asset = assetPageState.items[Number(index)];
|
||
if (!asset) return;
|
||
if (checked) assetPageState.selected.set(asset.id, asset);
|
||
else {
|
||
assetPageState.selected.delete(asset.id);
|
||
assetPageState.allMatchingSelected = false;
|
||
}
|
||
updateAssetSelectionUI();
|
||
}
|
||
|
||
function toggleAssetPageSelection(checked) {
|
||
assetPageState.items.forEach(asset => {
|
||
if (checked) assetPageState.selected.set(asset.id, asset);
|
||
else assetPageState.selected.delete(asset.id);
|
||
});
|
||
if (!checked) assetPageState.allMatchingSelected = false;
|
||
renderAssetRows();
|
||
updateAssetSelectionUI();
|
||
}
|
||
|
||
function clearAssetSelection() {
|
||
assetPageState.selected.clear();
|
||
assetPageState.allMatchingSelected = false;
|
||
closeAssetBatchMenu();
|
||
renderAssetRows();
|
||
updateAssetSelectionUI();
|
||
}
|
||
|
||
function closeAssetBatchMenu() {
|
||
const menu = document.getElementById('asset-batch-more');
|
||
if (menu) menu.open = false;
|
||
}
|
||
|
||
function updateAssetSelectionUI() {
|
||
const count = assetPageState.selected.size;
|
||
const actions = document.getElementById('asset-batch-actions');
|
||
const label = document.getElementById('asset-selected-count');
|
||
if (actions) actions.hidden = count === 0;
|
||
if (label) label.textContent = assetT('assets.selectedCount', `已选择 ${count} 项`, { count });
|
||
const selectAll = document.getElementById('asset-select-all-results');
|
||
if (selectAll) {
|
||
selectAll.hidden = count === 0 || count >= assetPageState.total || assetPageState.allMatchingSelected;
|
||
selectAll.textContent = assetT('assets.selectAllResults', `选择全部 ${assetPageState.total} 项`, { count: assetPageState.total });
|
||
}
|
||
const allSelected = document.getElementById('asset-all-results-selected');
|
||
if (allSelected) {
|
||
allSelected.hidden = !assetPageState.allMatchingSelected;
|
||
allSelected.textContent = assetT('assets.allResultsSelected', `已选择当前筛选结果中的 ${count} 项`, { count });
|
||
}
|
||
const merge = document.getElementById('asset-merge-selected');
|
||
if (merge) {
|
||
merge.disabled = count < 2;
|
||
merge.setAttribute('aria-disabled', count < 2 ? 'true' : 'false');
|
||
merge.title = count < 2
|
||
? assetT('assets.mergeRequiresMultiple', '请至少选择两个重复资产')
|
||
: '';
|
||
}
|
||
const pageToggle = document.getElementById('asset-select-page');
|
||
if (pageToggle) {
|
||
const selectedOnPage = assetPageState.items.filter(asset => assetPageState.selected.has(asset.id)).length;
|
||
pageToggle.checked = assetPageState.items.length > 0 && selectedOnPage === assetPageState.items.length;
|
||
pageToggle.indeterminate = selectedOnPage > 0 && selectedOnPage < assetPageState.items.length;
|
||
}
|
||
}
|
||
|
||
async function selectAllMatchingAssets() {
|
||
const button = document.getElementById('asset-select-all-results');
|
||
if (button) button.disabled = true;
|
||
try {
|
||
const params = buildAssetFilterParams();
|
||
const response = await apiFetch('/api/assets/selection?' + params.toString());
|
||
if (!response.ok) throw new Error(await assetEditorResponseError(response));
|
||
const data = await response.json();
|
||
assetPageState.selected.clear();
|
||
(data.assets || []).forEach(asset => assetPageState.selected.set(asset.id, asset));
|
||
assetPageState.allMatchingSelected = true;
|
||
renderAssetRows();
|
||
updateAssetSelectionUI();
|
||
} catch (error) {
|
||
alert('选择全部结果失败: ' + error.message);
|
||
} finally {
|
||
if (button) button.disabled = false;
|
||
}
|
||
}
|
||
|
||
async function openAssetProjectModal() {
|
||
const assets = Array.from(assetPageState.selected.values());
|
||
if (!assets.length) {
|
||
alert(assetT('assets.selectAssetsFirst', '请先选择资产'));
|
||
return;
|
||
}
|
||
await ensureAssetProjects(true);
|
||
populateAssetProjectSelects();
|
||
const select = document.getElementById('asset-batch-project');
|
||
const projectIds = Array.from(new Set(assets.map(asset => asset.project_id || '')));
|
||
if (select) {
|
||
select.value = projectIds.length === 1 && projectIds[0] ? projectIds[0] : '';
|
||
if (typeof syncSettingsCustomSelect === 'function') syncSettingsCustomSelect(select);
|
||
}
|
||
const subtitle = document.getElementById('asset-project-subtitle');
|
||
if (subtitle) subtitle.textContent = assetT('assets.bindProjectCount', `将更新 ${assets.length} 个资产`, { count: assets.length });
|
||
if (typeof openAppModal === 'function') openAppModal('asset-project-modal');
|
||
else document.getElementById('asset-project-modal').style.display = 'flex';
|
||
if (select) select.focus();
|
||
}
|
||
|
||
function closeAssetProjectModal() {
|
||
if (typeof closeAppModal === 'function') closeAppModal('asset-project-modal');
|
||
else document.getElementById('asset-project-modal').style.display = 'none';
|
||
}
|
||
|
||
async function submitAssetProjectBinding() {
|
||
const ids = Array.from(assetPageState.selected.keys());
|
||
if (!ids.length) return;
|
||
const selectedProject = document.getElementById('asset-batch-project')?.value || '';
|
||
if (!selectedProject) {
|
||
alert(assetT('assets.selectProjectRequired', '请选择要绑定的项目'));
|
||
return;
|
||
}
|
||
const projectId = selectedProject;
|
||
const button = document.getElementById('asset-project-submit');
|
||
if (button) button.disabled = true;
|
||
try {
|
||
const response = await apiFetch('/api/assets/project-binding', {
|
||
method: 'PUT', headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({ asset_ids: ids, project_id: projectId })
|
||
});
|
||
if (!response.ok) throw new Error(await assetEditorResponseError(response));
|
||
closeAssetProjectModal();
|
||
clearAssetSelection();
|
||
await loadAssets(assetPageState.page);
|
||
if (typeof showInlineToast === 'function') {
|
||
showInlineToast(assetT('assets.bindProjectDone', `已绑定 ${ids.length} 个资产`, { count: ids.length }));
|
||
}
|
||
} catch (error) {
|
||
alert(assetT('assets.bindProjectFailed', '绑定项目失败') + ': ' + error.message);
|
||
} finally {
|
||
if (button) button.disabled = false;
|
||
}
|
||
}
|
||
|
||
function openAssetBulkEdit() {
|
||
const count = assetPageState.selected.size;
|
||
if (!count) return alert('请先选择资产');
|
||
['asset-bulk-status', 'asset-bulk-responsible', 'asset-bulk-department', 'asset-bulk-business', 'asset-bulk-environment', 'asset-bulk-criticality', 'asset-bulk-add-tags', 'asset-bulk-remove-tags'].forEach(id => {
|
||
const el = document.getElementById(id);
|
||
if (el) el.value = '';
|
||
});
|
||
document.getElementById('asset-bulk-edit-subtitle').textContent = `将修改 ${count} 个资产；空白字段保持原值`;
|
||
['asset-bulk-status', 'asset-bulk-environment', 'asset-bulk-criticality'].forEach(syncAssetSelect);
|
||
if (typeof openAppModal === 'function') openAppModal('asset-bulk-edit-modal');
|
||
else document.getElementById('asset-bulk-edit-modal').style.display = 'flex';
|
||
}
|
||
|
||
function closeAssetBulkEdit() {
|
||
if (typeof closeAppModal === 'function') closeAppModal('asset-bulk-edit-modal');
|
||
else document.getElementById('asset-bulk-edit-modal').style.display = 'none';
|
||
}
|
||
|
||
function assetCommaValues(id) {
|
||
return (document.getElementById(id)?.value || '').split(/[,，]/).map(value => value.trim()).filter(Boolean);
|
||
}
|
||
|
||
async function submitAssetBulkEdit() {
|
||
const ids = Array.from(assetPageState.selected.keys());
|
||
if (!ids.length) return;
|
||
const body = { asset_ids: ids, add_tags: assetCommaValues('asset-bulk-add-tags'), remove_tags: assetCommaValues('asset-bulk-remove-tags') };
|
||
const fields = {
|
||
status: 'asset-bulk-status', responsible_person: 'asset-bulk-responsible', department: 'asset-bulk-department',
|
||
business_system: 'asset-bulk-business', environment: 'asset-bulk-environment', criticality: 'asset-bulk-criticality'
|
||
};
|
||
Object.entries(fields).forEach(([key, id]) => {
|
||
const value = document.getElementById(id)?.value.trim() || '';
|
||
if (value) body[key] = value;
|
||
});
|
||
if (Object.keys(body).length === 3 && body.add_tags.length === 0 && body.remove_tags.length === 0) return alert('请至少填写一项修改');
|
||
const button = document.getElementById('asset-bulk-edit-submit');
|
||
if (button) button.disabled = true;
|
||
try {
|
||
const response = await apiFetch('/api/assets/bulk', { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
|
||
if (!response.ok) throw new Error(await assetEditorResponseError(response));
|
||
closeAssetBulkEdit();
|
||
clearAssetSelection();
|
||
await loadAssets(assetPageState.page);
|
||
if (typeof showInlineToast === 'function') showInlineToast(`已更新 ${ids.length} 个资产`);
|
||
} catch (error) {
|
||
alert('批量编辑失败: ' + error.message);
|
||
} finally {
|
||
if (button) button.disabled = false;
|
||
}
|
||
}
|
||
|
||
function assetExportRows(assets) {
|
||
return assets.map(asset => ({
|
||
target: assetTargetLabel(asset), host: asset.host || '', ip: asset.ip || '', domain: asset.domain || '', port: asset.port || '',
|
||
protocol: asset.protocol || '', title: asset.title || '', server: asset.server || '', project: asset.project_name || '',
|
||
responsible_person: asset.responsible_person || '', department: asset.department || '', business_system: asset.business_system || '',
|
||
environment: asset.environment || '', criticality: asset.criticality || '', country: asset.country || '', province: asset.province || '',
|
||
city: asset.city || '', source: asset.source || '', status: asset.status || '', tags: (asset.tags || []).join(','),
|
||
risk_level: asset.risk_level || '', vulnerability_count: Number(asset.vulnerability_count || 0),
|
||
first_seen_at: asset.first_seen_at || '', last_seen_at: asset.last_seen_at || '', last_scan_at: asset.last_scan_at || ''
|
||
}));
|
||
}
|
||
|
||
function assetCsvCell(value) {
|
||
const text = String(value == null ? '' : value);
|
||
return /[",\r\n]/.test(text) ? `"${text.replaceAll('"', '""')}"` : text;
|
||
}
|
||
|
||
function downloadAssetBlob(blob, filename) {
|
||
const link = document.createElement('a');
|
||
link.href = URL.createObjectURL(blob);
|
||
link.download = filename;
|
||
link.click();
|
||
setTimeout(() => URL.revokeObjectURL(link.href), 0);
|
||
}
|
||
|
||
function exportSelectedAssets(format) {
|
||
const rows = assetExportRows(Array.from(assetPageState.selected.values()));
|
||
if (!rows.length) return alert('请先选择资产');
|
||
const stamp = new Date().toISOString().slice(0, 10);
|
||
if (format === 'csv') {
|
||
const headers = Object.keys(rows[0]);
|
||
const csv = '\uFEFF' + [headers.join(','), ...rows.map(row => headers.map(key => assetCsvCell(row[key])).join(','))].join('\r\n');
|
||
downloadAssetBlob(new Blob([csv], { type: 'text/csv;charset=utf-8' }), `assets-${stamp}.csv`);
|
||
return;
|
||
}
|
||
if (!window.XLSX) return alert('表格组件加载失败，请刷新后重试');
|
||
const workbook = XLSX.utils.book_new();
|
||
const sheet = XLSX.utils.json_to_sheet(rows);
|
||
sheet['!autofilter'] = { ref: sheet['!ref'] };
|
||
sheet['!cols'] = Object.keys(rows[0]).map(key => ({ wch: ['target', 'host', 'title'].includes(key) ? 30 : 16 }));
|
||
XLSX.utils.book_append_sheet(workbook, sheet, 'Assets');
|
||
XLSX.writeFile(workbook, `assets-${stamp}.xlsx`);
|
||
}
|
||
|
||
async function deleteSelectedAssets() {
|
||
const ids = Array.from(assetPageState.selected.keys());
|
||
if (!ids.length || !confirm(`确定永久删除选中的 ${ids.length} 个资产吗？`)) return;
|
||
try {
|
||
const response = await apiFetch('/api/assets/batch-delete', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ asset_ids: ids }) });
|
||
if (!response.ok) throw new Error(await assetEditorResponseError(response));
|
||
clearAssetSelection();
|
||
await loadAssets(1);
|
||
if (typeof showInlineToast === 'function') showInlineToast(`已删除 ${ids.length} 个资产`);
|
||
} catch (error) {
|
||
alert('批量删除失败: ' + error.message);
|
||
}
|
||
}
|
||
|
||
async function mergeSelectedAssets() {
|
||
const assets = Array.from(assetPageState.selected.values());
|
||
if (assets.length < 2) return alert('请至少选择两个重复资产');
|
||
const primary = assets[0];
|
||
if (!confirm(`将保留“${assetTargetLabel(primary)}”作为主资产，并合并其余 ${assets.length - 1} 个资产。继续吗？`)) return;
|
||
try {
|
||
const response = await apiFetch('/api/assets/merge', {
|
||
method: 'POST', headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({ asset_ids: assets.map(asset => asset.id), primary_id: primary.id })
|
||
});
|
||
if (!response.ok) throw new Error(await assetEditorResponseError(response));
|
||
clearAssetSelection();
|
||
await loadAssets(1);
|
||
if (typeof showInlineToast === 'function') showInlineToast(`已合并 ${assets.length} 个重复资产`);
|
||
} catch (error) {
|
||
alert('合并资产失败: ' + error.message);
|
||
}
|
||
}
|
||
|
||
function assetScanPromptDefault() {
|
||
const placeholders = { asset_id: '{{asset_id}}', target: '{{target}}', host: '{{host}}', ip: '{{ip}}', domain: '{{domain}}', port: '{{port}}' };
|
||
return assetT('assets.defaultScanPrompt', '请对资产 {{target}}（资产ID：{{asset_id}}）进行授权安全扫描，优先检查暴露服务、已知漏洞、弱口令和常见 Web 风险；通过 record_vulnerability 保存确认的漏洞，完成后调用 complete_asset_scan(id={{asset_id}}) 回写上次扫描时间和相关漏洞。', placeholders);
|
||
}
|
||
|
||
function openAssetScanModal(mode, index) {
|
||
const one = Number.isInteger(index) ? assetPageState.items[index] : null;
|
||
const assets = one ? [one] : Array.from(assetPageState.selected.values());
|
||
if (!assets.length) {
|
||
alert(assetT('assets.selectAssetsFirst', '请先选择资产'));
|
||
return;
|
||
}
|
||
assetPageState.scanMode = mode === 'task' ? 'task' : 'chat';
|
||
assetPageState.scanAssets = assets;
|
||
const taskMode = assetPageState.scanMode === 'task';
|
||
document.getElementById('asset-scan-title').textContent = taskMode ? assetT('assets.createScanTask', '创建扫描任务') : assetT('assets.sendToChat', '发送到对话');
|
||
document.getElementById('asset-scan-subtitle').textContent = assetT('assets.scanAssetCount', `${assets.length} 个资产`, { count: assets.length });
|
||
document.getElementById('asset-scan-targets').innerHTML = assets.slice(0, 12).map(asset => `<span class="asset-scan-target-chip">${escapeHtml(assetTargetLabel(asset))}</span>`).join('') + (assets.length > 12 ? `<span class="muted">+${assets.length - 12}</span>` : '');
|
||
document.getElementById('asset-scan-prompt').value = assetScanPromptDefault();
|
||
document.getElementById('asset-scan-hint').textContent = assetT('assets.promptHint', '可使用 {{asset_id}}、{{target}}、{{host}}、{{ip}}、{{domain}}、{{port}} 占位符；创建任务时会为每个资产生成一条任务。', { asset_id: '{{asset_id}}', target: '{{target}}', host: '{{host}}', ip: '{{ip}}', domain: '{{domain}}', port: '{{port}}' });
|
||
const executeWrap = document.getElementById('asset-scan-execute-wrap');
|
||
executeWrap.hidden = !taskMode;
|
||
document.getElementById('asset-scan-submit').textContent = taskMode ? assetT('assets.confirmCreate', '创建任务') : assetT('assets.confirmSend', '确认发送');
|
||
if (typeof openAppModal === 'function') openAppModal('asset-scan-modal');
|
||
else document.getElementById('asset-scan-modal').style.display = 'flex';
|
||
}
|
||
|
||
function closeAssetScanModal() {
|
||
if (typeof closeAppModal === 'function') closeAppModal('asset-scan-modal');
|
||
else document.getElementById('asset-scan-modal').style.display = 'none';
|
||
}
|
||
|
||
function renderAssetScanPrompt(template, asset) {
|
||
const values = {
|
||
asset_id: asset.id || '', target: assetTargetLabel(asset), host: asset.host || '', ip: asset.ip || '', domain: asset.domain || '', port: asset.port || ''
|
||
};
|
||
return Object.keys(values).reduce((text, key) => text.replaceAll(`{{${key}}}`, String(values[key])), template);
|
||
}
|
||
|
||
function commonAssetProjectId(assets) {
|
||
const ids = Array.from(new Set(assets.map(asset => asset.project_id || '')));
|
||
return ids.length === 1 ? ids[0] : '';
|
||
}
|
||
|
||
async function recordAssetScanLinks(scans) {
|
||
const response = await apiFetch('/api/assets/scan-links', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ scans }) });
|
||
if (!response.ok) throw new Error(await response.text());
|
||
}
|
||
|
||
async function submitAssetScan() {
|
||
const assets = assetPageState.scanAssets.slice();
|
||
const template = document.getElementById('asset-scan-prompt').value.trim();
|
||
if (!assets.length || !template) {
|
||
alert(assetT('assets.promptRequired', '请输入用户提示词'));
|
||
return;
|
||
}
|
||
const button = document.getElementById('asset-scan-submit');
|
||
button.disabled = true;
|
||
try {
|
||
if (assetPageState.scanMode === 'task') {
|
||
await createAssetScanTasks(assets, template);
|
||
} else {
|
||
await sendAssetsToChat(assets, template);
|
||
}
|
||
closeAssetScanModal();
|
||
clearAssetSelection();
|
||
await loadAssets(assetPageState.page);
|
||
} catch (error) {
|
||
console.error('提交资产扫描失败:', error);
|
||
alert(assetT('assets.scanSubmitFailed', '提交扫描失败') + ': ' + error.message);
|
||
} finally {
|
||
button.disabled = false;
|
||
}
|
||
}
|
||
|
||
async function sendAssetsToChat(assets, template) {
|
||
const targets = assets.map(assetTargetLabel).join(', ');
|
||
const message = assets.map(asset => renderAssetScanPrompt(template, asset)).join('\n\n---\n\n');
|
||
const response = await apiFetch('/api/conversations', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ title: assetT('assets.scanConversationTitle', `资产扫描：${targets}`, { targets }), projectId: commonAssetProjectId(assets) }) });
|
||
if (!response.ok) throw new Error(await response.text());
|
||
const conversation = await response.json();
|
||
await recordAssetScanLinks(assets.map(asset => ({ asset_id: asset.id, conversation_id: conversation.id })));
|
||
switchPage('chat');
|
||
await loadConversation(conversation.id);
|
||
const input = document.getElementById('chat-input');
|
||
input.value = message;
|
||
if (typeof adjustTextareaHeight === 'function') adjustTextareaHeight(input);
|
||
// 消息流可能持续很久；启动发送即可返回，让提交弹窗立即关闭。
|
||
void sendMessage();
|
||
}
|
||
|
||
async function createAssetScanTasks(assets, template) {
|
||
const tasks = assets.map(asset => renderAssetScanPrompt(template, asset));
|
||
const executeNow = !!document.getElementById('asset-scan-execute-now').checked;
|
||
const response = await apiFetch('/api/batch-tasks', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ title: assetT('assets.scanQueueTitle', '资产批量扫描'), tasks, executeNow, projectId: commonAssetProjectId(assets), concurrency: 1, agentMode: 'eino_single', scheduleMode: 'manual' }) });
|
||
if (!response.ok) throw new Error(await response.text());
|
||
const result = await response.json();
|
||
const queueTasks = result.queue && Array.isArray(result.queue.tasks) ? result.queue.tasks : [];
|
||
if (queueTasks.length !== assets.length) throw new Error(assetT('assets.scanTaskLinkFailed', '任务已创建，但资产关联失败'));
|
||
await recordAssetScanLinks(assets.map((asset, index) => ({ asset_id: asset.id, queue_id: result.queueId, task_id: queueTasks[index].id })));
|
||
switchPage('tasks');
|
||
if (typeof showBatchQueueDetail === 'function') showBatchQueueDetail(result.queueId);
|
||
}
|
||
|
||
function openAssetVulnerabilities(index) {
|
||
const asset = assetPageState.items[Number(index)];
|
||
if (!asset) return;
|
||
if (asset.last_scan_task_id) {
|
||
window.location.hash = `vulnerabilities?task_id=${encodeURIComponent(asset.last_scan_task_id)}`;
|
||
return;
|
||
}
|
||
window.location.hash = asset.last_scan_conversation_id
|
||
? `vulnerabilities?conversation_id=${encodeURIComponent(asset.last_scan_conversation_id)}`
|
||
: 'vulnerabilities';
|
||
}
|
||
|
||
function renderAssetPagination() {
|
||
const root = document.getElementById('asset-pagination');
|
||
if (!root) return;
|
||
const page = assetPageState.page;
|
||
const totalPages = assetPageState.totalPages || 1;
|
||
const total = assetPageState.total || 0;
|
||
const pageSize = assetPageState.pageSize;
|
||
const start = total === 0 ? 0 : (page - 1) * pageSize + 1;
|
||
const end = total === 0 ? 0 : Math.min(page * pageSize, total);
|
||
const atFirst = page <= 1 || total === 0;
|
||
const atLast = page >= totalPages || total === 0;
|
||
root.innerHTML = `<div class="pagination">
|
||
<div class="pagination-info">
|
||
<span>${escapeHtml(assetT('skillsPage.paginationShow', `显示 ${start}-${end} / 共 ${total} 条`, { start, end, total }))}</span>
|
||
<label class="pagination-page-size">${escapeHtml(assetT('skillsPage.perPageLabel', '每页显示'))}
|
||
<select id="asset-page-size-pagination" onchange="changeAssetPageSize()">
|
||
${[10, 20, 50, 100].map(size => `<option value="${size}" ${size === pageSize ? 'selected' : ''}>${size}</option>`).join('')}
|
||
</select>
|
||
</label>
|
||
</div>
|
||
<div class="pagination-controls">
|
||
<button class="btn-secondary" onclick="loadAssets(1)" ${atFirst ? 'disabled' : ''}>${escapeHtml(assetT('skillsPage.firstPage', '首页'))}</button>
|
||
<button class="btn-secondary" onclick="loadAssets(${Math.max(1, page - 1)})" ${atFirst ? 'disabled' : ''}>${escapeHtml(assetT('skillsPage.prevPage', '上一页'))}</button>
|
||
<span class="pagination-page">${escapeHtml(assetT('skillsPage.pageOf', `第 ${page} / ${totalPages} 页`, { current: page, total: totalPages }))}</span>
|
||
<button class="btn-secondary" onclick="loadAssets(${Math.min(totalPages, page + 1)})" ${atLast ? 'disabled' : ''}>${escapeHtml(assetT('skillsPage.nextPage', '下一页'))}</button>
|
||
<button class="btn-secondary" onclick="loadAssets(${totalPages})" ${atLast ? 'disabled' : ''}>${escapeHtml(assetT('skillsPage.lastPage', '尾页'))}</button>
|
||
</div>
|
||
</div>`;
|
||
syncAssetSelect('asset-page-size-pagination');
|
||
}
|
||
|
||
function changeAssetPageSize() {
|
||
const select = document.getElementById('asset-page-size-pagination');
|
||
const size = Number(select?.value);
|
||
if (![10, 20, 50, 100].includes(size)) return;
|
||
assetPageState.pageSize = size;
|
||
try { localStorage.setItem(ASSET_PAGE_SIZE_KEY, String(size)); } catch (error) { /* ignore */ }
|
||
loadAssets(1);
|
||
}
|
||
|
||
async function ensureAssetProjects(force) {
|
||
if (assetPageState.projectsLoaded && !force) return;
|
||
try {
|
||
const response = await apiFetch('/api/projects?limit=500');
|
||
if (!response.ok) throw new Error(await response.text());
|
||
const data = await response.json();
|
||
assetPageState.projects = data.projects || [];
|
||
assetPageState.projectsLoaded = true;
|
||
populateAssetProjectSelects();
|
||
} catch (error) {
|
||
console.warn('加载资产项目选项失败:', error);
|
||
assetPageState.projectsLoaded = true;
|
||
}
|
||
}
|
||
|
||
function populateAssetProjectSelects() {
|
||
const configs = [
|
||
['asset-project-filter', assetT('assets.allProjects', '全部项目')],
|
||
['asset-edit-project', assetT('assets.unboundProject', '暂不绑定')]
|
||
];
|
||
configs.forEach(([id, emptyLabel]) => {
|
||
const el = document.getElementById(id);
|
||
if (!el) return;
|
||
const current = el.value;
|
||
el.innerHTML = `<option value="">${escapeHtml(emptyLabel)}</option>` + assetPageState.projects.map(project => `<option value="${escapeHtml(project.id)}">${escapeHtml(project.name)}${project.status === 'archived' ? ' · ' + escapeHtml(assetT('assets.archived', '已归档')) : ''}</option>`).join('');
|
||
el.value = current;
|
||
syncAssetSelect(el);
|
||
});
|
||
const batch = document.getElementById('asset-batch-project');
|
||
if (batch) {
|
||
const current = batch.value;
|
||
batch.innerHTML = `<option value="" disabled hidden>${escapeHtml(assetT('assets.chooseProject', '请选择项目'))}</option>` + assetPageState.projects.map(project => `<option value="${escapeHtml(project.id)}">${escapeHtml(project.name)}${project.status === 'archived' ? ' · ' + escapeHtml(assetT('assets.archived', '已归档')) : ''}</option>`).join('');
|
||
batch.value = current;
|
||
syncAssetSelect(batch);
|
||
}
|
||
}
|
||
|
||
async function openAssetEditor(indexOrAsset) {
|
||
// 项目可能在资产页首次加载后被新增、编辑或归档，打开编辑器时重新拉取，
|
||
// 避免下拉框长期复用 projectsLoaded 缓存而只能通过整页刷新更新。
|
||
await ensureAssetProjects(true);
|
||
const isIndex = Number.isInteger(indexOrAsset);
|
||
const asset = isIndex ? assetPageState.items[indexOrAsset] : (indexOrAsset && typeof indexOrAsset === 'object' ? indexOrAsset : null);
|
||
assetPageState.editIndex = isIndex && asset ? indexOrAsset : -1;
|
||
assetPageState.editAsset = asset;
|
||
assetPageState.editorReturnFocus = document.activeElement;
|
||
document.getElementById('asset-edit-id').value = asset?.id || '';
|
||
document.getElementById('asset-edit-host').value = asset?.host || '';
|
||
document.getElementById('asset-edit-ip').value = asset?.ip || '';
|
||
document.getElementById('asset-edit-domain').value = asset?.domain || '';
|
||
document.getElementById('asset-edit-port').value = asset?.port || '';
|
||
document.getElementById('asset-edit-protocol').value = asset?.protocol || '';
|
||
document.getElementById('asset-edit-server').value = asset?.server || '';
|
||
document.getElementById('asset-edit-project').value = asset?.project_id || '';
|
||
document.getElementById('asset-edit-country').value = asset?.country || '';
|
||
document.getElementById('asset-edit-province').value = asset?.province || '';
|
||
document.getElementById('asset-edit-city').value = asset?.city || '';
|
||
document.getElementById('asset-edit-responsible').value = asset?.responsible_person || '';
|
||
document.getElementById('asset-edit-department').value = asset?.department || '';
|
||
document.getElementById('asset-edit-business').value = asset?.business_system || '';
|
||
document.getElementById('asset-edit-environment').value = asset?.environment || '';
|
||
document.getElementById('asset-edit-criticality').value = asset?.criticality || '';
|
||
document.getElementById('asset-edit-title-value').value = asset?.title || '';
|
||
document.getElementById('asset-edit-tags').value = '';
|
||
assetPageState.editorTags = Array.from(new Set((asset?.tags || []).map(value => String(value).trim()).filter(Boolean)));
|
||
renderAssetEditorTags();
|
||
document.getElementById('asset-edit-status').value = asset?.status || 'active';
|
||
syncAssetSelect('asset-edit-project');
|
||
syncAssetSelect('asset-edit-status');
|
||
syncAssetSelect('asset-edit-environment');
|
||
syncAssetSelect('asset-edit-criticality');
|
||
document.getElementById('asset-edit-target').value = assetEditorTargetFromAsset(asset);
|
||
assetPageState.editorParsedTarget = document.getElementById('asset-edit-target').value.trim();
|
||
clearAssetEditorErrors();
|
||
document.getElementById('asset-editor-title').textContent = asset ? assetT('assets.editAssetTitle', '编辑资产') : assetT('assets.addAssetTitle', '新增资产');
|
||
const submit = document.getElementById('asset-editor-submit');
|
||
submit.textContent = asset ? assetT('common.save', '保存') : assetT('assets.addAssetAction', '添加资产');
|
||
ensureAssetEditorInteractions();
|
||
assetPageState.editorDirty = false;
|
||
assetPageState.editorBusy = false;
|
||
setAssetEditorBusy(false);
|
||
if (typeof openAppModal === 'function') openAppModal('asset-editor-modal', { focusEl: document.getElementById('asset-edit-target') });
|
||
else document.getElementById('asset-editor-modal').style.display = 'flex';
|
||
}
|
||
|
||
function closeAssetEditor(force) {
|
||
if (!force && assetPageState.editorDirty && !confirm(assetT('assets.discardChanges', '放弃尚未保存的更改吗？'))) return;
|
||
if (typeof closeAppModal === 'function') closeAppModal('asset-editor-modal');
|
||
else document.getElementById('asset-editor-modal').style.display = 'none';
|
||
const returnFocus = assetPageState.editorReturnFocus;
|
||
assetPageState.editorDirty = false;
|
||
if (returnFocus && typeof returnFocus.focus === 'function') requestAnimationFrame(() => returnFocus.focus());
|
||
}
|
||
|
||
function assetEditorTargetFromAsset(asset) {
|
||
if (!asset) return '';
|
||
if (asset.host) return String(asset.host);
|
||
const target = asset.domain || asset.ip || '';
|
||
if (!target) return '';
|
||
const wrapped = String(target).includes(':') && !String(target).startsWith('[') ? `[${target}]` : target;
|
||
return `${wrapped}${Number(asset.port || 0) > 0 ? ':' + Number(asset.port) : ''}`;
|
||
}
|
||
|
||
function assetEditorDefaultPort(protocol) {
|
||
return ({ http: 80, https: 443, ssh: 22, ftp: 21, smtp: 25, rdp: 3389, mysql: 3306, postgresql: 5432, redis: 6379, mongodb: 27017 })[protocol] || 0;
|
||
}
|
||
|
||
function assetEditorProtocolForPort(port) {
|
||
return ({ 80: 'http', 443: 'https', 22: 'ssh', 21: 'ftp', 25: 'smtp', 3389: 'rdp', 3306: 'mysql', 5432: 'postgresql', 6379: 'redis', 27017: 'mongodb' })[port] || '';
|
||
}
|
||
|
||
function assetEditorIsIPv4(value) {
|
||
const parts = String(value).split('.');
|
||
return parts.length === 4 && parts.every(part => /^\d{1,3}$/.test(part) && Number(part) <= 255);
|
||
}
|
||
|
||
function assetEditorIsIPv6(value) {
|
||
const candidate = String(value).replace(/^\[|\]$/g, '');
|
||
if (!candidate.includes(':') || !/^[0-9a-f:.]+$/i.test(candidate)) return false;
|
||
try { return new URL(`http://[${candidate}]/`).hostname.length > 2; } catch (error) { return false; }
|
||
}
|
||
|
||
function assetEditorNormalizeDomain(value) {
|
||
const raw = String(value || '').trim().replace(/\.$/, '');
|
||
if (!raw || raw.length > 253 || raw.includes('_') || /[\/?#@]/.test(raw)) return '';
|
||
try {
|
||
const hostname = new URL(`http://${raw}/`).hostname.toLowerCase().replace(/\.$/, '');
|
||
if (!hostname || hostname.length > 253 || hostname.split('.').some(label => !label || label.length > 63 || !/^[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i.test(label))) return '';
|
||
return hostname;
|
||
} catch (error) { return ''; }
|
||
}
|
||
|
||
function parseAssetEditorTarget(value) {
|
||
const raw = String(value || '').trim();
|
||
if (!raw) throw new Error(assetT('assets.targetRequired', '请输入资产地址'));
|
||
const opaqueTarget = () => ({ host: raw, ip: '', domain: '', port: 0, protocol: '' });
|
||
let hostname = '';
|
||
let port = 0;
|
||
let protocol = '';
|
||
let host = '';
|
||
if (/^[a-z][a-z0-9+.-]*:\/\//i.test(raw)) {
|
||
let parsed;
|
||
try { parsed = new URL(raw); } catch (error) { return opaqueTarget(); }
|
||
if (!parsed.hostname || parsed.username || parsed.password) return opaqueTarget();
|
||
protocol = parsed.protocol.replace(':', '').toLowerCase();
|
||
hostname = parsed.hostname.replace(/^\[|\]$/g, '');
|
||
port = parsed.port ? Number(parsed.port) : assetEditorDefaultPort(protocol);
|
||
host = raw;
|
||
} else {
|
||
let authority = raw.replace(/\/$/, '');
|
||
const bracketed = authority.match(/^\[([^\]]+)](?::(\d+))?$/);
|
||
if (bracketed) {
|
||
hostname = bracketed[1];
|
||
port = Number(bracketed[2] || 0);
|
||
} else if ((authority.match(/:/g) || []).length === 1 && /:\d+$/.test(authority)) {
|
||
const splitAt = authority.lastIndexOf(':');
|
||
hostname = authority.slice(0, splitAt);
|
||
port = Number(authority.slice(splitAt + 1));
|
||
} else {
|
||
hostname = authority;
|
||
}
|
||
protocol = assetEditorProtocolForPort(port);
|
||
}
|
||
if (!Number.isInteger(port) || port < 0 || port > 65535) throw new Error(assetT('assets.portInvalid', '端口必须在 1–65535 之间'));
|
||
const isIP = assetEditorIsIPv4(hostname) || assetEditorIsIPv6(hostname);
|
||
const domain = isIP ? '' : assetEditorNormalizeDomain(hostname);
|
||
if (!isIP && (!domain || assetEditorIsIPv4(domain) || assetEditorIsIPv6(domain))) return opaqueTarget();
|
||
return { host, ip: isIP ? hostname.toLowerCase() : '', domain, port, protocol };
|
||
}
|
||
|
||
function applyAssetEditorTarget(showError) {
|
||
const input = document.getElementById('asset-edit-target');
|
||
try {
|
||
const parsed = parseAssetEditorTarget(input.value);
|
||
document.getElementById('asset-edit-host').value = parsed.host;
|
||
document.getElementById('asset-edit-ip').value = parsed.ip;
|
||
document.getElementById('asset-edit-domain').value = parsed.domain;
|
||
document.getElementById('asset-edit-port').value = parsed.port || '';
|
||
document.getElementById('asset-edit-protocol').value = parsed.protocol;
|
||
assetPageState.editorParsedTarget = input.value.trim();
|
||
setAssetEditorFieldError('asset-edit-target', '');
|
||
return parsed;
|
||
} catch (error) {
|
||
if (showError) setAssetEditorFieldError('asset-edit-target', error.message);
|
||
return null;
|
||
}
|
||
}
|
||
|
||
function setAssetEditorFieldError(inputId, message) {
|
||
const input = document.getElementById(inputId);
|
||
const error = document.getElementById(inputId + '-error');
|
||
if (input) input.setAttribute('aria-invalid', message ? 'true' : 'false');
|
||
if (error) { error.textContent = message || ''; error.hidden = !message; }
|
||
}
|
||
|
||
function setAssetEditorFormError(message) {
|
||
const error = document.getElementById('asset-editor-form-error');
|
||
if (!error) return;
|
||
error.textContent = message || '';
|
||
error.hidden = !message;
|
||
}
|
||
|
||
function clearAssetEditorErrors() {
|
||
['asset-edit-target', 'asset-edit-host', 'asset-edit-ip', 'asset-edit-domain', 'asset-edit-port', 'asset-edit-protocol'].forEach(id => setAssetEditorFieldError(id, ''));
|
||
setAssetEditorFormError('');
|
||
}
|
||
|
||
function addAssetEditorTags(raw) {
|
||
String(raw || '').split(/[,，]/).map(value => value.trim()).filter(Boolean).forEach(tag => {
|
||
if (!assetPageState.editorTags.includes(tag) && assetPageState.editorTags.length < 30) assetPageState.editorTags.push(tag);
|
||
});
|
||
document.getElementById('asset-edit-tags').value = '';
|
||
assetPageState.editorDirty = true;
|
||
renderAssetEditorTags();
|
||
}
|
||
|
||
function removeAssetEditorTag(index) {
|
||
assetPageState.editorTags.splice(Number(index), 1);
|
||
assetPageState.editorDirty = true;
|
||
renderAssetEditorTags();
|
||
}
|
||
|
||
function renderAssetEditorTags() {
|
||
const root = document.getElementById('asset-tag-chips');
|
||
if (!root) return;
|
||
root.replaceChildren(...assetPageState.editorTags.map((tag, index) => {
|
||
const chip = document.createElement('span');
|
||
chip.className = 'asset-tag-chip';
|
||
const text = document.createElement('span');
|
||
text.textContent = tag;
|
||
const button = document.createElement('button');
|
||
button.type = 'button';
|
||
button.textContent = '×';
|
||
button.setAttribute('aria-label', assetT('assets.removeTag', `移除标签 ${tag}`, { tag }));
|
||
button.onclick = () => removeAssetEditorTag(index);
|
||
chip.append(text, button);
|
||
return chip;
|
||
}));
|
||
}
|
||
|
||
function ensureAssetEditorInteractions() {
|
||
if (assetPageState.editorInteractionsReady) return;
|
||
assetPageState.editorInteractionsReady = true;
|
||
const form = document.getElementById('asset-editor-form');
|
||
const target = document.getElementById('asset-edit-target');
|
||
const tagInput = document.getElementById('asset-edit-tags');
|
||
form.addEventListener('input', event => {
|
||
if (event.target !== tagInput) assetPageState.editorDirty = true;
|
||
if (event.target === target) setAssetEditorFieldError('asset-edit-target', '');
|
||
setAssetEditorFormError('');
|
||
});
|
||
target.addEventListener('blur', () => { if (target.value.trim()) applyAssetEditorTarget(true); });
|
||
tagInput.addEventListener('keydown', event => {
|
||
if ((event.key === 'Enter' || event.key === ',') && tagInput.value.trim()) { event.preventDefault(); addAssetEditorTags(tagInput.value); }
|
||
else if (event.key === 'Backspace' && !tagInput.value && assetPageState.editorTags.length) removeAssetEditorTag(assetPageState.editorTags.length - 1);
|
||
});
|
||
tagInput.addEventListener('blur', () => { if (tagInput.value.trim()) addAssetEditorTags(tagInput.value); });
|
||
document.addEventListener('keydown', event => {
|
||
if (typeof isAppModalOpen !== 'function' || !isAppModalOpen('asset-editor-modal')) return;
|
||
if (event.key === 'Escape') { event.preventDefault(); closeAssetEditor(); return; }
|
||
if (event.key !== 'Tab') return;
|
||
const focusable = Array.from(form.querySelectorAll('button:not([disabled]), input:not([disabled]), select:not([disabled]), summary, [tabindex]:not([tabindex="-1"])')).filter(el => !el.hidden && el.offsetParent !== null);
|
||
if (!focusable.length) return;
|
||
const first = focusable[0];
|
||
const last = focusable[focusable.length - 1];
|
||
if (event.shiftKey && document.activeElement === first) { event.preventDefault(); last.focus(); }
|
||
else if (!event.shiftKey && document.activeElement === last) { event.preventDefault(); first.focus(); }
|
||
});
|
||
}
|
||
|
||
function collectAssetEditor() {
|
||
const existing = assetPageState.editAsset || {};
|
||
return {
|
||
host: document.getElementById('asset-edit-host').value.trim(), ip: document.getElementById('asset-edit-ip').value.trim(),
|
||
domain: document.getElementById('asset-edit-domain').value.trim(), port: Number(document.getElementById('asset-edit-port').value || 0),
|
||
protocol: document.getElementById('asset-edit-protocol').value.trim(), server: document.getElementById('asset-edit-server').value.trim(),
|
||
title: document.getElementById('asset-edit-title-value').value.trim(), status: document.getElementById('asset-edit-status').value,
|
||
source: existing.source || 'manual', source_query: existing.source_query || '',
|
||
country: document.getElementById('asset-edit-country').value.trim(), province: document.getElementById('asset-edit-province').value.trim(), city: document.getElementById('asset-edit-city').value.trim(),
|
||
responsible_person: document.getElementById('asset-edit-responsible').value.trim(), department: document.getElementById('asset-edit-department').value.trim(),
|
||
business_system: document.getElementById('asset-edit-business').value.trim(), environment: document.getElementById('asset-edit-environment').value,
|
||
criticality: document.getElementById('asset-edit-criticality').value,
|
||
project_id: document.getElementById('asset-edit-project').value,
|
||
tags: assetPageState.editorTags.slice()
|
||
};
|
||
}
|
||
|
||
function validateAssetEditor() {
|
||
clearAssetEditorErrors();
|
||
const target = document.getElementById('asset-edit-target').value.trim();
|
||
let parsed = null;
|
||
if (target !== assetPageState.editorParsedTarget) parsed = applyAssetEditorTarget(true);
|
||
else {
|
||
try { parsed = parseAssetEditorTarget(target); }
|
||
catch (error) { setAssetEditorFieldError('asset-edit-target', error.message); }
|
||
}
|
||
if (!parsed) { document.getElementById('asset-edit-target').focus(); return false; }
|
||
const failAdvanced = (id, message) => {
|
||
setAssetEditorFieldError(id, message);
|
||
requestAnimationFrame(() => document.getElementById(id).focus());
|
||
return false;
|
||
};
|
||
const ip = document.getElementById('asset-edit-ip').value.trim();
|
||
if (ip && !assetEditorIsIPv4(ip) && !assetEditorIsIPv6(ip)) return failAdvanced('asset-edit-ip', assetT('assets.ipInvalid', 'IP 地址格式无效'));
|
||
const domainInput = document.getElementById('asset-edit-domain');
|
||
const domain = domainInput.value.trim();
|
||
if (domain) {
|
||
const normalizedDomain = assetEditorNormalizeDomain(domain);
|
||
if (!normalizedDomain) return failAdvanced('asset-edit-domain', assetT('assets.domainInvalid', '域名格式无效'));
|
||
domainInput.value = normalizedDomain;
|
||
}
|
||
const portInput = document.getElementById('asset-edit-port');
|
||
if (portInput.value !== '' && (!/^\d+$/.test(portInput.value) || Number(portInput.value) < 1 || Number(portInput.value) > 65535)) {
|
||
return failAdvanced('asset-edit-port', assetT('assets.portInvalid', '端口必须在 1–65535 之间'));
|
||
}
|
||
const protocol = document.getElementById('asset-edit-protocol').value.trim().toLowerCase();
|
||
if (protocol && !/^[a-z][a-z0-9+.-]{0,31}$/.test(protocol)) return failAdvanced('asset-edit-protocol', assetT('assets.protocolInvalid', '协议格式无效'));
|
||
document.getElementById('asset-edit-protocol').value = protocol;
|
||
return true;
|
||
}
|
||
|
||
function setAssetEditorBusy(busy) {
|
||
assetPageState.editorBusy = Boolean(busy);
|
||
const submit = document.getElementById('asset-editor-submit');
|
||
if (!submit) return;
|
||
submit.disabled = Boolean(busy);
|
||
submit.classList.toggle('asset-editor-submit-busy', Boolean(busy));
|
||
}
|
||
|
||
async function assetEditorResponseError(response) {
|
||
const text = await response.text();
|
||
try { return JSON.parse(text).error || text; } catch (error) { return text; }
|
||
}
|
||
|
||
async function saveAsset() {
|
||
if (assetPageState.editorBusy || !validateAssetEditor()) return;
|
||
const pendingTag = document.getElementById('asset-edit-tags').value.trim();
|
||
if (pendingTag) addAssetEditorTags(pendingTag);
|
||
const id = document.getElementById('asset-edit-id').value;
|
||
const asset = collectAssetEditor();
|
||
setAssetEditorBusy(true);
|
||
try {
|
||
const response = id
|
||
? await apiFetch('/api/assets/' + encodeURIComponent(id), { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(asset) })
|
||
: await apiFetch('/api/assets/import', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ assets: [asset], source: 'manual' }) });
|
||
if (!response.ok) throw new Error(await assetEditorResponseError(response));
|
||
const result = await response.json();
|
||
if (!id && Number(result.skipped || 0) > 0 && Number(result.created || 0) === 0 && Number(result.updated || 0) === 0) {
|
||
throw new Error(assetT('assets.assetSkipped', '资产未保存，可能已存在且你没有更新权限'));
|
||
}
|
||
closeAssetEditor(true);
|
||
await loadAssets(id ? assetPageState.page : 1);
|
||
const projectAssetsPanel = document.getElementById('project-panel-assets');
|
||
if (projectAssetsPanel && !projectAssetsPanel.hidden && typeof window.loadProjectAssets === 'function') await window.loadProjectAssets();
|
||
const message = id
|
||
? assetT('assets.updatedSuccessfully', '资产已更新')
|
||
: Number(result.updated || 0) > 0
|
||
? assetT('assets.duplicateMerged', '资产已存在，信息已安全合并')
|
||
: assetT('assets.createdSuccessfully', '资产已添加');
|
||
if (typeof showInlineToast === 'function') showInlineToast(message);
|
||
} catch (error) {
|
||
setAssetEditorFormError(assetT('assets.saveFailed', '保存资产失败') + ': ' + error.message);
|
||
} finally {
|
||
setAssetEditorBusy(false);
|
||
}
|
||
}
|
||
|
||
async function deleteAsset(index) {
|
||
const asset = assetPageState.items[index];
|
||
if (!asset || !confirm(assetT('assets.deleteConfirm', '确定删除该资产吗？'))) return;
|
||
const response = await apiFetch('/api/assets/' + encodeURIComponent(asset.id), { method: 'DELETE' });
|
||
if (!response.ok) {
|
||
alert(assetT('assets.deleteFailed', '删除资产失败'));
|
||
return;
|
||
}
|
||
await loadAssets(assetPageState.page);
|
||
}
|
||
|
||
function fofaResultToAsset(row, fields) {
|
||
const value = name => {
|
||
if (row && !Array.isArray(row) && typeof row === 'object') {
|
||
return row[name] != null ? String(row[name]).trim() : '';
|
||
}
|
||
const idx = Array.isArray(fields) ? fields.indexOf(name) : -1;
|
||
return idx >= 0 && Array.isArray(row) && row[idx] != null ? String(row[idx]).trim() : '';
|
||
};
|
||
const port = Number.parseInt(value('port'), 10);
|
||
const rawIP = value('ip');
|
||
const ip = assetEditorIsIPv4(rawIP) || assetEditorIsIPv6(rawIP) ? rawIP.toLowerCase() : '';
|
||
const rawDomain = value('domain');
|
||
const domain = rawDomain && !assetEditorIsIPv4(rawDomain) && !assetEditorIsIPv6(rawDomain)
|
||
? assetEditorNormalizeDomain(rawDomain)
|
||
: '';
|
||
const rawProtocol = value('protocol').toLowerCase();
|
||
return {
|
||
host: value('host'), ip, port: Number.isFinite(port) ? port : 0, domain,
|
||
protocol: /^[a-z][a-z0-9+.-]{0,31}$/.test(rawProtocol) ? rawProtocol : '', title: value('title'), server: value('server'), country: value('country'),
|
||
province: value('province'), city: value('city'), source: 'fofa', status: 'active'
|
||
};
|
||
}
|
||
|
||
async function importFofaAssetsByIndexes(indexes) {
|
||
const payload = window.infoCollectState || infoCollectState;
|
||
const current = payload && payload.currentPayload;
|
||
if (!current || !current.results || !indexes.length) {
|
||
alert(assetT('assets.selectFirst', '请先选择需要入库的结果'));
|
||
return;
|
||
}
|
||
const converted = indexes.map(index => fofaResultToAsset(current.results[index], current.fields));
|
||
const assets = converted.filter(asset => asset.host || asset.ip || asset.domain);
|
||
const invalidCount = converted.length - assets.length;
|
||
if (!assets.length) {
|
||
alert(assetT('assets.noValidImportTarget', '所选结果中没有可入库的有效资产目标'));
|
||
return;
|
||
}
|
||
const response = await apiFetch('/api/assets/import', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ assets, source: 'fofa', source_query: current.query || '' }) });
|
||
if (!response.ok) {
|
||
alert(assetT('assets.importFailed', '资产入库失败') + ': ' + await response.text());
|
||
return;
|
||
}
|
||
const result = await response.json();
|
||
if (typeof showInlineToast === 'function') {
|
||
const message = invalidCount > 0
|
||
? assetT('assets.importDoneWithInvalid', `已新增 ${result.created} 条，更新 ${result.updated} 条，跳过 ${invalidCount} 条无有效目标的结果`, { ...result, invalid: invalidCount })
|
||
: assetT('assets.importDone', `已新增 ${result.created} 条，更新 ${result.updated} 条`, result);
|
||
showInlineToast(message);
|
||
}
|
||
}
|
||
|
||
function importSelectedFofaAssets() {
|
||
const indexes = Array.from(infoCollectState.selectedRowIndexes || []).sort((a, b) => a - b);
|
||
return importFofaAssetsByIndexes(indexes);
|
||
}
|
||
|
||
function importFofaRowAsset(index) {
|
||
return importFofaAssetsByIndexes([Number(index)]);
|
||
}
|
||
|
||
function assetDetailItem(label, value, wide) {
|
||
return `<div class="asset-detail-item${wide ? ' asset-detail-item--wide' : ''}"><span>${escapeHtml(label)}</span><div>${value || '<span class="muted">-</span>'}</div></div>`;
|
||
}
|
||
|
||
function openAssetDetail(index) {
|
||
const asset = assetPageState.items[Number(index)];
|
||
assetPageState.detailIndex = Number(index);
|
||
openAssetDetailRecord(asset);
|
||
}
|
||
|
||
function openAssetDetailRecord(asset) {
|
||
if (!asset) return;
|
||
assetPageState.detailAsset = asset;
|
||
const subtitle = document.getElementById('asset-detail-subtitle');
|
||
if (subtitle) subtitle.textContent = assetTargetLabel(asset);
|
||
const tags = (asset.tags || []).map(tag => `<span class="asset-tag">${escapeHtml(tag)}</span>`).join('');
|
||
const values = [
|
||
assetDetailItem(assetT('assets.project', '所属项目'), escapeHtml(asset.project_name || '')),
|
||
assetDetailItem(assetT('assets.status', '状态'), escapeHtml(asset.status === 'inactive' ? assetT('assets.statusInactive', '停用') : assetT('assets.statusActive', '活跃'))),
|
||
assetDetailItem('Host', escapeHtml(asset.host || '')),
|
||
assetDetailItem('IP', escapeHtml(asset.ip || '')),
|
||
assetDetailItem(assetT('assets.domain', '域名'), escapeHtml(asset.domain || '')),
|
||
assetDetailItem(assetT('assets.service', '服务'), escapeHtml([asset.protocol, asset.port ? ':' + asset.port : ''].join(''))),
|
||
assetDetailItem(assetT('assets.title', '标题/指纹'), escapeHtml(asset.title || ''), true),
|
||
assetDetailItem(assetT('assets.server', '服务指纹'), escapeHtml(asset.server || '')),
|
||
assetDetailItem(assetT('assets.location', '地区'), escapeHtml([asset.country, asset.province, asset.city].filter(Boolean).join(' / '))),
|
||
assetDetailItem(assetT('assets.responsiblePerson', '负责人'), escapeHtml(asset.responsible_person || '')),
|
||
assetDetailItem(assetT('assets.department', '部门'), escapeHtml(asset.department || '')),
|
||
assetDetailItem(assetT('assets.businessSystem', '业务系统'), escapeHtml(asset.business_system || '')),
|
||
assetDetailItem(assetT('assets.environment', '环境'), escapeHtml(asset.environment || '')),
|
||
assetDetailItem(assetT('assets.criticality', '重要性'), escapeHtml(asset.criticality || '')),
|
||
assetDetailItem(assetT('assets.source', '来源'), escapeHtml(asset.source || '')),
|
||
assetDetailItem(assetT('assets.sourceQuery', '来源查询'), asset.source_query ? `<code>${escapeHtml(asset.source_query)}</code>` : ''),
|
||
assetDetailItem(assetT('assets.tagsLabel', '标签'), tags, true),
|
||
assetDetailItem(assetT('assets.firstSeen', '首次发现'), escapeHtml(asset.first_seen_at ? new Date(asset.first_seen_at).toLocaleString() : '')),
|
||
assetDetailItem(assetT('assets.lastSeen', '最近发现'), escapeHtml(asset.last_seen_at ? new Date(asset.last_seen_at).toLocaleString() : '')),
|
||
assetDetailItem(assetT('assets.lastScan', '上次扫描'), escapeHtml(asset.last_scan_at ? new Date(asset.last_scan_at).toLocaleString() : '')),
|
||
assetDetailItem(assetT('assets.relatedVulnerabilities', '相关漏洞'), String(Number(asset.vulnerability_count || 0)))
|
||
];
|
||
const grid = document.getElementById('asset-detail-grid');
|
||
if (grid) grid.innerHTML = values.join('');
|
||
if (typeof applyRBACToUI === 'function') applyRBACToUI(document.getElementById('asset-detail-modal'));
|
||
if (typeof openAppModal === 'function') openAppModal('asset-detail-modal');
|
||
else document.getElementById('asset-detail-modal').style.display = 'flex';
|
||
}
|
||
|
||
function closeAssetDetail() {
|
||
if (typeof closeAppModal === 'function') closeAppModal('asset-detail-modal');
|
||
else document.getElementById('asset-detail-modal').style.display = 'none';
|
||
}
|
||
|
||
function editAssetFromDetail() {
|
||
const asset = assetPageState.detailAsset;
|
||
closeAssetDetail();
|
||
if (asset) openAssetEditor(asset);
|
||
}
|
||
|
||
window.loadAssetOverview = loadAssetOverview;
|
||
window.loadAssets = loadAssets;
|
||
window.openAssetScanModal = openAssetScanModal;
|
||
window.closeAssetScanModal = closeAssetScanModal;
|
||
window.submitAssetScan = submitAssetScan;
|
||
window.toggleAssetSelection = toggleAssetSelection;
|
||
window.toggleAssetPageSelection = toggleAssetPageSelection;
|
||
window.clearAssetSelection = clearAssetSelection;
|
||
window.closeAssetBatchMenu = closeAssetBatchMenu;
|
||
window.selectAllMatchingAssets = selectAllMatchingAssets;
|
||
window.toggleAssetAdvancedFilters = toggleAssetAdvancedFilters;
|
||
window.resetAssetFilters = resetAssetFilters;
|
||
window.saveCurrentAssetView = saveCurrentAssetView;
|
||
window.applyAssetSavedView = applyAssetSavedView;
|
||
window.deleteCurrentAssetView = deleteCurrentAssetView;
|
||
window.openAssetBulkEdit = openAssetBulkEdit;
|
||
window.closeAssetBulkEdit = closeAssetBulkEdit;
|
||
window.submitAssetBulkEdit = submitAssetBulkEdit;
|
||
window.exportSelectedAssets = exportSelectedAssets;
|
||
window.deleteSelectedAssets = deleteSelectedAssets;
|
||
window.mergeSelectedAssets = mergeSelectedAssets;
|
||
window.openAssetVulnerabilities = openAssetVulnerabilities;
|
||
window.changeAssetPageSize = changeAssetPageSize;
|
||
window.openAssetEditor = openAssetEditor;
|
||
window.closeAssetEditor = closeAssetEditor;
|
||
window.saveAsset = saveAsset;
|
||
window.deleteAsset = deleteAsset;
|
||
window.openAssetImport = openAssetImport;
|
||
window.closeAssetImport = closeAssetImport;
|
||
window.downloadAssetTemplate = downloadAssetTemplate;
|
||
window.handleAssetImportFile = handleAssetImportFile;
|
||
window.submitAssetImport = submitAssetImport;
|
||
window.importSelectedFofaAssets = importSelectedFofaAssets;
|
||
window.importFofaRowAsset = importFofaRowAsset;
|
||
window.openAssetDetail = openAssetDetail;
|
||
window.openAssetDetailRecord = openAssetDetailRecord;
|
||
window.closeAssetDetail = closeAssetDetail;
|
||
window.editAssetFromDetail = editAssetFromDetail;
|
||
|
||
document.addEventListener('DOMContentLoaded', () => {
|
||
ensureAssetOwnershipColumn();
|
||
initAssetCustomSelects();
|
||
renderAssetSavedViews();
|
||
document.addEventListener('click', event => {
|
||
const menu = document.getElementById('asset-batch-more');
|
||
if (menu?.open && event.target instanceof Node && !menu.contains(event.target)) closeAssetBatchMenu();
|
||
});
|
||
document.addEventListener('keydown', event => {
|
||
if (event.key === 'Escape') closeAssetBatchMenu();
|
||
});
|
||
});
|
||
document.addEventListener('languagechange', () => ASSET_CUSTOM_SELECT_IDS.forEach(syncAssetSelect));
|