v3: форма заключения для соцпроектов (11 разделов)
This commit is contained in:
Alfiya Adi
parent
f87421d04a
commit
a43edfe5c0
621
zaklyuchenie-forma.html
Normal file
621
zaklyuchenie-forma.html
Normal file
@ -0,0 +1,621 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Форма заключения по социальному проекту — Samruk-Kazyna Trust</title>
|
||||
<style>
|
||||
:root {
|
||||
--blue: #1a5fa8;
|
||||
--blue-light: #e3f0ff;
|
||||
--blue-dark: #0d3b6e;
|
||||
--gold: #e8a838;
|
||||
--gold-light: #fff7e6;
|
||||
--gray-100: #f3f4f6;
|
||||
--gray-200: #e5e7eb;
|
||||
--gray-400: #9ca3af;
|
||||
--gray-700: #374151;
|
||||
--gray-800: #1f2937;
|
||||
--white: #ffffff;
|
||||
}
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body {
|
||||
font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
|
||||
color: var(--gray-800);
|
||||
background: #f0f4f8;
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
.container { max-width: 900px; margin: 0 auto; padding: 0 20px; }
|
||||
|
||||
/* Header */
|
||||
.form-header {
|
||||
background: linear-gradient(135deg, #0d3b6e 0%, #1a5fa8 50%, #2563c9 100%);
|
||||
color: #fff;
|
||||
padding: 40px 0 32px;
|
||||
text-align: center;
|
||||
}
|
||||
.form-header h1 { font-size: 1.5rem; font-weight: 800; margin-bottom: 4px; letter-spacing: -0.2px; }
|
||||
.form-header .form-type {
|
||||
display: inline-block; margin-top: 8px; padding: 5px 16px;
|
||||
background: rgba(232,168,56,0.25); border: 1px solid rgba(232,168,56,0.4);
|
||||
border-radius: 999px; font-size: 0.82rem; font-weight: 700;
|
||||
letter-spacing: 1px; text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* Form body */
|
||||
.form-body {
|
||||
background: #fff; border-radius: 20px;
|
||||
padding: 40px; margin: 28px auto;
|
||||
box-shadow: 0 4px 28px rgba(0,0,0,0.07);
|
||||
}
|
||||
|
||||
/* Section */
|
||||
.form-section {
|
||||
margin-bottom: 36px;
|
||||
padding-bottom: 28px;
|
||||
border-bottom: 1px solid var(--gray-200);
|
||||
}
|
||||
.form-section:last-child { border-bottom: none; margin-bottom: 0; }
|
||||
.section-num {
|
||||
display: inline-flex; align-items: center; justify-content: center;
|
||||
width: 32px; height: 32px; border-radius: 8px;
|
||||
background: var(--blue); color: #fff;
|
||||
font-size: 0.85rem; font-weight: 800;
|
||||
margin-right: 10px; flex-shrink: 0;
|
||||
}
|
||||
.form-section h2 {
|
||||
font-size: 1.1rem; color: var(--blue-dark);
|
||||
margin-bottom: 16px; display: flex; align-items: center;
|
||||
}
|
||||
.form-section ol { padding-left: 22px; }
|
||||
.form-section ol li { margin-bottom: 18px; }
|
||||
|
||||
.field-label {
|
||||
font-weight: 700; font-size: 0.92rem; color: var(--gray-800);
|
||||
margin-bottom: 6px; display: flex; align-items: center; gap: 6px;
|
||||
}
|
||||
.field-label .required { color: #dc3545; font-size: 0.85rem; }
|
||||
.field-hint { font-size: 0.8rem; color: var(--gray-400); margin-bottom: 6px; font-style: italic; }
|
||||
|
||||
textarea, input[type="text"], input[type="number"], input[type="date"] {
|
||||
width: 100%; padding: 10px 14px; border: 1px solid var(--gray-200);
|
||||
border-radius: 10px; font-family: inherit; font-size: 0.88rem;
|
||||
color: var(--gray-800); background: #f9fafb;
|
||||
transition: border-color 0.15s, box-shadow 0.15s;
|
||||
resize: vertical;
|
||||
}
|
||||
textarea:focus, input:focus {
|
||||
outline: none; border-color: var(--blue);
|
||||
box-shadow: 0 0 0 3px var(--blue-light);
|
||||
}
|
||||
textarea { min-height: 80px; }
|
||||
input[type="number"]::-webkit-inner-spin-button { opacity: 1; }
|
||||
|
||||
.inline-fields {
|
||||
display: grid; grid-template-columns: 1fr 1fr;
|
||||
gap: 16px; margin-bottom: 18px;
|
||||
}
|
||||
.inline-fields-3 {
|
||||
display: grid; grid-template-columns: 1fr 1fr 1fr;
|
||||
gap: 16px; margin-bottom: 18px;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.inline-fields, .inline-fields-3 { grid-template-columns: 1fr; }
|
||||
}
|
||||
|
||||
/* Score grid */
|
||||
.score-table {
|
||||
width: 100%; border-collapse: collapse;
|
||||
margin: 12px 0; font-size: 0.85rem;
|
||||
}
|
||||
.score-table th, .score-table td {
|
||||
padding: 10px 12px; text-align: left;
|
||||
border: 1px solid var(--gray-200);
|
||||
}
|
||||
.score-table th {
|
||||
background: #e8f0fb; font-weight: 700; color: var(--blue-dark);
|
||||
font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.4px;
|
||||
}
|
||||
.score-table input[type="number"] {
|
||||
width: 60px; text-align: center; padding: 6px;
|
||||
}
|
||||
|
||||
/* Divider */
|
||||
.divider { border: none; border-top: 1px dashed var(--gray-200); margin: 24px 0; }
|
||||
|
||||
/* Signature block */
|
||||
.sig-block {
|
||||
display: grid; grid-template-columns: 1fr 1fr 1fr;
|
||||
gap: 20px; margin-top: 24px;
|
||||
}
|
||||
@media (max-width: 600px) { .sig-block { grid-template-columns: 1fr; } }
|
||||
|
||||
/* Submit button */
|
||||
.btn-row { text-align: center; margin-top: 32px; }
|
||||
.btn {
|
||||
display: inline-flex; align-items: center; gap: 8px;
|
||||
padding: 12px 36px; border-radius: 12px;
|
||||
background: linear-gradient(135deg, var(--blue), #2563c9);
|
||||
color: #fff; font-weight: 700; font-size: 0.95rem;
|
||||
border: none; cursor: pointer; text-decoration: none;
|
||||
transition: transform 0.1s, box-shadow 0.15s;
|
||||
}
|
||||
.btn:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(26,95,168,0.3); }
|
||||
.btn-print {
|
||||
background: linear-gradient(135deg, var(--gold), #d4982a);
|
||||
margin-left: 12px;
|
||||
}
|
||||
.btn-print:hover { box-shadow: 0 6px 18px rgba(232,168,56,0.3); }
|
||||
|
||||
/* Print */
|
||||
@media print {
|
||||
body { background: #fff; }
|
||||
.form-body { box-shadow: none; border-radius: 0; padding: 20px; margin: 0; }
|
||||
.btn-row { display: none; }
|
||||
textarea, input { border: 1px solid #ccc; background: #fff; }
|
||||
.form-header { background: var(--blue) !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="form-header">
|
||||
<div class="container">
|
||||
<h1>Заключение по благотворительному проекту</h1>
|
||||
<div class="form-type">Форма № ЗКЛ-01 · Социальные проекты</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="form-body" id="conclusion-form">
|
||||
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<!-- 1. ОБЩИЕ СВЕДЕНИЯ -->
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<div class="form-section">
|
||||
<h2><span class="section-num">1</span> Общие сведения о проекте и заявителе</h2>
|
||||
|
||||
<div class="inline-fields">
|
||||
<div>
|
||||
<div class="field-label">Дата составления заключения <span class="required">*</span></div>
|
||||
<input type="date" id="date">
|
||||
</div>
|
||||
<div>
|
||||
<div class="field-label">Входящий номер заявки <span class="required">*</span></div>
|
||||
<input type="text" placeholder="Пример: ВХ-2026-00142">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="inline-fields">
|
||||
<div>
|
||||
<div class="field-label">Наименование заявителя <span class="required">*</span></div>
|
||||
<input type="text" placeholder="ОФ / ОЮЛ / ИП / Физлицо">
|
||||
</div>
|
||||
<div>
|
||||
<div class="field-label">БИН / ИИН заявителя <span class="required">*</span></div>
|
||||
<input type="text" placeholder="12 цифр">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="inline-fields">
|
||||
<div>
|
||||
<div class="field-label">Название проекта <span class="required">*</span></div>
|
||||
<input type="text" placeholder="Краткое название проекта">
|
||||
</div>
|
||||
<div>
|
||||
<div class="field-label">Срок реализации</div>
|
||||
<input type="text" placeholder="Например: июль 2026 — декабрь 2026">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="inline-fields-3">
|
||||
<div>
|
||||
<div class="field-label">Запрашиваемая сумма <span class="required">*</span></div>
|
||||
<input type="number" placeholder="тенге" style="text-align:right">
|
||||
</div>
|
||||
<div>
|
||||
<div class="field-label">Регион реализации</div>
|
||||
<input type="text" placeholder="Город / область">
|
||||
</div>
|
||||
<div>
|
||||
<div class="field-label">Благотворительная программа</div>
|
||||
<input type="text" placeholder="Название программы">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="field-label">ФИО менеджера, подготовившего заключение <span class="required">*</span></div>
|
||||
<input type="text" placeholder="Фамилия Имя Отчество">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<!-- 2. АКТУАЛЬНОСТЬ -->
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<div class="form-section">
|
||||
<h2><span class="section-num">2</span> Актуальность проблемы</h2>
|
||||
<p class="field-hint">Опишите проблему и докажите, что она реальна и требует решения именно сейчас.</p>
|
||||
|
||||
<ol>
|
||||
<li>
|
||||
<div class="field-label">2.1 Какая социальная проблема решается? <span class="required">*</span></div>
|
||||
<textarea placeholder="Опишите проблему конкретно: что происходит, кто страдает, в чём выражается (цифры, факты)"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">2.2 На какие данные / исследования опираетесь? <span class="required">*</span></div>
|
||||
<textarea placeholder="Источники: статданные, отчёты госорганов, соцопросы, публикации (с указанием названий и дат)"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">2.3 Почему проблему нужно решать именно сейчас?</div>
|
||||
<textarea placeholder="Ухудшение показателей? Новый закон / поручение? Запрос от населения? Окно возможностей?"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">2.4 География проблемы</div>
|
||||
<textarea placeholder="Где именно: страна / регион / город / район? Охват территории."></textarea>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<!-- 3. ЦЕЛЬ И ЗАДАЧИ -->
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<div class="form-section">
|
||||
<h2><span class="section-num">3</span> Цель, задачи и мероприятия</h2>
|
||||
|
||||
<ol>
|
||||
<li>
|
||||
<div class="field-label">3.1 Цель проекта <span class="required">*</span></div>
|
||||
<p class="field-hint">SMART-цель: конкретная, измеримая, достижимая, релевантная, ограниченная по времени.</p>
|
||||
<textarea placeholder="Пример: «Обеспечить доступ к ранней диагностике заболеваний опорно-двигательного аппарата для 500 детей в возрасте 6–12 лет в Алматинской области к декабрю 2026 года»"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">3.2 Задачи (что нужно сделать для достижения цели) <span class="required">*</span></div>
|
||||
<textarea placeholder="Перечислите задачи: 1. ... 2. ... 3. ..."></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">3.3 Ключевые мероприятия <span class="required">*</span></div>
|
||||
<textarea placeholder="Основные мероприятия и их исполнители. Приложите календарный план."></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">3.4 Целевая аудитория (бенефициары) <span class="required">*</span></div>
|
||||
<textarea placeholder="Кто получит помощь? Количество, категории (дети, пожилые, люди с инвалидностью и т.д.)"></textarea>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<!-- 4. СОЦИАЛЬНАЯ ЗНАЧИМОСТЬ -->
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<div class="form-section">
|
||||
<h2><span class="section-num">4</span> Социальная значимость и ожидаемые результаты</h2>
|
||||
|
||||
<ol>
|
||||
<li>
|
||||
<div class="field-label">4.1 Влияние на целевую аудиторию <span class="required">*</span></div>
|
||||
<textarea placeholder="Что изменится в жизни бенефициаров? Какие конкретные улучшения?"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">4.2 Количественные показатели (KPI) <span class="required">*</span></div>
|
||||
<p class="field-hint">Каждый показатель должен быть измеримым.</p>
|
||||
<textarea placeholder="Пример: — Количество бенефициаров: 500 детей — Количество проведённых мероприятий: 20 мастер-классов — Количество обученных специалистов: 15 чел. — Охват информационной кампании: 50 000 чел."></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">4.3 Качественные показатели</div>
|
||||
<textarea placeholder="Что улучшится: качество жизни, уровень знаний, доступность услуги, социальная интеграция?"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">4.4 Соответствие Целям устойчивого развития (ЦУР ООН) или госпрограммам</div>
|
||||
<p class="field-hint">Укажите, если применимо.</p>
|
||||
<input type="text" placeholder="Например: ЦУР 3 «Хорошее здоровье», ЦУР 4 «Качественное образование»">
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">4.5 Масштабируемость</div>
|
||||
<textarea placeholder="Можно ли тиражировать проект в других регионах? Что для этого нужно?"></textarea>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<!-- 5. СТАТИСТИКА -->
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<div class="form-section">
|
||||
<h2><span class="section-num">5</span> Статистика и обоснование цифрами</h2>
|
||||
<p class="field-hint">Раздел должен опираться на проверяемые данные.</p>
|
||||
|
||||
<ol>
|
||||
<li>
|
||||
<div class="field-label">5.1 Статистика по проблеме <span class="required">*</span></div>
|
||||
<textarea placeholder="Цифры, подтверждающие масштаб проблемы: — Официальная статистика (Бюро нацстатистики, Минздрав, Минтруда) — Данные акиматов — Международные индексы и рейтинги (ООН, ВОЗ, ЮНИСЕФ)"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">5.2 Статистика по региону проекта</div>
|
||||
<textarea placeholder="Специфические цифры по области / городу. Сравнение со средними по стране."></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">5.3 Бенчмаркинг (аналогичные проекты) <span class="required">*</span></div>
|
||||
<textarea placeholder="Есть ли похожие проекты в Казахстане или за рубежом? Какие у них результаты? Чем данный проект отличается или дополняет?"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">5.4 Расчёт охвата</div>
|
||||
<textarea placeholder="Доля целевой аудитории, которую охватит проект (в % от нуждающихся в регионе)"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">5.5 Эффективность затрат</div>
|
||||
<textarea placeholder="Стоимость на одного бенефициара. Сравнение с аналогичными проектами."></textarea>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<!-- 6. ЦЕНОВАЯ ПОЛИТИКА -->
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<div class="form-section">
|
||||
<h2><span class="section-num">6</span> Ценовая политика и финансовое обоснование</h2>
|
||||
|
||||
<ol>
|
||||
<li>
|
||||
<div class="field-label">6.1 Запрашиваемая сумма и её детализация <span class="required">*</span></div>
|
||||
<table class="score-table">
|
||||
<thead><tr><th>Статья расходов</th><th>Сумма (тг)</th><th>% от бюджета</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>Оборудование и материалы</td><td><input type="number" style="width:100%"></td><td><input type="number" style="width:100%"></td></tr>
|
||||
<tr><td>Услуги специалистов / экспертов</td><td><input type="number" style="width:100%"></td><td><input type="number" style="width:100%"></td></tr>
|
||||
<tr><td>Транспортные расходы</td><td><input type="number" style="width:100%"></td><td><input type="number" style="width:100%"></td></tr>
|
||||
<tr><td>Аренда помещений / площадок</td><td><input type="number" style="width:100%"></td><td><input type="number" style="width:100%"></td></tr>
|
||||
<tr><td>Информационное сопровождение</td><td><input type="number" style="width:100%"></td><td><input type="number" style="width:100%"></td></tr>
|
||||
<tr><td>Административные расходы НПО</td><td><input type="number" style="width:100%"></td><td><input type="number" style="width:100%"></td></tr>
|
||||
<tr><td>Прочие расходы</td><td><input type="number" style="width:100%"></td><td><input type="number" style="width:100%"></td></tr>
|
||||
<tr style="font-weight:700;background:#fff7e6;"><td><strong>ИТОГО</strong></td><td><strong id="total-sum">0</strong></td><td><strong>100%</strong></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">6.2 Обоснование цен <span class="required">*</span></div>
|
||||
<textarea placeholder="Как определялись цены? Есть ли коммерческие предложения (приложить)? Соответствуют ли рыночным?"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">6.3 Доля административных расходов <span class="required">*</span></div>
|
||||
<input type="text" placeholder="Должна быть ≤ 20%. Фактическая доля: ___%">
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">6.4 Софинансирование / собственный вклад</div>
|
||||
<textarea placeholder="Есть ли софинансирование от других источников? Собственный вклад заявителя? В какой форме (деньги, труд волонтёров, помещение, оборудование)?"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">6.5 Обоснованность запрашиваемой суммы</div>
|
||||
<textarea placeholder="Почему именно столько? Не завышена ли сумма? Можно ли достичь результата меньшими средствами?"></textarea>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<!-- 7. КОМАНДА И РЕАЛИЗУЕМОСТЬ -->
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<div class="form-section">
|
||||
<h2><span class="section-num">7</span> Команда, реализуемость и риски</h2>
|
||||
|
||||
<ol>
|
||||
<li>
|
||||
<div class="field-label">7.1 Опыт заявителя <span class="required">*</span></div>
|
||||
<textarea placeholder="Опыт реализации аналогичных проектов? Есть ли успешные кейсы? Сколько лет работает организация?"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">7.2 Ключевые члены команды</div>
|
||||
<textarea placeholder="ФИО, роль, квалификация, релевантный опыт"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">7.3 НПО-администратор</div>
|
||||
<input type="text" placeholder="Наименование НПО, контакты">
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">7.4 Реалистичность календарного плана <span class="required">*</span></div>
|
||||
<textarea placeholder="Уложатся ли в сроки? Нет ли накладок? Все ли этапы учтены?"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">7.5 Основные риски <span class="required">*</span></div>
|
||||
<textarea placeholder="Перечислить 3–5 ключевых рисков и меры по их минимизации: 1. Риск: ... → Мера: ... 2. Риск: ... → Мера: ..."></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">7.6 План устойчивости после завершения финансирования</div>
|
||||
<textarea placeholder="Что будет после окончания гранта? Как проект продолжит существование?"></textarea>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<!-- 8. РЕЗУЛЬТАТЫ ПРОВЕРКИ -->
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<div class="form-section">
|
||||
<h2><span class="section-num">8</span> Результаты проверки заявителя</h2>
|
||||
|
||||
<div class="inline-fields">
|
||||
<div>
|
||||
<div class="field-label">Статус юрлица / ИП</div>
|
||||
<input type="text" placeholder="Действующее / в ликвидации / иное">
|
||||
</div>
|
||||
<div>
|
||||
<div class="field-label">Налоговая задолженность</div>
|
||||
<input type="text" placeholder="Отсутствует / имеется (сумма)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="inline-fields">
|
||||
<div>
|
||||
<div class="field-label">Судебные дела</div>
|
||||
<input type="text" placeholder="Нет / есть (описание)">
|
||||
</div>
|
||||
<div>
|
||||
<div class="field-label">В реестре недобросовестных</div>
|
||||
<input type="text" placeholder="Нет / да">
|
||||
</div>
|
||||
</div>
|
||||
<div class="inline-fields">
|
||||
<div>
|
||||
<div class="field-label">Репутация (открытые источники)</div>
|
||||
<input type="text" placeholder="Положительная / нейтральная / негативная">
|
||||
</div>
|
||||
<div>
|
||||
<div class="field-label">Дополнительная проверка проводилась</div>
|
||||
<input type="text" placeholder="Нет / да (указать какая)">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="field-label">Вывод по проверке</div>
|
||||
<textarea placeholder="Замечания, риски, рекомендации по итогам проверки заявителя"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<!-- 9. БАЛЛЬНАЯ ОЦЕНКА -->
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<div class="form-section">
|
||||
<h2><span class="section-num">9</span> Балльная оценка проекта</h2>
|
||||
<p class="field-hint">Каждый критерий — от 0 до 5 баллов. Заполняется в соответствии с инструкцией.</p>
|
||||
|
||||
<table class="score-table">
|
||||
<thead><tr><th>#</th><th>Критерий</th><th>Балл (0–5)</th><th>Обоснование</th></tr></thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td><td><strong>Соответствие принципам фонда</strong></td>
|
||||
<td><input type="number" min="0" max="5" value="0"></td>
|
||||
<td><input type="text" placeholder="Кратко"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td><td><strong>Соответствие миссии</strong></td>
|
||||
<td><input type="number" min="0" max="5" value="0"></td>
|
||||
<td><input type="text" placeholder="Кратко"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td><td><strong>Актуальность и обоснованность</strong></td>
|
||||
<td><input type="number" min="0" max="5" value="0"></td>
|
||||
<td><input type="text" placeholder="Кратко"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td><td><strong>Социальная значимость (охват, эффект)</strong></td>
|
||||
<td><input type="number" min="0" max="5" value="0"></td>
|
||||
<td><input type="text" placeholder="Кратко"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td><td><strong>Реалистичность и команда</strong></td>
|
||||
<td><input type="number" min="0" max="5" value="0"></td>
|
||||
<td><input type="text" placeholder="Кратко"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>6</td><td><strong>Финансовая обоснованность</strong></td>
|
||||
<td><input type="number" min="0" max="5" value="0"></td>
|
||||
<td><input type="text" placeholder="Кратко"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>7</td><td><strong>Устойчивость (после финансирования)</strong></td>
|
||||
<td><input type="number" min="0" max="5" value="0"></td>
|
||||
<td><input type="text" placeholder="Кратко"></td>
|
||||
</tr>
|
||||
<tr style="font-weight:700;background:#fff7e6;">
|
||||
<td colspan="2" style="text-align:right"><strong>ИТОГО БАЛЛОВ (макс. 35):</strong></td>
|
||||
<td style="font-size:1.1rem;" id="total-score">0</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<!-- 10. ВЫВОД -->
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<div class="form-section">
|
||||
<h2><span class="section-num">10</span> Итоговый вывод</h2>
|
||||
|
||||
<ol>
|
||||
<li>
|
||||
<div class="field-label">10.1 Сильные стороны проекта <span class="required">*</span></div>
|
||||
<textarea placeholder="Минимум 3 пункта"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">10.2 Слабые стороны / замечания</div>
|
||||
<textarea placeholder="Что требует доработки? Какие условия следует выставить?"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">10.3 Рекомендуемое решение <span class="required">*</span></div>
|
||||
<div style="display:flex;gap:12px;flex-wrap:wrap;margin:10px 0;">
|
||||
<label style="display:flex;align-items:center;gap:6px;font-weight:600;color:#047857;cursor:pointer">
|
||||
<input type="radio" name="decision" value="approve"> Рекомендовать к финансированию
|
||||
</label>
|
||||
<label style="display:flex;align-items:center;gap:6px;font-weight:600;color:#b45309;cursor:pointer">
|
||||
<input type="radio" name="decision" value="conditional"> Рекомендовать с условиями
|
||||
</label>
|
||||
<label style="display:flex;align-items:center;gap:6px;font-weight:600;color:#c81e1e;cursor:pointer">
|
||||
<input type="radio" name="decision" value="reject"> Не рекомендовать
|
||||
</label>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">10.4 Условия (при условном одобрении)</div>
|
||||
<textarea placeholder="Перечислить конкретные условия и сроки их выполнения"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<div class="field-label">10.5 Рекомендуемая сумма к выделению</div>
|
||||
<input type="number" placeholder="тенге" style="text-align:right">
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<!-- 11. ПОДПИСИ -->
|
||||
<!-- ═══════════════════════════════════════ -->
|
||||
<div class="form-section">
|
||||
<h2><span class="section-num">11</span> Подписи</h2>
|
||||
<div class="sig-block">
|
||||
<div>
|
||||
<div class="field-label">Менеджер ДПУ</div>
|
||||
<div style="height:50px;border-bottom:1px solid #000;margin-bottom:6px;"></div>
|
||||
<p style="font-size:0.82rem;color:var(--gray-400);">Подпись, ФИО, дата</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="field-label">Руководитель ДПУ</div>
|
||||
<div style="height:50px;border-bottom:1px solid #000;margin-bottom:6px;"></div>
|
||||
<p style="font-size:0.82rem;color:var(--gray-400);">Подпись, ФИО, дата</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="field-label">Попечительский совет</div>
|
||||
<div style="height:50px;border-bottom:1px solid #000;margin-bottom:6px;"></div>
|
||||
<p style="font-size:0.82rem;color:var(--gray-400);">№ протокола, дата</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Buttons -->
|
||||
<div class="btn-row">
|
||||
<a href="#" class="btn" onclick="window.print();return false;">🖨️ Распечатать</a>
|
||||
<a href="https://pages.git.vibe42.kz/Alfiya_Adi/sk-trust-manager/" class="btn btn-print">📖 Открыть инструкцию</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Auto-sum for budget table
|
||||
document.querySelectorAll('.score-table tbody input[type="number"]').forEach(function(el){
|
||||
el.addEventListener('input', function(){
|
||||
// Sum for first table (budget) — first 7 rows
|
||||
var rows = document.querySelectorAll('.score-table');
|
||||
if (rows.length >= 2) {
|
||||
var budgetRows = rows[0].querySelectorAll('tbody tr:not(:last-child) input[type="number"]');
|
||||
var total = 0;
|
||||
budgetRows.forEach(function(inp){ total += Number(inp.value) || 0; });
|
||||
var totalEl = rows[0].querySelector('tbody tr:last-child strong');
|
||||
if (totalEl) totalEl.textContent = total.toLocaleString('ru-RU');
|
||||
}
|
||||
// Sum for score table (last table with 7 criteria + итого)
|
||||
var allTables = document.querySelectorAll('.score-table');
|
||||
var lastTable = allTables[allTables.length - 1];
|
||||
var scoreRows = lastTable.querySelectorAll('tbody tr:not(:last-child) input[type="number"]');
|
||||
var scoreTotal = 0;
|
||||
scoreRows.forEach(function(inp){ scoreTotal += Number(inp.value) || 0; });
|
||||
var scoreEl = lastTable.querySelector('#total-score');
|
||||
if (scoreEl) scoreEl.textContent = scoreTotal + ' / 35';
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user