https://www.pandoraburo.ru/audit-polnoty-dannykh-dlya-sdelki
Аудит полноты данных для сделки
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Decision Review: Аудит полноты данных</title>
<style>
/* СЛОЙ 2: СТИЛИ (Дорого, сухо, минималистично) */
:root {
--bg-color: #f8f9fa;
--text-color: #212529;
--accent-color: #2c3e50;
--green: #28a745;
--yellow: #ffc107;
--red: #dc3545;
--border-color: #dee2e6;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background-color: var(--bg-color);
color: var(--text-color);
line-height: 1.6;
max-width: 800px;
margin: 0 auto;
padding: 40px 20px;
}
h1 { font-size: 24px; font-weight: 600; color: var(--accent-color); margin-bottom: 10px; }
.subtitle { font-size: 14px; color: #6c757d; margin-bottom: 30px; border-left: 3px solid var(--accent-color); padding-left: 15px; }
/* Прогресс-бар */
.dashboard {
position: sticky;
top: 0;
background: var(--bg-color);
padding: 15px 0;
border-bottom: 1px solid var(--border-color);
margin-bottom: 30px;
z-index: 100;
}
.progress-container {
background: #e9ecef;
border-radius: 4px;
height: 8px;
margin-bottom: 10px;
overflow: hidden;
}
.progress-bar {
height: 100%;
background: var(--accent-color);
width: 0%;
transition: width 0.3s ease, background-color 0.3s ease;
}
.metrics {
display: flex;
justify-content: space-between;
font-size: 14px;
font-weight: 500;
}
.metric-value { font-weight: 700; }
.warning-text { color: var(--red); font-size: 13px; margin-top: 5px; display: none; }
/* Блоки вопросов */
.block {
background: #fff;
border: 1px solid var(--border-color);
border-radius: 6px;
padding: 25px;
margin-bottom: 25px;
}
.block-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
color: var(--accent-color);
display: flex;
justify-content: space-between;
}
.block-weight { font-size: 14px; color: #6c757d; font-weight: 400; }
.question { margin-bottom: 25px; }
.question:last-child { margin-bottom: 0; }
.question-label { display: block; font-size: 15px; font-weight: 500; margin-bottom: 8px; }
textarea, input[type="text"] {
width: 100%;
padding: 10px;
border: 1px solid var(--border-color);
border-radius: 4px;
font-family: inherit;
font-size: 14px;
resize: vertical;
box-sizing: border-box;
transition: border-color 0.2s;
}
textarea:focus, input[type="text"]:focus {
outline: none;
border-color: var(--accent-color);
}
.source-select {
margin-top: 8px;
padding: 6px 10px;
border: 1px solid var(--border-color);
border-radius: 4px;
font-size: 13px;
background: #fff;
cursor: pointer;
}
/* Цветовая индикация источника */
.source-select[data-value="doc"] { border-left: 4px solid var(--green); }
.source-select[data-value="oral"] { border-left: 4px solid var(--yellow); }
.source-select[data-value="assump"] { border-left: 4px solid var(--red); }
.source-select[data-value="empty"] { border-left: 4px solid #ccc; }
/* Дисклеймер и кнопка */
.disclaimer-box {
background: #f1f3f5;
padding: 20px;
border-radius: 6px;
font-size: 13px;
color: #495057;
margin-bottom: 25px;
}
.checkbox-label {
display: flex;
align-items: flex-start;
gap: 10px;
cursor: pointer;
font-weight: 500;
}
.checkbox-label input { margin-top: 3px; }
.submit-btn {
width: 100%;
padding: 15px;
background: var(--accent-color);
color: #fff;
border: none;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s, opacity 0.2s;
}
.submit-btn:disabled {
background: #adb5bd;
cursor: not-allowed;
opacity: 0.7;
}
.submit-btn:hover:not(:disabled) { background: #1a252f; }
</style>
</head>
<body>
<h1>Decision Review: Протокол сбора данных</h1>
<div class="subtitle">
Мы не даём советов, прогнозов и гарантий. Мы проводим жёсткий факт-чекинг предоставленных данных, оцениваем полноту картины и подсвечиваем слепые зоны. Указание источника данных критически важно для расчёта индекса достоверности.
</div>
<div class="dashboard">
<div class="progress-container">
<div class="progress-bar" id="progressBar"></div>
</div>
<div class="metrics">
<span>Индекс полноты: <span class="metric-value" id="completenessVal">0%</span></span>
<span>Индекс достоверности: <span class="metric-value" id="reliabilityVal">0%</span></span>
</div>
<div class="warning-text" id="warningText">
⚠️ Заполнено менее 60%. Протокол будет сформирован как «Экспресс-диагностика пробелов».
</div>
</div>
<form id="auditForm">
<div class="block" data-weight="30">
<div class="block-title">1. Юридическая и договорная безопасность <span class="block-weight">30%</span></div>
<div class="question">
<label class="question-label">1.1. Кто является конечным бенефициаром контрагента (цепочка владения)?</label>
<textarea rows="2" class="data-field" placeholder="Опишите факты..."></textarea>
<select class="source-select" data-value="empty">
<option value="empty" selected="selected">Источник: не указан</option>
<option value="doc">? Документ</option>
<option value="oral">? Устное заявление</option>
<option value="assump">❓ Личное предположение</option>
</select>
</div>
<div class="question">
<label class="question-label">1.2. Есть ли у контрагента текущие судебные дела (в качестве ответчика) за последние 2 года?</label>
<textarea rows="2" class="data-field" placeholder="Номера дел или их отсутствие..."></textarea>
<select class="source-select" data-value="empty">
<option value="empty" selected="selected">Источник: не указан</option>
<option value="doc">? Документ</option>
<option value="oral">? Устное заявление</option>
<option value="assump">❓ Личное предположение</option>
</select>
</div>
<div class="question">
<label class="question-label">1.3. Прописаны ли в договоре чёткие критерии приёмки и штрафы за срыв сроков?</label>
<textarea rows="2" class="data-field" placeholder="Пункты договора..."></textarea>
<select class="source-select" data-value="empty">
<option value="empty" selected="selected">Источник: не указан</option>
<option value="doc">? Документ</option>
<option value="oral">? Устное заявление</option>
<option value="assump">❓ Личное предположение</option>
</select>
</div>
<div class="question">
<label class="question-label">1.4. Распределена ли ответственность сторон за риски до момента передачи товара?</label>
<textarea rows="2" class="data-field" placeholder="Факты..."></textarea>
<select class="source-select" data-value="empty">
<option value="empty" selected="selected">Источник: не указан</option>
<option value="doc">? Документ</option>
<option value="oral">? Устное заявление</option>
<option value="assump">❓ Личное предположение</option>
</select>
</div>
</div>
<div class="block" data-weight="25">
<div class="block-title">2. Управление внешними рисками <span class="block-weight">25%</span></div>
<div class="question">
<label class="question-label">2.1. Есть ли проработанный сценарий на случай срыва поставки или изменения курса валют?</label>
<textarea rows="2" class="data-field"></textarea>
<select class="source-select" data-value="empty">
<option value="empty" selected="selected">Источник: не указан</option>
<option value="doc">? Документ</option>
<option value="oral">? Устное заявление</option>
<option value="assump">❓ Личное предположение</option>
</select>
</div>
<div class="question">
<label class="question-label">2.2. Кто физически исполняет работы (штат, субподряд) и указано ли это в договоре?</label>
<textarea rows="2" class="data-field"></textarea>
<select class="source-select" data-value="empty">
<option value="empty" selected="selected">Источник: не указан</option>
<option value="doc">? Документ</option>
<option value="oral">? Устное заявление</option>
<option value="assump">❓ Личное предположение</option>
</select>
</div>
<div class="question">
<label class="question-label">2.3. Учтены ли санкционные, таможенные и логистические ограничения?</label>
<textarea rows="2" class="data-field"></textarea>
<select class="source-select" data-value="empty">
<option value="empty" selected="selected">Источник: не указан</option>
<option value="doc">? Документ</option>
<option value="oral">? Устное заявление</option>
<option value="assump">❓ Личное предположение</option>
</select>
</div>
<div class="question">
<label class="question-label">2.4. Есть ли резервный поставщик или альтернативный маршрут?</label>
<textarea rows="2" class="data-field"></textarea>
<select class="source-select" data-value="empty">
<option value="empty" selected="selected">Источник: не указан</option>
<option value="doc">? Документ</option>
<option value="oral">? Устное заявление</option>
<option value="assump">❓ Личное предположение</option>
</select>
</div>
</div>
<div class="block" data-weight="20">
<div class="block-title">3. Прозрачность финансовых потоков <span class="block-weight">20%</span></div>
<div class="question">
<label class="question-label">3.1. Подтверждён ли источник финансирования сделки и чем именно?</label>
<textarea rows="2" class="data-field"></textarea>
<select class="source-select" data-value="empty">
<option value="empty" selected="selected">Источник: не указан</option>
<option value="doc">? Документ</option>
<option value="oral">? Устное заявление</option>
<option value="assump">❓ Личное предположение</option>
</select>
</div>
<div class="question">
<label class="question-label">3.2. Привязан ли график платежей к этапам, а не к календарным датам?</label>
<textarea rows="2" class="data-field"></textarea>
<select class="source-select" data-value="empty">
<option value="empty" selected="selected">Источник: не указан</option>
<option value="doc">? Документ</option>
<option value="oral">? Устное заявление</option>
<option value="assump">❓ Личное предположение</option>
</select>
</div>
<div class="question">
<label class="question-label">3.3. Известна ли реальная маржинальность с учётом скрытых издержек?</label>
<textarea rows="2" class="data-field"></textarea>
<select class="source-select" data-value="empty">
<option value="empty" selected="selected">Источник: не указан</option>
<option value="doc">? Документ</option>
<option value="oral">? Устное заявление</option>
<option value="assump">❓ Личное предположение</option>
</select>
</div>
<div class="question">
<label class="question-label">3.4. Есть ли механизм обеспечения сделки (аккредитив, гарантия)?</label>
<textarea rows="2" class="data-field"></textarea>
<select class="source-select" data-value="empty">
<option value="empty" selected="selected">Источник: не указан</option>
<option value="doc">? Документ</option>
<option value="oral">? Устное заявление</option>
<option value="assump">❓ Личное предположение</option>
</select>
</div>
</div>
<div class="block" data-weight="15">
<div class="block-title">4. Предсказуемость результата <span class="block-weight">15%</span></div>
<div class="question">
<label class="question-label">4.1. Сформулированы ли измеримые KPI и контрольные точки по этапам?</label>
<textarea rows="2" class="data-field"></textarea>
<select class="source-select" data-value="empty">
<option value="empty" selected="selected">Источник: не указан</option>
<option value="doc">? Документ</option>
<option value="oral">? Устное заявление</option>
<option value="assump">❓ Личное предположение</option>
</select>
</div>
<div class="question">
<label class="question-label">4.2. Есть ли протокол действий при отклонении от графика?</label>
<textarea rows="2" class="data-field"></textarea>
<select class="source-select" data-value="empty">
<option value="empty" selected="selected">Источник: не указан</option>
<option value="doc">? Документ</option>
<option value="oral">? Устное заявление</option>
<option value="assump">❓ Личное предположение</option>
</select>
</div>
<div class="question">
<label class="question-label">4.3. Подтверждён ли опыт команды аналогичными реальными кейсами?</label>
<textarea rows="2" class="data-field"></textarea>
<select class="source-select" data-value="empty">
<option value="empty" selected="selected">Источник: не указан</option>
<option value="doc">? Документ</option>
<option value="oral">? Устное заявление</option>
<option value="assump">❓ Личное предположение</option>
</select>
</div>
</div>
<div class="block" data-weight="10">
<div class="block-title">5. Качество и целостность данных <span class="block-weight">10%</span></div>
<div class="question">
<label class="question-label">5.1. Есть ли противоречия между заявленными фактами и документами?</label>
<textarea rows="2" class="data-field"></textarea>
<select class="source-select" data-value="empty">
<option value="empty" selected="selected">Источник: не указан</option>
<option value="doc">? Документ</option>
<option value="oral">? Устное заявление</option>
<option value="assump">❓ Личное предположение</option>
</select>
</div>
<div class="question">
<label class="question-label">5.2. Все ли ключевые факты подтверждены документально, или часть — со слов?</label>
<textarea rows="2" class="data-field"></textarea>
<select class="source-select" data-value="empty">
<option value="empty" selected="selected">Источник: не указан</option>
<option value="doc">? Документ</option>
<option value="oral">? Устное заявление</option>
<option value="assump">❓ Личное предположение</option>
</select>
</div>
</div>
<div class="disclaimer-box">
<label class="checkbox-label">
<input type="checkbox" id="disclaimerCheck" />
<span>Я ознакомлен с тем, что услуга является исключительно аналитической обработкой предоставленных мной данных. Отчёт не содержит прогнозов, советов и гарантий. Ответственность за достоверность, полноту и законность получения исходных данных лежит исключительно на мне.</span>
</label>
</div>
<button type="button" class="submit-btn" id="submitBtn" disabled="disabled">Сформировать протокол</button>
</form>
<script>
// СЛОЙ 3: ЛОГИКА ПОДСЧЁТА
const form = document.getElementById('auditForm');
const progressBar = document.getElementById('progressBar');
const completenessVal = document.getElementById('completenessVal');
const reliabilityVal = document.getElementById('reliabilityVal');
const warningText = document.getElementById('warningText');
const submitBtn = document.getElementById('submitBtn');
const disclaimerCheck = document.getElementById('disclaimerCheck');
// Веса блоков (сумма = 100)
const blockWeights = { 0: 30, 1: 25, 2: 20, 3: 15, 4: 10 };
// Значения источников
const sourceValues = { 'doc': 1.0, 'oral': 0.5, 'assump': 0.2, 'empty': 0 };
function calculateMetrics() {
const blocks = document.querySelectorAll('.block');
let totalCompleteness = 0;
let totalReliabilitySum = 0;
let filledFieldsCount = 0;
blocks.forEach((block, index) => {
const fields = block.querySelectorAll('.data-field');
const selects = block.querySelectorAll('.source-select');
const weight = blockWeights[index];
const fieldsInBlock = fields.length;
let filledInBlock = 0;
fields.forEach((field, i) => {
if (field.value.trim() !== '') {
filledInBlock++;
filledFieldsCount++;
const source = selects[i].value;
totalReliabilitySum += sourceValues[source];
}
});
// Пропорциональный вклад блока в общую полноту
totalCompleteness += (filledInBlock / fieldsInBlock) * weight;
});
// Округляем
const completeness = Math.round(totalCompleteness);
const reliability = filledFieldsCount > 0 ? Math.round((totalReliabilitySum / filledFieldsCount) * 100) : 0;
// Обновляем UI
progressBar.style.width = completeness + '%';
completenessVal.textContent = completeness + '%';
reliabilityVal.textContent = reliability + '%';
// Цвет прогресс-бара
if (completeness >= 80) progressBar.style.backgroundColor = 'var(--green)';
else if (completeness >= 60) progressBar.style.backgroundColor = 'var(--yellow)';
else progressBar.style.backgroundColor = 'var(--red)';
// Предупреждение о мягком пороге
if (completeness < 60 && completeness > 0) {
warningText.style.display = 'block';
} else {
warningText.style.display = 'none';
}
// Активация кнопки (только если есть галочка дисклеймера)
submitBtn.disabled = !disclaimerCheck.checked;
// Меняем текст кнопки в зависимости от полноты
if (completeness < 60 && completeness > 0) {
submitBtn.textContent = 'Сформировать протокол (Экспресс-диагностика)';
} else {
submitBtn.textContent = 'Сформировать протокол';
}
}
// Слушатели событий
form.addEventListener('input', calculateMetrics);
form.addEventListener('change', function(e) {
if (e.target.classList.contains('source-select')) {
// Визуальная индикация источника
e.target.setAttribute('data-value', e.target.value);
}
calculateMetrics();
});
// Обработка кнопки (заглушка для Шага 4)
submitBtn.addEventListener('click', function() {
alert('Протокол сформирован! На следующем шаге мы подключим отправку этих данных вам на почту (через Formspree или EmailJS).');
// Здесь будет логика сбора данных в JSON и отправка
});
// Инициализация
calculateMetrics();
</script>
</body>
</html>
2026-09-22T08:19:14Z
https://pandoraburo.ru/ssl/u/pic/ef/f66878aa6d11f1abb9f7ceed6face4/-/image%20%284%29.jpg
1592962
https://www.pandoraburo.ru/