https://www.pandoraburo.ru/prozrachnyy-partnerskiy-reestr
Прозрачный Партнерский Реестр
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Прозрачный Партнерский Реестр</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
padding: 20px;
}
.container {
max-width: 1400px;
margin: 0 auto;
background: white;
border-radius: 20px;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
overflow: hidden;
}
.header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 30px;
text-align: center;
}
.header h1 {
font-size: 2.5em;
margin-bottom: 10px;
}
.header p {
font-size: 1.1em;
opacity: 0.9;
}
.nav-tabs {
display: flex;
background: #f8f9fa;
border-bottom: 2px solid #e9ecef;
overflow-x: auto;
}
.nav-tab {
padding: 15px 25px;
cursor: pointer;
border: none;
background: none;
font-size: 1em;
font-weight: 600;
color: #6c757d;
transition: all 0.3s;
white-space: nowrap;
}
.nav-tab:hover {
background: #e9ecef;
color: #495057;
}
.nav-tab.active {
background: white;
color: #667eea;
border-bottom: 3px solid #667eea;
}
.content {
padding: 30px;
min-height: 600px;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
animation: fadeIn 0.3s;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.card {
background: white;
border: 1px solid #e9ecef;
border-radius: 12px;
padding: 25px;
margin-bottom: 20px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.card h2 {
color: #667eea;
margin-bottom: 20px;
font-size: 1.5em;
}
.btn {
padding: 12px 24px;
border: none;
border-radius: 8px;
font-size: 1em;
font-weight: 600;
cursor: pointer;
transition: all 0.3s;
}
.btn-primary {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
}
.btn-secondary {
background: #6c757d;
color: white;
}
.btn-success {
background: #28a745;
color: white;
}
.btn-danger {
background: #dc3545;
color: white;
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: block;
margin-bottom: 8px;
font-weight: 600;
color: #495057;
}
.form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 12px;
border: 2px solid #e9ecef;
border-radius: 8px;
font-size: 1em;
transition: border-color 0.3s;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
outline: none;
border-color: #667eea;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
th, td {
padding: 12px;
text-align: left;
border-bottom: 1px solid #e9ecef;
}
th {
background: #f8f9fa;
font-weight: 600;
color: #495057;
}
tr:hover {
background: #f8f9fa;
}
.badge {
display: inline-block;
padding: 4px 12px;
border-radius: 12px;
font-size: 0.85em;
font-weight: 600;
}
.badge-success {
background: #d4edda;
color: #155724;
}
.badge-warning {
background: #fff3cd;
color: #856404;
}
.badge-danger {
background: #f8d7da;
color: #721c24;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-bottom: 30px;
}
.stat-card {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 25px;
border-radius: 12px;
text-align: center;
}
.stat-card h3 {
font-size: 2.5em;
margin-bottom: 10px;
}
.stat-card p {
font-size: 1.1em;
opacity: 0.9;
}
@media print {
body {
background: white;
padding: 0;
}
.container {
box-shadow: none;
}
.nav-tabs, .btn {
display: none;
}
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>? Прозрачный Партнерский Реестр</h1>
<p>Справедливое распределение прибыли для вашего партнерства</p>
</div>
<div class="nav-tabs">
<button class="nav-tab active" onclick="showTab('dashboard')">? Дашборд</button>
<button class="nav-tab" onclick="showTab('partners')">? Участники</button>
<button class="nav-tab" onclick="showTab('assets')">? Активы</button>
<button class="nav-tab" onclick="showTab('credits')">⚠️ Риски</button>
<button class="nav-tab" onclick="showTab('time')">⏱️ Труд</button>
<button class="nav-tab" onclick="showTab('valuation')">? Переоценка</button>
<button class="nav-tab" onclick="showTab('profit')">? Прибыль</button>
<button class="nav-tab" onclick="showTab('protocols')">? Протоколы</button>
<button class="nav-tab" onclick="showTab('voting')">?️ Голосование</button>
</div>
<div class="content">
<div id="dashboard" class="tab-content active">
<div class="stats-grid">
<div class="stat-card">
<h3 id="totalPartners">0</h3>
<p>Участников</p>
</div>
<div class="stat-card">
<h3 id="totalAssets">0 ₽</h3>
<p>Общий капитал</p>
</div>
<div class="stat-card">
<h3 id="totalHours">0</h3>
<p>Часов за месяц</p>
</div>
<div class="stat-card">
<h3 id="totalProfit">0 ₽</h3>
<p>Прибыль за период</p>
</div>
</div>
<div class="card">
<h2>Добро пожаловать!</h2>
<p>Это ваш центр управления партнерством. Начните с добавления участников и их вкладов.</p>
<br />
<button class="btn btn-primary" onclick="showTab('partners')">Начать работу</button>
</div>
</div>
<div id="partners" class="tab-content"></div>
<div id="assets" class="tab-content"></div>
<div id="credits" class="tab-content"></div>
<div id="time" class="tab-content"></div>
<div id="valuation" class="tab-content"></div>
<div id="profit" class="tab-content"></div>
<div id="protocols" class="tab-content"></div>
<div id="voting" class="tab-content"></div>
</div>
</div>
<script>
// Глобальные данные
let partners = [];
let assets = [];
let credits = [];
let timeLogs = [];
let valuations = [];
let protocols = [];
let votes = [];
// Навигация по вкладкам
function showTab(tabName) {
// Скрыть все вкладки
document.querySelectorAll('.tab-content').forEach(tab => {
tab.classList.remove('active');
});
// Убрать активный класс со всех кнопок
document.querySelectorAll('.nav-tab').forEach(btn => {
btn.classList.remove('active');
});
// Показать выбранную вкладку
document.getElementById(tabName).classList.add('active');
// Добавить активный класс к кнопке
event.target.classList.add('active');
}
// Обновление статистики на дашборде
function updateDashboard() {
document.getElementById('totalPartners').textContent = partners.length;
const totalAssetsValue = assets.reduce((sum, asset) => sum + parseFloat(asset.value || 0), 0);
document.getElementById('totalAssets').textContent = totalAssetsValue.toLocaleString('ru-RU') + ' ₽';
const currentMonth = new Date().getMonth();
const currentYear = new Date().getFullYear();
const totalHoursValue = timeLogs
.filter(log => {
const logDate = new Date(log.date);
return logDate.getMonth() === currentMonth && logDate.getFullYear() === currentYear;
})
.reduce((sum, log) => sum + parseFloat(log.hours || 0), 0);
document.getElementById('totalHours').textContent = totalHoursValue;
document.getElementById('totalProfit').textContent = '0 ₽'; // Будет рассчитано позже
}
// Инициализация
updateDashboard();
</script>
<script>
// ============================================
// БЛОК 2: МОДУЛЬ УЧАСТНИКОВ
// ============================================
// Заполняем вкладку участников HTML-разметкой
document.getElementById('partners').innerHTML = `
<div class="card">
<h2>➕ Добавить нового участника</h2>
<form id="partnerForm">
<div class="form-group">
<label>ФИО партнера *</label>
<input type="text" id="partnerName" required placeholder="Иванов Иван Иванович">
</div>
<div class="form-group">
<label>Роль в партнерстве *</label>
<select id="partnerRole" required>
<option value="">Выберите роль</option>
<option value="investor">Инвестор</option>
<option value="founder">Основатель</option>
<option value="manager">Управляющий</option>
<option value="specialist">Специалист</option>
<option value="partner">Равноправный партнер</option>
</select>
</div>
<div class="form-group">
<label>Часовая ставка (руб/час) *</label>
<input type="number" id="partnerHourlyRate" required min="0" step="100" placeholder="1500">
</div>
<div class="form-group">
<label>Контактные данные</label>
<input type="text" id="partnerContact" placeholder="Телефон, email, Telegram">
</div>
<div class="form-group">
<label>Описание вклада (кратко)</label>
<textarea id="partnerDescription" rows="3" placeholder="Что вносит партнер: деньги, имущество, компетенции, идеи..."></textarea>
</div>
<div class="form-group">
<label>Дата вступления *</label>
<input type="date" id="partnerJoinDate" required>
</div>
<button type="submit" class="btn btn-primary">Добавить участника</button>
<button type="button" class="btn btn-secondary" onclick="document.getElementById('partnerForm').reset()">Очистить</button>
</form>
</div>
<div class="card">
<h2>? Список участников</h2>
<div id="partnersList"></div>
</div>
`;
// Обработчик формы добавления участника
document.getElementById('partnerForm').addEventListener('submit', function(e) {
e.preventDefault();
const partner = {
id: Date.now(),
name: document.getElementById('partnerName').value.trim(),
role: document.getElementById('partnerRole').value,
hourlyRate: parseFloat(document.getElementById('partnerHourlyRate').value) || 0,
contact: document.getElementById('partnerContact').value.trim(),
description: document.getElementById('partnerDescription').value.trim(),
joinDate: document.getElementById('partnerJoinDate').value,
createdAt: new Date().toISOString()
};
partners.push(partner);
saveData();
renderPartners();
updateDashboard();
this.reset();
showToast('✅ Участник успешно добавлен!');
});
// Отрисовка списка участников
function renderPartners() {
const container = document.getElementById('partnersList');
if (!container) return;
if (partners.length === 0) {
container.innerHTML = '<p style="text-align: center; color: #6c757d; padding: 40px;">Пока нет участников. Добавьте первого!</p>';
return;
}
const roleLabels = {
'investor': 'Инвестор',
'founder': 'Основатель',
'manager': 'Управляющий',
'specialist': 'Специалист',
'partner': 'Равноправный партнер'
};
let html = '<table><thead><tr>';
html += '<th>ФИО</th>';
html += '<th>Роль</th>';
html += '<th>Ставка</th>';
html += '<th>Контакты</th>';
html += '<th>Дата вступления</th>';
html += '<th>Действия</th>';
html += '</tr></thead><tbody>';
partners.forEach(partner => {
html += '<tr>';
html += `<td><strong>${escapeHtml(partner.name)}</strong><br><small style="color: #6c757d;">${escapeHtml(partner.description) || 'Нет описания'}</small></td>`;
html += `<td><span class="badge badge-success">${roleLabels[partner.role] || partner.role}</span></td>`;
html += `<td>${partner.hourlyRate.toLocaleString('ru-RU')} ₽/ч</td>`;
html += `<td>${escapeHtml(partner.contact) || '-'}</td>`;
html += `<td>${formatDate(partner.joinDate)}</td>`;
html += `<td>
<button class="btn btn-secondary" onclick="editPartner(${partner.id})" style="padding: 6px 12px; font-size: 0.85em;">✏️</button>
<button class="btn btn-danger" onclick="deletePartner(${partner.id})" style="padding: 6px 12px; font-size: 0.85em;">?️</button>
</td>`;
html += '</tr>';
});
html += '</tbody></table>';
container.innerHTML = html;
}
// Удаление участника
function deletePartner(id) {
const partner = partners.find(p => p.id === id);
if (!partner) return;
const hasAssets = assets.some(a => a.partnerId === id);
const hasTimeLogs = timeLogs.some(t => t.partnerId === id);
let warning = `Удалить участника "${partner.name}"?\n\n`;
if (hasAssets || hasTimeLogs) {
warning += '⚠️ ВНИМАНИЕ: У этого участника есть связанные записи (активы, трудозатраты). Они также будут удалены!\n\n';
}
warning += 'Это действие нельзя отменить.';
if (confirm(warning)) {
partners = partners.filter(p => p.id !== id);
assets = assets.filter(a => a.partnerId !== id);
timeLogs = timeLogs.filter(t => t.partnerId !== id);
credits = credits.filter(c => c.partnerId !== id);
saveData();
renderPartners();
updateDashboard();
showToast('?️ Участник удалён');
}
}
// Редактирование участника (упрощённая версия через prompt)
function editPartner(id) {
const partner = partners.find(p => p.id === id);
if (!partner) return;
const newName = prompt('ФИО партнера:', partner.name);
if (newName === null) return;
const newRate = prompt('Часовая ставка (руб/час):', partner.hourlyRate);
if (newRate === null) return;
const newContact = prompt('Контакты:', partner.contact);
if (newContact === null) return;
const newDesc = prompt('Описание вклада:', partner.description);
if (newDesc === null) return;
partner.name = newName.trim() || partner.name;
partner.hourlyRate = parseFloat(newRate) || partner.hourlyRate;
partner.contact = newContact.trim();
partner.description = newDesc.trim();
saveData();
renderPartners();
showToast('✅ Данные участника обновлены');
}
// Утилита: безопасный вывод HTML
function escapeHtml(text) {
if (!text) return '';
const div = document.createElement('div');
div.textContent = text;
return div.innerHTML;
}
// Утилита: форматирование даты
function formatDate(dateString) {
if (!dateString) return '-';
const date = new Date(dateString);
return date.toLocaleDateString('ru-RU');
}
// Утилита: всплывающее уведомление
function showToast(message) {
const toast = document.createElement('div');
toast.style.cssText = `
position: fixed;
top: 30px;
right: 30px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 15px 25px;
border-radius: 10px;
box-shadow: 0 5px 20px rgba(0,0,0,0.3);
z-index: 10000;
font-weight: 600;
animation: slideIn 0.3s;
`;
toast.textContent = message;
document.body.appendChild(toast);
setTimeout(() => {
toast.style.opacity = '0';
toast.style.transition = 'opacity 0.3s';
setTimeout(() => toast.remove(), 300);
}, 2500);
}
// Сохранение всех данных в localStorage
function saveData() {
localStorage.setItem('ppr_partners', JSON.stringify(partners));
localStorage.setItem('ppr_assets', JSON.stringify(assets));
localStorage.setItem('ppr_credits', JSON.stringify(credits));
localStorage.setItem('ppr_timeLogs', JSON.stringify(timeLogs));
localStorage.setItem('ppr_valuations', JSON.stringify(valuations));
localStorage.setItem('ppr_protocols', JSON.stringify(protocols));
localStorage.setItem('ppr_votes', JSON.stringify(votes));
}
// Загрузка всех данных из localStorage
function loadData() {
partners = JSON.parse(localStorage.getItem('ppr_partners') || '[]');
assets = JSON.parse(localStorage.getItem('ppr_assets') || '[]');
credits = JSON.parse(localStorage.getItem('ppr_credits') || '[]');
timeLogs = JSON.parse(localStorage.getItem('ppr_timeLogs') || '[]');
valuations = JSON.parse(localStorage.getItem('ppr_valuations') || '[]');
protocols = JSON.parse(localStorage.getItem('ppr_protocols') || '[]');
votes = JSON.parse(localStorage.getItem('ppr_votes') || '[]');
renderPartners();
updateDashboard();
}
// Загрузка данных при старте
loadData();
</script>
<script>
// ============================================
// БЛОК 3: РЕЕСТР АКТИВОВ
// ============================================
// Заполняем вкладку активов HTML-разметкой
document.getElementById('assets').innerHTML = `
<div class="card">
<h2>? Добавить актив</h2>
<form id="assetForm">
<div class="form-group">
<label>Партнер-вкладчик *</label>
<select id="assetPartner" required>
<option value="">Выберите партнера</option>
</select>
</div>
<div class="form-group">
<label>Тип актива *</label>
<select id="assetType" required onchange="updateAssetSubtype()">
<option value="">Выберите тип</option>
<option value="money">? Деньги</option>
<option value="securities">? Акции, облигации, доли</option>
<option value="real_estate">? Недвижимость, земля</option>
<option value="equipment">⚙️ Оборудование, станки, транспорт</option>
<option value="inventory">? Товары, сырье, материалы</option>
<option value="ip">? Интеллектуальная собственность (бренд, патенты, ПО, КД)</option>
<option value="other">? Прочее</option>
</select>
</div>
<div class="form-group">
<label>Подтип / Детализация</label>
<input type="text" id="assetSubtype" placeholder="Например: Токарный станок, Патент №123, Бренд 'Название'">
</div>
<div class="form-group">
<label>Наименование актива *</label>
<input type="text" id="assetName" required placeholder="Например: Денежный взнос, Помещение на ул. Ленина, Станок XYZ">
</div>
<div class="form-group">
<label>Стоимость на момент внесения (руб) *</label>
<input type="number" id="assetValue" required min="0" step="100" placeholder="1000000">
</div>
<div class="form-group">
<label>Дата внесения *</label>
<input type="date" id="assetDate" required>
</div>
<div class="form-group">
<label>Описание / Примечание</label>
<textarea id="assetDescription" rows="3" placeholder="Дополнительная информация: инвентарный номер, документы, особенности..."></textarea>
</div>
<button type="submit" class="btn btn-primary">Добавить актив</button>
<button type="button" class="btn btn-secondary" onclick="document.getElementById('assetForm').reset()">Очистить</button>
</form>
</div>
<div class="card">
<h2>? Реестр активов</h2>
<div id="assetsList"></div>
</div>
`;
// Справочник типов активов
const assetTypeLabels = {
'money': '? Деньги',
'securities': '? Ценные бумаги',
'real_estate': '? Недвижимость',
'equipment': '⚙️ Оборудование',
'inventory': '? Товары/Сырье',
'ip': '? Интеллектуальная собственность',
'other': '? Прочее'
};
// Обновление подтипа (можно расширить)
function updateAssetSubtype() {
const type = document.getElementById('assetType').value;
const subtypeInput = document.getElementById('assetSubtype');
const placeholders = {
'money': 'Валюта, счет, назначение',
'securities': 'Название компании, тип бумаги',
'real_estate': 'Адрес, кадастровый номер',
'equipment': 'Модель, серийный номер',
'inventory': 'Наименование, количество',
'ip': 'Номер патента, свидетельство',
'other': 'Уточнение'
};
subtypeInput.placeholder = placeholders[type] || 'Детализация';
}
// Обновление списка партнеров в select
function updatePartnerSelect() {
const select = document.getElementById('assetPartner');
if (!select) return;
select.innerHTML = '<option value="">Выберите партнера</option>';
partners.forEach(partner => {
const option = document.createElement('option');
option.value = partner.id;
option.textContent = partner.name;
select.appendChild(option);
});
}
// Обработчик формы добавления актива
document.getElementById('assetForm').addEventListener('submit', function(e) {
e.preventDefault();
const partnerId = parseInt(document.getElementById('assetPartner').value);
const partner = partners.find(p => p.id === partnerId);
if (!partner) {
alert('Ошибка: партнер не найден');
return;
}
const asset = {
id: Date.now(),
partnerId: partnerId,
partnerName: partner.name,
type: document.getElementById('assetType').value,
subtype: document.getElementById('assetSubtype').value.trim(),
name: document.getElementById('assetName').value.trim(),
value: parseFloat(document.getElementById('assetValue').value) || 0,
date: document.getElementById('assetDate').value,
description: document.getElementById('assetDescription').value.trim(),
createdAt: new Date().toISOString()
};
assets.push(asset);
saveData();
renderAssets();
updateDashboard();
this.reset();
showToast('✅ Актив успешно добавлен!');
});
// Отрисовка списка активов
function renderAssets() {
const container = document.getElementById('assetsList');
if (!container) return;
if (assets.length === 0) {
container.innerHTML = '<p style="text-align: center; color: #6c757d; padding: 40px;">Пока нет активов. Добавьте первый!</p>';
return;
}
// Группировка по партнерам
const grouped = {};
assets.forEach(asset => {
if (!grouped[asset.partnerId]) {
grouped[asset.partnerId] = {
partnerName: asset.partnerName,
assets: [],
total: 0
};
}
grouped[asset.partnerId].assets.push(asset);
grouped[asset.partnerId].total += asset.value;
});
let html = '';
Object.keys(grouped).forEach(partnerId => {
const group = grouped[partnerId];
html += `<div style="margin-bottom: 30px; border: 2px solid #e9ecef; border-radius: 12px; padding: 20px;">`;
html += `<h3 style="color: #667eea; margin-bottom: 15px;">? ${escapeHtml(group.partnerName)}</h3>`;
html += `<p style="margin-bottom: 15px;"><strong>Общая стоимость активов:</strong> <span style="color: #28a745; font-size: 1.2em;">${group.total.toLocaleString('ru-RU')} ₽</span></p>`;
html += '<table><thead><tr>';
html += '<th>Тип</th>';
html += '<th>Наименование</th>';
html += '<th>Стоимость</th>';
html += '<th>Дата</th>';
html += '<th>Действия</th>';
html += '</tr></thead><tbody>';
group.assets.forEach(asset => {
html += '<tr>';
html += `<td><span class="badge badge-warning">${assetTypeLabels[asset.type] || asset.type}</span><br><small style="color: #6c757d;">${escapeHtml(asset.subtype) || ''}</small></td>`;
html += `<td><strong>${escapeHtml(asset.name)}</strong><br><small style="color: #6c757d;">${escapeHtml(asset.description) || ''}</small></td>`;
html += `<td><strong>${asset.value.toLocaleString('ru-RU')} ₽</strong></td>`;
html += `<td>${formatDate(asset.date)}</td>`;
html += `<td>
<button class="btn btn-secondary" onclick="editAsset(${asset.id})" style="padding: 6px 12px; font-size: 0.85em;">✏️</button>
<button class="btn btn-danger" onclick="deleteAsset(${asset.id})" style="padding: 6px 12px; font-size: 0.85em;">?️</button>
</td>`;
html += '</tr>';
});
html += '</tbody></table>';
html += '</div>';
});
container.innerHTML = html;
}
// Удаление актива
function deleteAsset(id) {
const asset = assets.find(a => a.id === id);
if (!asset) return;
if (confirm(`Удалить актив "${asset.name}" стоимостью ${asset.value.toLocaleString('ru-RU')} ₽?\n\nЭто действие нельзя отменить.`)) {
assets = assets.filter(a => a.id !== id);
saveData();
renderAssets();
updateDashboard();
showToast('?️ Актив удалён');
}
}
// Редактирование актива
function editAsset(id) {
const asset = assets.find(a => a.id === id);
if (!asset) return;
const newName = prompt('Наименование актива:', asset.name);
if (newName === null) return;
const newValue = prompt('Стоимость (руб):', asset.value);
if (newValue === null) return;
const newDate = prompt('Дата внесения (ГГГГ-ММ-ДД):', asset.date);
if (newDate === null) return;
const newDesc = prompt('Описание:', asset.description);
if (newDesc === null) return;
asset.name = newName.trim() || asset.name;
asset.value = parseFloat(newValue) || asset.value;
asset.date = newDate || asset.date;
asset.description = newDesc.trim();
saveData();
renderAssets();
updateDashboard();
showToast('✅ Актив обновлён');
}
// Обновление select при загрузке
updatePartnerSelect();
</script>
<script>
// ============================================
// БЛОК 4: ТРЕКЕР КРЕДИТОВ И РИСКОВ
// ============================================
// Заполняем вкладку рисков HTML-разметкой
document.getElementById('credits').innerHTML = `
<div class="card">
<h2>⚠️ Добавить кредит / поручительство</h2>
<form id="creditForm">
<div class="form-group">
<label>Заемщик (кто берет кредит) *</label>
<select id="creditBorrower" required>
<option value="">Выберите партнера</option>
</select>
</div>
<div class="form-group">
<label>Название кредита / обязательства *</label>
<input type="text" id="creditName" required placeholder="Например: Кредит на оборудование в Сбербанке">
</div>
<div class="form-group">
<label>Сумма кредита (руб) *</label>
<input type="number" id="creditAmount" required min="0" step="1000" placeholder="5000000">
</div>
<div class="form-group">
<label>Годовая ставка (%) *</label>
<input type="number" id="creditRate" required min="0" max="100" step="0.1" placeholder="15.5">
</div>
<div class="form-group">
<label>Срок кредита (месяцев) *</label>
<input type="number" id="creditTerm" required min="1" max="360" placeholder="36">
</div>
<div class="form-group">
<label>Дата начала *</label>
<input type="date" id="creditStartDate" required>
</div>
<div class="form-group">
<label>Поручители / Гаранты (можно выбрать несколько)</label>
<div id="guarantorsList" style="border: 2px solid #e9ecef; border-radius: 8px; padding: 15px; max-height: 200px; overflow-y: auto;">
<p style="color: #6c757d; text-align: center;">Загрузите партнеров...</p>
</div>
</div>
<div class="form-group">
<label>Премия за риск для поручителей (% годовых от суммы поручительства)</label>
<input type="number" id="riskPremium" min="0" max="20" step="0.5" value="3" placeholder="3">
<small style="color: #6c757d;">Рекомендуется: 2-5% годовых. Эта сумма выплачивается поручителям за риск их имуществом.</small>
</div>
<div class="form-group">
<label>Описание / Примечание</label>
<textarea id="creditDescription" rows="3" placeholder="Дополнительная информация: номер договора, банк, условия..."></textarea>
</div>
<button type="submit" class="btn btn-primary">Добавить кредит</button>
<button type="button" class="btn btn-secondary" onclick="document.getElementById('creditForm').reset()">Очистить</button>
</form>
</div>
<div class="card">
<h2>? Реестр кредитов и рисков</h2>
<div id="creditsList"></div>
</div>
`;
// Обновление списка заемщиков и поручителей
function updateCreditSelects() {
const borrowerSelect = document.getElementById('creditBorrower');
const guarantorsContainer = document.getElementById('guarantorsList');
if (!borrowerSelect || !guarantorsContainer) return;
// Заемщик
borrowerSelect.innerHTML = '<option value="">Выберите партнера</option>';
partners.forEach(partner => {
const option = document.createElement('option');
option.value = partner.id;
option.textContent = partner.name;
borrowerSelect.appendChild(option);
});
// Поручители (чекбоксы)
if (partners.length === 0) {
guarantorsContainer.innerHTML = '<p style="color: #6c757d; text-align: center;">Сначала добавьте участников</p>';
return;
}
guarantorsContainer.innerHTML = '';
partners.forEach(partner => {
const checkbox = document.createElement('label');
checkbox.style.cssText = 'display: block; margin-bottom: 8px; cursor: pointer;';
checkbox.innerHTML = `
<input type="checkbox" class="guarantor-checkbox" value="${partner.id}" style="margin-right: 8px;">
${escapeHtml(partner.name)}
`;
guarantorsContainer.appendChild(checkbox);
});
}
// Обработчик формы добавления кредита
document.getElementById('creditForm').addEventListener('submit', function(e) {
e.preventDefault();
const borrowerId = parseInt(document.getElementById('creditBorrower').value);
const borrower = partners.find(p => p.id === borrowerId);
if (!borrower) {
alert('Ошибка: заемщик не найден');
return;
}
// Собираем поручителей
const guarantorIds = [];
const guarantorNames = [];
document.querySelectorAll('.guarantor-checkbox:checked').forEach(checkbox => {
const gId = parseInt(checkbox.value);
if (gId !== borrowerId) { // Заемщик не может быть своим поручителем
guarantorIds.push(gId);
const guarantor = partners.find(p => p.id === gId);
if (guarantor) {
guarantorNames.push(guarantor.name);
}
}
});
const credit = {
id: Date.now(),
borrowerId: borrowerId,
borrowerName: borrower.name,
name: document.getElementById('creditName').value.trim(),
amount: parseFloat(document.getElementById('creditAmount').value) || 0,
rate: parseFloat(document.getElementById('creditRate').value) || 0,
term: parseInt(document.getElementById('creditTerm').value) || 0,
startDate: document.getElementById('creditStartDate').value,
guarantorIds: guarantorIds,
guarantorNames: guarantorNames,
riskPremium: parseFloat(document.getElementById('riskPremium').value) || 0,
description: document.getElementById('creditDescription').value.trim(),
createdAt: new Date().toISOString()
};
credits.push(credit);
saveData();
renderCredits();
updateDashboard();
this.reset();
updateCreditSelects();
showToast('✅ Кредит успешно добавлен!');
});
// Отрисовка списка кредитов
function renderCredits() {
const container = document.getElementById('creditsList');
if (!container) return;
if (credits.length === 0) {
container.innerHTML = '<p style="text-align: center; color: #6c757d; padding: 40px;">Пока нет кредитов. Добавьте первый!</p>';
return;
}
let html = '';
credits.forEach(credit => {
// Расчет ежемесячного платежа (аннуитет)
const monthlyRate = credit.rate / 100 / 12;
const monthlyPayment = credit.amount * (monthlyRate * Math.pow(1 + monthlyRate, credit.term)) / (Math.pow(1 + monthlyRate, credit.term) - 1);
// Общая переплата
const totalPayment = monthlyPayment * credit.term;
const overpayment = totalPayment - credit.amount;
// Премия за риск для каждого поручителя в месяц
const monthlyRiskPremiumPerGuarantor = credit.guarantorIds.length > 0
? (credit.amount * (credit.riskPremium / 100) / 12) / credit.guarantorIds.length
: 0;
html += `<div style="margin-bottom: 25px; border: 2px solid #e9ecef; border-radius: 12px; padding: 20px; background: #f8f9fa;">`;
html += `<h3 style="color: #667eea; margin-bottom: 15px;">? ${escapeHtml(credit.name)}</h3>`;
html += '<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin-bottom: 15px;">';
html += `<div><strong>Заемщик:</strong><br><span class="badge badge-danger">${escapeHtml(credit.borrowerName)}</span></div>`;
html += `<div><strong>Сумма кредита:</strong><br><span style="font-size: 1.2em; color: #28a745;">${credit.amount.toLocaleString('ru-RU')} ₽</span></div>`;
html += `<div><strong>Ставка:</strong><br>${credit.rate}% годовых</div>`;
html += `<div><strong>Срок:</strong><br>${credit.term} мес.</div>`;
html += `<div><strong>Дата начала:</strong><br>${formatDate(credit.startDate)}</div>`;
html += `<div><strong>Ежемесячный платеж:</strong><br><span style="color: #dc3545;">${Math.round(monthlyPayment).toLocaleString('ru-RU')} ₽</span></div>`;
html += `<div><strong>Общая переплата:</strong><br><span style="color: #dc3545;">${Math.round(overpayment).toLocaleString('ru-RU')} ₽</span></div>`;
html += '</div>';
// Поручители
if (credit.guarantorIds.length > 0) {
html += `<div style="margin-top: 15px; padding: 15px; background: white; border-radius: 8px;">`;
html += `<h4 style="color: #764ba2; margin-bottom: 10px;">⚠️ Поручители / Гаранты:</h4>`;
html += '<div style="display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px;">';
credit.guarantorNames.forEach(name => {
html += `<span class="badge badge-warning">${escapeHtml(name)}</span>`;
});
html += '</div>';
html += `<p style="color: #6c757d; font-size: 0.9em;">`;
html += `Премия за риск: <strong>${credit.riskPremium}% годовых</strong><br>`;
html += `Каждый поручитель получает: <strong style="color: #28a745;">${Math.round(monthlyRiskPremiumPerGuarantor).toLocaleString('ru-RU')} ₽/мес</strong>`;
html += `</p>`;
html += '</div>';
} else {
html += `<p style="margin-top: 15px; color: #6c757d;"><em>Поручители не указаны</em></p>`;
}
if (credit.description) {
html += `<p style="margin-top: 15px; padding: 10px; background: white; border-radius: 8px; color: #495057;"><strong>Примечание:</strong> ${escapeHtml(credit.description)}</p>`;
}
html += `<div style="margin-top: 15px; text-align: right;">`;
html += `<button class="btn btn-secondary" onclick="editCredit(${credit.id})" style="padding: 8px 16px; font-size: 0.9em;">✏️ Редактировать</button> `;
html += `<button class="btn btn-danger" onclick="deleteCredit(${credit.id})" style="padding: 8px 16px; font-size: 0.9em;">?️ Удалить</button>`;
html += '</div>';
html += '</div>';
});
container.innerHTML = html;
}
// Удаление кредита
function deleteCredit(id) {
const credit = credits.find(c => c.id === id);
if (!credit) return;
if (confirm(`Удалить кредит "${credit.name}"?\n\nЭто действие нельзя отменить.`)) {
credits = credits.filter(c => c.id !== id);
saveData();
renderCredits();
updateDashboard();
showToast('?️ Кредит удалён');
}
}
// Редактирование кредита
function editCredit(id) {
const credit = credits.find(c => c.id === id);
if (!credit) return;
const newName = prompt('Название кредита:', credit.name);
if (newName === null) return;
const newAmount = prompt('Сумма кредита (руб):', credit.amount);
if (newAmount === null) return;
const newRate = prompt('Годовая ставка (%):', credit.rate);
if (newRate === null) return;
const newPremium = prompt('Премия за риск для поручителей (% годовых):', credit.riskPremium);
if (newPremium === null) return;
credit.name = newName.trim() || credit.name;
credit.amount = parseFloat(newAmount) || credit.amount;
credit.rate = parseFloat(newRate) || credit.rate;
credit.riskPremium = parseFloat(newPremium) || credit.riskPremium;
saveData();
renderCredits();
showToast('✅ Кредит обновлён');
}
// Обновление select при загрузке
updateCreditSelects();
</script>
<script>
// ============================================
// БЛОК 5: ТАЙМ-ТРЕКЕР И УЧЁТ ТРУДОЗАТРАТ
// ============================================
// Заполняем вкладку труда HTML-разметкой
document.getElementById('time').innerHTML = `
<div class="card">
<h2>⏱️ Добавить трудозатраты</h2>
<form id="timeForm">
<div class="form-group">
<label>Партнер *</label>
<select id="timePartner" required>
<option value="">Выберите партнера</option>
</select>
</div>
<div class="form-group">
<label>Дата *</label>
<input type="date" id="timeDate" required>
</div>
<div class="form-group">
<label>Количество часов *</label>
<input type="number" id="timeHours" required min="0.5" max="24" step="0.5" placeholder="8">
</div>
<div class="form-group">
<label>Тип деятельности *</label>
<select id="timeActivityType" required>
<option value="">Выберите тип</option>
<option value="management">? Управление / Стратегия</option>
<option value="production">? Производство / Цех</option>
<option value="sales">? Продажи / Клиенты</option>
<option value="marketing">? Маркетинг / Продвижение</option>
<option value="finance">? Финансы / Бухгалтерия</option>
<option value="development">? Разработка / IT</option>
<option value="hr">? HR / Подбор персонала</option>
<option value="legal">⚖️ Юридические вопросы</option>
<option value="meetings">? Встречи / Переговоры</option>
<option value="learning">? Обучение / Развитие</option>
<option value="other">? Прочее</option>
</select>
</div>
<div class="form-group">
<label>Описание задач</label>
<textarea id="timeDescription" rows="3" placeholder="Что конкретно было сделано за это время..."></textarea>
</div>
<div id="timeCostPreview" style="padding: 15px; background: #e7f3ff; border-radius: 8px; margin-bottom: 20px; display: none;">
<strong>? Стоимость этого труда:</strong> <span id="previewAmount">0 ₽</span>
<small style="display: block; color: #6c757d; margin-top: 5px;">Рассчитано по часовой ставке партнера</small>
</div>
<button type="submit" class="btn btn-primary">Добавить запись</button>
<button type="button" class="btn btn-secondary" onclick="document.getElementById('timeForm').reset()">Очистить</button>
</form>
</div>
<div class="card">
<h2>? Статистика трудозатрат за текущий месяц</h2>
<div id="timeStats"></div>
</div>
<div class="card">
<h2>? Журнал трудозатрат</h2>
<div style="margin-bottom: 15px; display: flex; gap: 10px; flex-wrap: wrap;">
<select id="timeFilterPartner" onchange="renderTimeLogs()" style="padding: 8px; border: 2px solid #e9ecef; border-radius: 8px;">
<option value="">Все партнеры</option>
</select>
<select id="timeFilterMonth" onchange="renderTimeLogs()" style="padding: 8px; border: 2px solid #e9ecef; border-radius: 8px;">
<option value="">Все месяцы</option>
</select>
</div>
<div id="timeLogsList"></div>
</div>
`;
// Установка даты по умолчанию — сегодня
document.getElementById('timeDate').valueAsDate = new Date();
// Обновление списков партнеров
function updateTimeSelects() {
const partnerSelect = document.getElementById('timePartner');
const filterPartner = document.getElementById('timeFilterPartner');
if (!partnerSelect || !filterPartner) return;
partnerSelect.innerHTML = '<option value="">Выберите партнера</option>';
filterPartner.innerHTML = '<option value="">Все партнеры</option>';
partners.forEach(partner => {
const opt1 = document.createElement('option');
opt1.value = partner.id;
opt1.textContent = `${partner.name} (${partner.hourlyRate.toLocaleString('ru-RU')} ₽/ч)`;
partnerSelect.appendChild(opt1);
const opt2 = document.createElement('option');
opt2.value = partner.id;
opt2.textContent = partner.name;
filterPartner.appendChild(opt2);
});
}
// Заполнение фильтра по месяцам
function updateTimeMonthFilter() {
const filterMonth = document.getElementById('timeFilterMonth');
if (!filterMonth) return;
const months = new Set();
timeLogs.forEach(log => {
if (log.date) {
const d = new Date(log.date);
months.add(`${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}`);
}
});
filterMonth.innerHTML = '<option value="">Все месяцы</option>';
Array.from(months).sort().reverse().forEach(m => {
const [y, mo] = m.split('-');
const monthNames = ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'];
const opt = document.createElement('option');
opt.value = m;
opt.textContent = `${monthNames[parseInt(mo) - 1]} ${y}`;
filterMonth.appendChild(opt);
});
}
// Предпросмотр стоимости труда при изменении полей
function updateCostPreview() {
const partnerId = parseInt(document.getElementById('timePartner').value);
const hours = parseFloat(document.getElementById('timeHours').value) || 0;
const preview = document.getElementById('timeCostPreview');
const amount = document.getElementById('previewAmount');
if (!partnerId || !hours) {
preview.style.display = 'none';
return;
}
const partner = partners.find(p => p.id === partnerId);
if (!partner) {
preview.style.display = 'none';
return;
}
const cost = hours * partner.hourlyRate;
amount.textContent = cost.toLocaleString('ru-RU') + ' ₽';
preview.style.display = 'block';
}
document.getElementById('timePartner').addEventListener('change', updateCostPreview);
document.getElementById('timeHours').addEventListener('input', updateCostPreview);
// Обработчик формы добавления трудозатрат
document.getElementById('timeForm').addEventListener('submit', function(e) {
e.preventDefault();
const partnerId = parseInt(document.getElementById('timePartner').value);
const partner = partners.find(p => p.id === partnerId);
if (!partner) {
alert('Ошибка: партнер не найден');
return;
}
const hours = parseFloat(document.getElementById('timeHours').value) || 0;
const log = {
id: Date.now(),
partnerId: partnerId,
partnerName: partner.name,
hourlyRate: partner.hourlyRate,
date: document.getElementById('timeDate').value,
hours: hours,
activityType: document.getElementById('timeActivityType').value,
description: document.getElementById('timeDescription').value.trim(),
cost: hours * partner.hourlyRate,
createdAt: new Date().toISOString()
};
timeLogs.push(log);
saveData();
renderTimeLogs();
renderTimeStats();
updateTimeMonthFilter();
updateDashboard();
this.reset();
document.getElementById('timeDate').valueAsDate = new Date();
document.getElementById('timeCostPreview').style.display = 'none';
showToast('✅ Трудозатраты добавлены!');
});
// Справочник типов деятельности
const activityTypeLabels = {
'management': '? Управление',
'production': '? Производство',
'sales': '? Продажи',
'marketing': '? Маркетинг',
'finance': '? Финансы',
'development': '? Разработка',
'hr': '? HR',
'legal': '⚖️ Юридическое',
'meetings': '? Встречи',
'learning': '? Обучение',
'other': '? Прочее'
};
// Отрисовка журнала трудозатрат
function renderTimeLogs() {
const container = document.getElementById('timeLogsList');
if (!container) return;
const filterPartner = document.getElementById('timeFilterPartner').value;
const filterMonth = document.getElementById('timeFilterMonth').value;
let filtered = timeLogs.slice();
if (filterPartner) {
filtered = filtered.filter(l => l.partnerId === parseInt(filterPartner));
}
if (filterMonth) {
const [y, m] = filterMonth.split('-').map(Number);
filtered = filtered.filter(l => {
const d = new Date(l.date);
return d.getFullYear() === y && d.getMonth() + 1 === m;
});
}
if (filtered.length === 0) {
container.innerHTML = '<p style="text-align: center; color: #6c757d; padding: 40px;">Нет записей. Добавьте первую!</p>';
return;
}
// Сортировка по дате (новые сверху)
filtered.sort((a, b) => new Date(b.date) - new Date(a.date));
let html = '<table><thead><tr>';
html += '<th>Дата</th>';
html += '<th>Партнер</th>';
html += '<th>Часы</th>';
html += '<th>Тип</th>';
html += '<th>Стоимость</th>';
html += '<th>Описание</th>';
html += '<th>Действия</th>';
html += '</tr></thead><tbody>';
filtered.forEach(log => {
html += '<tr>';
html += `<td>${formatDate(log.date)}</td>`;
html += `<td><strong>${escapeHtml(log.partnerName)}</strong></td>`;
html += `<td><span class="badge badge-success">${log.hours} ч</span></td>`;
html += `<td>${activityTypeLabels[log.activityType] || log.activityType}</td>`;
html += `<td><strong style="color: #28a745;">${log.cost.toLocaleString('ru-RU')} ₽</strong></td>`;
html += `<td><small>${escapeHtml(log.description) || '-'}</small></td>`;
html += `<td>
<button class="btn btn-secondary" onclick="editTimeLog(${log.id})" style="padding: 6px 12px; font-size: 0.85em;">✏️</button>
<button class="btn btn-danger" onclick="deleteTimeLog(${log.id})" style="padding: 6px 12px; font-size: 0.85em;">?️</button>
</td>`;
html += '</tr>';
});
html += '</tbody></table>';
// Итоги по отфильтрованным
const totalHours = filtered.reduce((s, l) => s + l.hours, 0);
const totalCost = filtered.reduce((s, l) => s + l.cost, 0);
html += `<div style="margin-top: 20px; padding: 15px; background: #f8f9fa; border-radius: 8px; display: flex; justify-content: space-around; flex-wrap: wrap; gap: 15px;">`;
html += `<div><strong>Всего записей:</strong> ${filtered.length}</div>`;
html += `<div><strong>Всего часов:</strong> <span style="color: #667eea;">${totalHours}</span></div>`;
html += `<div><strong>Общая стоимость труда:</strong> <span style="color: #28a745;">${totalCost.toLocaleString('ru-RU')} ₽</span></div>`;
html += '</div>';
container.innerHTML = html;
}
// Статистика за текущий месяц
function renderTimeStats() {
const container = document.getElementById('timeStats');
if (!container) return;
const now = new Date();
const currentMonth = now.getMonth();
const currentYear = now.getFullYear();
const monthLogs = timeLogs.filter(l => {
const d = new Date(l.date);
return d.getMonth() === currentMonth && d.getFullYear() === currentYear;
});
if (monthLogs.length === 0) {
container.innerHTML = '<p style="text-align: center; color: #6c757d; padding: 20px;">В этом месяце пока нет записей</p>';
return;
}
// Группировка по партнерам
const byPartner = {};
monthLogs.forEach(log => {
if (!byPartner[log.partnerId]) {
byPartner[log.partnerId] = {
name: log.partnerName,
hours: 0,
cost: 0,
records: 0
};
}
byPartner[log.partnerId].hours += log.hours;
byPartner[log.partnerId].cost += log.cost;
byPartner[log.partnerId].records += 1;
});
// Нормированный фонд: 160 часов в месяц
const normHours = 160;
let html = '<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px;">';
Object.values(byPartner).forEach(p => {
const percent = Math.min(100, Math.round((p.hours / normHours) * 100));
let statusColor = '#28a745';
let statusText = '✅ Отлично';
if (percent < 50) {
statusColor = '#dc3545';
statusText = '? Критически мало';
} else if (percent < 80) {
statusColor = '#ffc107';
statusText = '⚠️ Ниже нормы';
} else if (percent >= 100) {
statusText = '? Сверхнорма';
}
html += `<div style="border: 2px solid #e9ecef; border-radius: 12px; padding: 15px; background: white;">`;
html += `<h4 style="color: #667eea; margin-bottom: 10px;">${escapeHtml(p.name)}</h4>`;
html += `<div style="margin-bottom: 10px;">`;
html += `<div style="display: flex; justify-content: space-between; margin-bottom: 5px;">`;
html += `<span>Часов: <strong>${p.hours}</strong> / ${normHours}</span>`;
html += `<span style="color: ${statusColor};"><strong>${percent}%</strong></span>`;
html += `</div>`;
html += `<div style="background: #e9ecef; border-radius: 10px; height: 10px; overflow: hidden;">`;
html += `<div style="background: ${statusColor}; height: 100%; width: ${percent}%; transition: width 0.5s;"></div>`;
html += `</div>`;
html += `</div>`;
html += `<div style="font-size: 0.9em; color: #6c757d;">`;
html += `Стоимость труда: <strong style="color: #28a745;">${p.cost.toLocaleString('ru-RU')} ₽</strong><br>`;
html += `Записей: ${p.records} | Статус: <span style="color: ${statusColor};">${statusText}</span>`;
html += `</div>`;
html += `</div>`;
});
html += '</div>';
container.innerHTML = html;
}
// Удаление записи
function deleteTimeLog(id) {
const log = timeLogs.find(l => l.id === id);
if (!log) return;
if (confirm(`Удалить запись от ${formatDate(log.date)} (${log.hours} ч)?`)) {
timeLogs = timeLogs.filter(l => l.id !== id);
saveData();
renderTimeLogs();
renderTimeStats();
updateTimeMonthFilter();
updateDashboard();
showToast('?️ Запись удалена');
}
}
// Редактирование записи
function editTimeLog(id) {
const log = timeLogs.find(l => l.id === id);
if (!log) return;
const newHours = prompt('Количество часов:', log.hours);
if (newHours === null) return;
const newDesc = prompt('Описание задач:', log.description);
if (newDesc === null) return;
log.hours = parseFloat(newHours) || log.hours;
log.cost = log.hours * log.hourlyRate;
log.description = newDesc.trim();
saveData();
renderTimeLogs();
renderTimeStats();
updateDashboard();
showToast('✅ Запись обновлена');
}
// Инициализация
updateTimeSelects();
updateTimeMonthFilter();
renderTimeLogs();
renderTimeStats();
</script>
<script>
// ============================================
// БЛОК 6: ДИНАМИЧЕСКАЯ ПЕРЕОЦЕНКА АКТИВОВ
// ============================================
// Заполняем вкладку переоценки HTML-разметкой
document.getElementById('valuation').innerHTML = `
<div class="card">
<h2>? Зафиксировать переоценку актива</h2>
<p style="color: #6c757d; margin-bottom: 20px;">
Активы меняют стоимость: недвижимость дорожает, оборудование изнашивается, бренд растёт.
Фиксируйте изменения, чтобы распределение прибыли оставалось справедливым.
</p>
<form id="valuationForm">
<div class="form-group">
<label>Выберите актив для переоценки *</label>
<select id="valuationAsset" required onchange="updateValuationPreview()">
<option value="">Выберите актив</option>
</select>
</div>
<div id="valuationCurrentInfo" style="padding: 15px; background: #f8f9fa; border-radius: 8px; margin-bottom: 20px; display: none;">
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;">
<div><strong>Текущая стоимость:</strong><br><span id="valCurrent" style="color: #667eea; font-size: 1.2em;">0 ₽</span></div>
<div><strong>Партнер:</strong><br><span id="valPartner">-</span></div>
<div><strong>Тип:</strong><br><span id="valType">-</span></div>
<div><strong>Последняя переоценка:</strong><br><span id="valLast">-</span></div>
</div>
</div>
<div class="form-group">
<label>Новая стоимость (руб) *</label>
<input type="number" id="valuationNewValue" required min="0" step="100" placeholder="1500000" oninput="updateValuationDelta()">
</div>
<div id="valuationDelta" style="padding: 15px; border-radius: 8px; margin-bottom: 20px; display: none;">
<strong>Изменение стоимости:</strong> <span id="deltaAmount">0 ₽</span>
(<span id="deltaPercent">0%</span>)
</div>
<div class="form-group">
<label>Дата переоценки *</label>
<input type="date" id="valuationDate" required>
</div>
<div class="form-group">
<label>Причина переоценки *</label>
<select id="valuationReason" required>
<option value="">Выберите причину</option>
<option value="market">? Рыночная конъюнктура (цены выросли/упали)</option>
<option value="appraisal">? Независимая оценка</option>
<option value="wear">? Износ / амортизация</option>
<option value="upgrade">⚡ Модернизация / улучшение</option>
<option value="brand">? Рост бренда / репутации</option>
<option value="agreement">? Договорённость партнеров</option>
<option value="other">? Другое</option>
</select>
</div>
<div class="form-group">
<label>Обоснование / Комментарий</label>
<textarea id="valuationComment" rows="3" placeholder="Почему изменилась стоимость? Ссылки на отчёты, рыночные данные..."></textarea>
</div>
<button type="submit" class="btn btn-primary">Зафиксировать переоценку</button>
<button type="button" class="btn btn-secondary" onclick="document.getElementById('valuationForm').reset(); document.getElementById('valuationCurrentInfo').style.display='none'; document.getElementById('valuationDelta').style.display='none';">Очистить</button>
</form>
</div>
<div class="card">
<h2>? Общая динамика стоимости активов</h2>
<div id="valuationSummary"></div>
</div>
<div class="card">
<h2>? Журнал переоценок</h2>
<div style="margin-bottom: 15px; display: flex; gap: 10px; flex-wrap: wrap;">
<select id="valuationFilterPartner" onchange="renderValuations()" style="padding: 8px; border: 2px solid #e9ecef; border-radius: 8px;">
<option value="">Все партнеры</option>
</select>
<select id="valuationFilterType" onchange="renderValuations()" style="padding: 8px; border: 2px solid #e9ecef; border-radius: 8px;">
<option value="">Все типы</option>
</select>
</div>
<div id="valuationsList"></div>
</div>
`;
// Установка даты по умолчанию — сегодня
document.getElementById('valuationDate').valueAsDate = new Date();
// Справочник причин переоценки
const valuationReasonLabels = {
'market': '? Рыночная конъюнктура',
'appraisal': '? Независимая оценка',
'wear': '? Износ / амортизация',
'upgrade': '⚡ Модернизация',
'brand': '? Рост бренда',
'agreement': '? Договорённость партнеров',
'other': '? Другое'
};
// Заполнение списка активов для переоценки
function updateValuationAssetSelect() {
const select = document.getElementById('valuationAsset');
if (!select) return;
select.innerHTML = '<option value="">Выберите актив</option>';
if (assets.length === 0) {
select.innerHTML = '<option value="">Сначала добавьте активы</option>';
return;
}
assets.forEach(asset => {
const currentVal = getCurrentAssetValue(asset.id);
const opt = document.createElement('option');
opt.value = asset.id;
opt.textContent = `${asset.name} (${asset.partnerName}) — ${currentVal.toLocaleString('ru-RU')} ₽`;
select.appendChild(opt);
});
}
// Получение текущей стоимости актива (с учётом переоценок)
function getCurrentAssetValue(assetId) {
const asset = assets.find(a => a.id === assetId);
if (!asset) return 0;
const assetValuations = valuations
.filter(v => v.assetId === assetId)
.sort((a, b) => new Date(b.date) - new Date(a.date));
if (assetValuations.length === 0) return asset.value;
return assetValuations[0].newValue;
}
// Предпросмотр информации об активе
function updateValuationPreview() {
const assetId = parseInt(document.getElementById('valuationAsset').value);
const infoBlock = document.getElementById('valuationCurrentInfo');
if (!assetId) {
infoBlock.style.display = 'none';
return;
}
const asset = assets.find(a => a.id === assetId);
if (!asset) {
infoBlock.style.display = 'none';
return;
}
const currentValue = getCurrentAssetValue(assetId);
const assetValuations = valuations
.filter(v => v.assetId === assetId)
.sort((a, b) => new Date(b.date) - new Date(a.date));
document.getElementById('valCurrent').textContent = currentValue.toLocaleString('ru-RU') + ' ₽';
document.getElementById('valPartner').textContent = asset.partnerName;
document.getElementById('valType').textContent = assetTypeLabels[asset.type] || asset.type;
document.getElementById('valLast').textContent = assetValuations.length > 0
? formatDate(assetValuations[0].date)
: 'Не было переоценок';
infoBlock.style.display = 'block';
updateValuationDelta();
}
// Расчет дельты при вводе новой стоимости
function updateValuationDelta() {
const assetId = parseInt(document.getElementById('valuationAsset').value);
const newValue = parseFloat(document.getElementById('valuationNewValue').value);
const deltaBlock = document.getElementById('valuationDelta');
if (!assetId || !newValue) {
deltaBlock.style.display = 'none';
return;
}
const currentValue = getCurrentAssetValue(assetId);
const delta = newValue - currentValue;
const percent = currentValue > 0 ? (delta / currentValue) * 100 : 0;
const deltaAmount = document.getElementById('deltaAmount');
const deltaPercent = document.getElementById('deltaPercent');
deltaAmount.textContent = (delta >= 0 ? '+' : '') + delta.toLocaleString('ru-RU') + ' ₽';
deltaPercent.textContent = (percent >= 0 ? '+' : '') + percent.toFixed(2) + '%';
if (delta > 0) {
deltaBlock.style.background = '#d4edda';
deltaBlock.style.color = '#155724';
} else if (delta < 0) {
deltaBlock.style.background = '#f8d7da';
deltaBlock.style.color = '#721c24';
} else {
deltaBlock.style.background = '#e9ecef';
deltaBlock.style.color = '#495057';
}
deltaBlock.style.display = 'block';
}
// Обработчик формы переоценки
document.getElementById('valuationForm').addEventListener('submit', function(e) {
e.preventDefault();
const assetId = parseInt(document.getElementById('valuationAsset').value);
const asset = assets.find(a => a.id === assetId);
if (!asset) {
alert('Ошибка: актив не найден');
return;
}
const newValue = parseFloat(document.getElementById('valuationNewValue').value);
const currentValue = getCurrentAssetValue(assetId);
const valuation = {
id: Date.now(),
assetId: assetId,
assetName: asset.name,
partnerId: asset.partnerId,
partnerName: asset.partnerName,
assetType: asset.type,
oldValue: currentValue,
newValue: newValue,
delta: newValue - currentValue,
deltaPercent: currentValue > 0 ? ((newValue - currentValue) / currentValue) * 100 : 0,
date: document.getElementById('valuationDate').value,
reason: document.getElementById('valuationReason').value,
comment: document.getElementById('valuationComment').value.trim(),
createdAt: new Date().toISOString()
};
valuations.push(valuation);
saveData();
renderValuations();
renderValuationSummary();
updateValuationAssetSelect();
updateDashboard();
this.reset();
document.getElementById('valuationDate').valueAsDate = new Date();
document.getElementById('valuationCurrentInfo').style.display = 'none';
document.getElementById('valuationDelta').style.display = 'none';
showToast('✅ Переоценка зафиксирована!');
});
// Заполнение фильтров
function updateValuationFilters() {
const filterPartner = document.getElementById('valuationFilterPartner');
const filterType = document.getElementById('valuationFilterType');
if (!filterPartner || !filterType) return;
// Партнеры
const partnerIds = new Set();
valuations.forEach(v => partnerIds.add(v.partnerId));
filterPartner.innerHTML = '<option value="">Все партнеры</option>';
Array.from(partnerIds).forEach(pid => {
const partner = partners.find(p => p.id === pid);
if (partner) {
const opt = document.createElement('option');
opt.value = pid;
opt.textContent = partner.name;
filterPartner.appendChild(opt);
}
});
// Типы
const types = new Set();
valuations.forEach(v => types.add(v.assetType));
filterType.innerHTML = '<option value="">Все типы</option>';
Array.from(types).forEach(t => {
const opt = document.createElement('option');
opt.value = t;
opt.textContent = assetTypeLabels[t] || t;
filterType.appendChild(opt);
});
}
// Отрисовка журнала переоценок
function renderValuations() {
const container = document.getElementById('valuationsList');
if (!container) return;
const filterPartner = document.getElementById('valuationFilterPartner').value;
const filterType = document.getElementById('valuationFilterType').value;
let filtered = valuations.slice();
if (filterPartner) {
filtered = filtered.filter(v => v.partnerId === parseInt(filterPartner));
}
if (filterType) {
filtered = filtered.filter(v => v.assetType === filterType);
}
if (filtered.length === 0) {
container.innerHTML = '<p style="text-align: center; color: #6c757d; padding: 40px;">Нет записей о переоценках</p>';
return;
}
// Сортировка по дате (новые сверху)
filtered.sort((a, b) => new Date(b.date) - new Date(a.date));
let html = '<table><thead><tr>';
html += '<th>Дата</th>';
html += '<th>Актив</th>';
html += '<th>Партнер</th>';
html += '<th>Было</th>';
html += '<th>Стало</th>';
html += '<th>Изменение</th>';
html += '<th>Причина</th>';
html += '<th>Действия</th>';
html += '</tr></thead><tbody>';
filtered.forEach(v => {
const deltaColor = v.delta > 0 ? '#28a745' : v.delta < 0 ? '#dc3545' : '#6c757d';
const deltaSign = v.delta > 0 ? '+' : '';
html += '<tr>';
html += `<td>${formatDate(v.date)}</td>`;
html += `<td><strong>${escapeHtml(v.assetName)}</strong><br><small style="color: #6c757d;">${escapeHtml(v.comment) || ''}</small></td>`;
html += `<td>${escapeHtml(v.partnerName)}</td>`;
html += `<td>${v.oldValue.toLocaleString('ru-RU')} ₽</td>`;
html += `<td><strong>${v.newValue.toLocaleString('ru-RU')} ₽</strong></td>`;
html += `<td style="color: ${deltaColor}; font-weight: 600;">
${deltaSign}${v.delta.toLocaleString('ru-RU')} ₽<br>
<small>(${deltaSign}${v.deltaPercent.toFixed(2)}%)</small>
</td>`;
html += `<td><span class="badge badge-warning">${valuationReasonLabels[v.reason] || v.reason}</span></td>`;
html += `<td>
<button class="btn btn-danger" onclick="deleteValuation(${v.id})" style="padding: 6px 12px; font-size: 0.85em;">?️</button>
</td>`;
html += '</tr>';
});
html += '</tbody></table>';
container.innerHTML = html;
}
// Сводка по переоценкам
function renderValuationSummary() {
const container = document.getElementById('valuationSummary');
if (!container) return;
if (valuations.length === 0) {
container.innerHTML = '<p style="text-align: center; color: #6c757d; padding: 20px;">Переоценки ещё не проводились</p>';
return;
}
// Общая динамика по партнерам
const byPartner = {};
valuations.forEach(v => {
if (!byPartner[v.partnerId]) {
byPartner[v.partnerId] = {
name: v.partnerName,
totalDelta: 0,
upCount: 0,
downCount: 0
};
}
byPartner[v.partnerId].totalDelta += v.delta;
if (v.delta > 0) byPartner[v.partnerId].upCount++;
else if (v.delta < 0) byPartner[v.partnerId].downCount++;
});
// Общая сумма изменений
const totalDelta = valuations.reduce((s, v) => s + v.delta, 0);
const upCount = valuations.filter(v => v.delta > 0).length;
const downCount = valuations.filter(v => v.delta < 0).length;
let html = '<div class="stats-grid">';
html += `<div class="stat-card" style="background: ${totalDelta >= 0 ? 'linear-gradient(135deg, #28a745 0%, #20c997 100%)' : 'linear-gradient(135deg, #dc3545 0%, #c82333 100%)'};">
<h3>${totalDelta >= 0 ? '+' : ''}${totalDelta.toLocaleString('ru-RU')} ₽</h3>
<p>Суммарное изменение стоимости</p>
</div>`;
html += `<div class="stat-card" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
<h3>${valuations.length}</h3>
<p>Всего переоценок</p>
</div>`;
html += `<div class="stat-card" style="background: linear-gradient(135deg, #28a745 0%, #20c997 100%);">
<h3>${upCount}</h3>
<p>Рост стоимости</p>
</div>`;
html += `<div class="stat-card" style="background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);">
<h3>${downCount}</h3>
<p>Снижение стоимости</p>
</div>`;
html += '</div>';
// Детализация по партнерам
html += '<h3 style="color: #667eea; margin: 20px 0 15px;">? Динамика по партнерам</h3>';
html += '<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px;">';
Object.values(byPartner).forEach(p => {
const color = p.totalDelta >= 0 ? '#28a745' : '#dc3545';
const sign = p.totalDelta >= 0 ? '+' : '';
html += `<div style="border: 2px solid #e9ecef; border-radius: 12px; padding: 15px; background: white;">`;
html += `<h4 style="color: #667eea; margin-bottom: 10px;">${escapeHtml(p.name)}</h4>`;
html += `<div style="font-size: 1.3em; color: ${color}; font-weight: 600; margin-bottom: 10px;">
${sign}${p.totalDelta.toLocaleString('ru-RU')} ₽
</div>`;
html += `<div style="font-size: 0.9em; color: #6c757d;">
? Рост: ${p.upCount} | ? Снижение: ${p.downCount}
</div>`;
html += `</div>`;
});
html += '</div>';
container.innerHTML = html;
}
// Удаление записи переоценки
function deleteValuation(id) {
const v = valuations.find(val => val.id === id);
if (!v) return;
if (confirm(`Удалить запись о переоценке актива "${v.assetName}" от ${formatDate(v.date)}?\n\nЭто действие нельзя отменить.`)) {
valuations = valuations.filter(val => val.id !== id);
saveData();
renderValuations();
renderValuationSummary();
updateValuationAssetSelect();
updateDashboard();
showToast('?️ Запись удалена');
}
}
// Инициализация
updateValuationAssetSelect();
updateValuationFilters();
renderValuations();
renderValuationSummary();
</script>
<script>
// ============================================
// БЛОК 7: КАЛЬКУЛЯТОР РАСПРЕДЕЛЕНИЯ ПРИБЫЛИ
// ============================================
// Заполняем вкладку прибыли HTML-разметкой
document.getElementById('profit').innerHTML = `
<div class="card">
<h2>? Калькулятор распределения прибыли</h2>
<p style="color: #6c757d; margin-bottom: 20px;">
Введите чистую прибыль за период и настройте коэффициенты распределения.
Система автоматически рассчитает доли каждого партнёра по трёхуровневой модели.
</p>
<form id="profitForm">
<div class="form-group">
<label>Период (месяц/квартал) *</label>
<input type="month" id="profitPeriod" required>
</div>
<div class="form-group">
<label>Чистая прибыль за период (руб) *</label>
<input type="number" id="profitAmount" required min="0" step="1000" placeholder="500000" oninput="calculateProfitDistribution()">
</div>
<div style="background: #e7f3ff; border-radius: 12px; padding: 20px; margin-bottom: 20px;">
<h3 style="color: #667eea; margin-bottom: 15px;">⚙️ Настройки распределения</h3>
<div class="form-group">
<label>Уровень 1: Фонд развития и подушка безопасности (%)</label>
<input type="number" id="devFundPercent" min="0" max="100" step="5" value="20" oninput="calculateProfitDistribution()">
<small style="color: #6c757d;">Рекомендуется: 15-30%. Эти деньги идут на развитие бизнеса.</small>
</div>
<div class="form-group">
<label>Уровень 2: Премии за риски и кредиты (%)</label>
<input type="number" id="riskPremiumPercent" min="0" max="50" step="5" value="15" oninput="calculateProfitDistribution()">
<small style="color: #6c757d;">Рекомендуется: 10-20%. Выплаты заёмщикам и поручителям за риск.</small>
</div>
<div class="form-group">
<label>Уровень 3: Остаток делится между Капиталом и Трудом</label>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px;">
<div>
<label style="font-size: 0.9em;">Доля Капитала (%)</label>
<input type="number" id="capitalPercent" min="0" max="100" step="5" value="50" oninput="syncCapitalLabor(); calculateProfitDistribution();">
</div>
<div>
<label style="font-size: 0.9em;">Доля Труда (%)</label>
<input type="number" id="laborPercent" min="0" max="100" step="5" value="50" oninput="syncCapitalLabor(); calculateProfitDistribution();">
</div>
</div>
<small style="color: #6c757d;">Капитал — пропорционально вложенным активам. Труд — пропорционально отработанным часам.</small>
</div>
</div>
<button type="button" class="btn btn-primary" onclick="calculateProfitDistribution()">? Рассчитать распределение</button>
<button type="button" class="btn btn-success" onclick="saveProfitCalculation()">? Сохранить расчёт</button>
</form>
</div>
<div class="card">
<h2>? Результат распределения</h2>
<div id="profitDistributionResult"></div>
</div>
<div class="card">
<h2>? История расчётов</h2>
<div id="profitHistory"></div>
</div>
`;
// Установка текущего месяца по умолчанию
const now = new Date();
document.getElementById('profitPeriod').value = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}`;
// Синхронизация долей капитала и труда (сумма должна быть 100%)
function syncCapitalLabor() {
const capitalInput = document.getElementById('capitalPercent');
const laborInput = document.getElementById('laborPercent');
const capital = parseFloat(capitalInput.value) || 0;
const labor = parseFloat(laborInput.value) || 0;
if (capital + labor !== 100) {
// Автоматически корректируем труд
laborInput.value = 100 - capital;
}
}
// Основная функция расчёта распределения прибыли
function calculateProfitDistribution() {
const container = document.getElementById('profitDistributionResult');
if (!container) return;
const profitAmount = parseFloat(document.getElementById('profitAmount').value) || 0;
if (profitAmount <= 0) {
container.innerHTML = '<p style="text-align: center; color: #6c757d; padding: 40px;">Введите сумму прибыли для расчёта</p>';
return;
}
if (partners.length === 0) {
container.innerHTML = '<p style="text-align: center; color: #dc3545; padding: 40px;">⚠️ Сначала добавьте участников</p>';
return;
}
const devFundPercent = parseFloat(document.getElementById('devFundPercent').value) || 0;
const riskPremiumPercent = parseFloat(document.getElementById('riskPremiumPercent').value) || 0;
const capitalPercent = parseFloat(document.getElementById('capitalPercent').value) || 0;
const laborPercent = parseFloat(document.getElementById('laborPercent').value) || 0;
// Уровень 1: Фонд развития
const devFund = profitAmount * (devFundPercent / 100);
const afterDevFund = profitAmount - devFund;
// Уровень 2: Премии за риски
const riskPremiumTotal = profitAmount * (riskPremiumPercent / 100);
const afterRiskPremium = afterDevFund - riskPremiumTotal;
// Уровень 3: Разделение на капитал и труд
const capitalPool = afterRiskPremium * (capitalPercent / 100);
const laborPool = afterRiskPremium * (laborPercent / 100);
// Расчёт долей капитала (по текущей стоимости активов)
const partnerCapitalShares = {};
let totalCapital = 0;
partners.forEach(partner => {
const partnerAssets = assets.filter(a => a.partnerId === partner.id);
let partnerCapital = 0;
partnerAssets.forEach(asset => {
partnerCapital += getCurrentAssetValue(asset.id);
});
partnerCapitalShares[partner.id] = {
name: partner.name,
capital: partnerCapital,
share: 0,
capitalIncome: 0
};
totalCapital += partnerCapital;
});
// Нормализация долей капитала
if (totalCapital > 0) {
Object.values(partnerCapitalShares).forEach(p => {
p.share = (p.capital / totalCapital) * 100;
p.capitalIncome = capitalPool * (p.share / 100);
});
}
// Расчёт долей труда (по часам за период)
const period = document.getElementById('profitPeriod').value;
const [year, month] = period.split('-').map(Number);
const partnerLaborShares = {};
let totalLaborCost = 0;
partners.forEach(partner => {
const periodLogs = timeLogs.filter(log => {
const d = new Date(log.date);
return d.getFullYear() === year && d.getMonth() + 1 === month && log.partnerId === partner.id;
});
const totalHours = periodLogs.reduce((s, l) => s + l.hours, 0);
const laborCost = totalHours * partner.hourlyRate;
partnerLaborShares[partner.id] = {
name: partner.name,
hours: totalHours,
laborCost: laborCost,
share: 0,
laborIncome: 0
};
totalLaborCost += laborCost;
});
// Нормализация долей труда
if (totalLaborCost > 0) {
Object.values(partnerLaborShares).forEach(p => {
p.share = (p.laborCost / totalLaborCost) * 100;
p.laborIncome = laborPool * (p.share / 100);
});
}
// Расчёт премий за риски (поручительства)
const partnerRiskPremiums = {};
let totalRiskWeight = 0;
credits.forEach(credit => {
if (credit.guarantorIds.length > 0) {
const premiumPerGuarantor = riskPremiumTotal / credit.guarantorIds.length;
credit.guarantorIds.forEach(gId => {
if (!partnerRiskPremiums[gId]) {
const guarantor = partners.find(p => p.id === gId);
partnerRiskPremiums[gId] = {
name: guarantor ? guarantor.name : 'Неизвестный',
premium: 0,
credits: []
};
}
partnerRiskPremiums[gId].premium += premiumPerGuarantor;
partnerRiskPremiums[gId].credits.push(credit.name);
totalRiskWeight += premiumPerGuarantor;
});
}
});
// Итоговый расчёт для каждого партнёра
const partnerTotals = {};
partners.forEach(partner => {
partnerTotals[partner.id] = {
name: partner.name,
capitalIncome: partnerCapitalShares[partner.id]?.capitalIncome || 0,
laborIncome: partnerLaborShares[partner.id]?.laborIncome || 0,
riskPremium: partnerRiskPremiums[partner.id]?.premium || 0,
total: 0
};
partnerTotals[partner.id].total =
partnerTotals[partner.id].capitalIncome +
partnerTotals[partner.id].laborIncome +
partnerTotals[partner.id].riskPremium;
});
// Отрисовка результата
let html = '<div style="background: #f8f9fa; border-radius: 12px; padding: 20px; margin-bottom: 20px;">';
html += '<h3 style="color: #667eea; margin-bottom: 15px;">? Структура распределения</h3>';
html += '<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;">';
html += `<div style="background: white; padding: 15px; border-radius: 8px; text-align: center;">
<div style="font-size: 0.9em; color: #6c757d;">Чистая прибыль</div>
<div style="font-size: 1.5em; font-weight: 600; color: #28a745;">${profitAmount.toLocaleString('ru-RU')} ₽</div>
</div>`;
html += `<div style="background: white; padding: 15px; border-radius: 8px; text-align: center;">
<div style="font-size: 0.9em; color: #6c757d;">Фонд развития (${devFundPercent}%)</div>
<div style="font-size: 1.5em; font-weight: 600; color: #667eea;">${Math.round(devFund).toLocaleString('ru-RU')} ₽</div>
</div>`;
html += `<div style="background: white; padding: 15px; border-radius: 8px; text-align: center;">
<div style="font-size: 0.9em; color: #6c757d;">Премии за риски (${riskPremiumPercent}%)</div>
<div style="font-size: 1.5em; font-weight: 600; color: #ffc107;">${Math.round(riskPremiumTotal).toLocaleString('ru-RU')} ₽</div>
</div>`;
html += `<div style="background: white; padding: 15px; border-radius: 8px; text-align: center;">
<div style="font-size: 0.9em; color: #6c757d;">Остаток для распределения</div>
<div style="font-size: 1.5em; font-weight: 600; color: #764ba2;">${Math.round(afterRiskPremium).toLocaleString('ru-RU')} ₽</div>
</div>`;
html += '</div></div>';
// Детализация по партнёрам
html += '<h3 style="color: #667eea; margin-bottom: 15px;">? Доли партнёров</h3>';
html += '<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px;">';
Object.values(partnerTotals).forEach(p => {
const totalPercent = profitAmount > 0 ? (p.total / profitAmount) * 100 : 0;
html += `<div style="border: 2px solid #e9ecef; border-radius: 12px; padding: 20px; background: white;">`;
html += `<h4 style="color: #667eea; margin-bottom: 15px;">? ${escapeHtml(p.name)}</h4>`;
html += `<div style="font-size: 2em; font-weight: 600; color: #28a745; margin-bottom: 15px; text-align: center;">
${Math.round(p.total).toLocaleString('ru-RU')} ₽
</div>`;
html += `<div style="font-size: 0.9em; color: #6c757d; text-align: center; margin-bottom: 15px;">
${totalPercent.toFixed(2)}% от прибыли
</div>`;
html += '<div style="border-top: 1px solid #e9ecef; padding-top: 15px;">';
if (p.capitalIncome > 0) {
const capitalShare = partnerCapitalShares[partners.findIndex(partner => partner.name === p.name)]?.share || 0;
html += `<div style="margin-bottom: 10px;">
<div style="display: flex; justify-content: space-between; margin-bottom: 5px;">
<span>? Капитал (${capitalShare.toFixed(1)}%)</span>
<strong style="color: #667eea;">${Math.round(p.capitalIncome).toLocaleString('ru-RU')} ₽</strong>
</div>
</div>`;
}
if (p.laborIncome > 0) {
const laborData = partnerLaborShares[partners.findIndex(partner => partner.name === p.name)];
const laborShare = laborData?.share || 0;
const hours = laborData?.hours || 0;
html += `<div style="margin-bottom: 10px;">
<div style="display: flex; justify-content: space-between; margin-bottom: 5px;">
<span>⏱️ Труд (${hours}ч, ${laborShare.toFixed(1)}%)</span>
<strong style="color: #764ba2;">${Math.round(p.laborIncome).toLocaleString('ru-RU')} ₽</strong>
</div>
</div>`;
}
if (p.riskPremium > 0) {
const riskData = partnerRiskPremiums[partners.findIndex(partner => partner.name === p.name)];
html += `<div style="margin-bottom: 10px;">
<div style="display: flex; justify-content: space-between; margin-bottom: 5px;">
<span>⚠️ Премия за риск</span>
<strong style="color: #ffc107;">${Math.round(p.riskPremium).toLocaleString('ru-RU')} ₽</strong>
</div>
<small style="color: #6c757d;">Поручитель по: ${riskData?.credits.join(', ') || '-'}</small>
</div>`;
}
html += '</div></div>';
});
html += '</div>';
// Проверка баланса
const distributedTotal = Object.values(partnerTotals).reduce((s, p) => s + p.total, 0);
const undistributed = profitAmount - devFund - distributedTotal;
if (Math.abs(undistributed) > 1) {
html += `<div style="margin-top: 20px; padding: 15px; background: #fff3cd; border-radius: 8px; color: #856404;">
⚠️ Внимание: Нераспределённый остаток: ${Math.round(undistributed).toLocaleString('ru-RU')} ₽
</div>`;
}
container.innerHTML = html;
}
// Сохранение расчёта
function saveProfitCalculation() {
const profitAmount = parseFloat(document.getElementById('profitAmount').value) || 0;
if (profitAmount <= 0) {
alert('Введите сумму прибыли');
return;
}
const period = document.getElementById('profitPeriod').value;
const devFundPercent = parseFloat(document.getElementById('devFundPercent').value) || 0;
const riskPremiumPercent = parseFloat(document.getElementById('riskPremiumPercent').value) || 0;
const capitalPercent = parseFloat(document.getElementById('capitalPercent').value) || 0;
const laborPercent = parseFloat(document.getElementById('laborPercent').value) || 0;
const calculation = {
id: Date.now(),
period: period,
profitAmount: profitAmount,
devFundPercent: devFundPercent,
riskPremiumPercent: riskPremiumPercent,
capitalPercent: capitalPercent,
laborPercent: laborPercent,
createdAt: new Date().toISOString()
};
protocols.push(calculation);
saveData();
renderProfitHistory();
showToast('✅ Расчёт сохранён в историю');
}
// Отрисовка истории расчётов
function renderProfitHistory() {
const container = document.getElementById('profitHistory');
if (!container) return;
if (protocols.length === 0) {
container.innerHTML = '<p style="text-align: center; color: #6c757d; padding: 40px;">История расчётов пуста</p>';
return;
}
// Сортировка по дате (новые сверху)
const sorted = protocols.slice().sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt));
let html = '<table><thead><tr>';
html += '<th>Период</th>';
html += '<th>Прибыль</th>';
html += '<th>Фонд развития</th>';
html += '<th>Премии за риски</th>';
html += '<th>Капитал/Труд</th>';
html += '<th>Дата расчёта</th>';
html += '<th>Действия</th>';
html += '</tr></thead><tbody>';
sorted.forEach(calc => {
const devFund = calc.profitAmount * (calc.devFundPercent / 100);
const riskPremium = calc.profitAmount * (calc.riskPremiumPercent / 100);
html += '<tr>';
html += `<td><strong>${calc.period}</strong></td>`;
html += `<td style="color: #28a745; font-weight: 600;">${calc.profitAmount.toLocaleString('ru-RU')} ₽</td>`;
html += `<td>${Math.round(devFund).toLocaleString('ru-RU')} ₽ (${calc.devFundPercent}%)</td>`;
html += `<td>${Math.round(riskPremium).toLocaleString('ru-RU')} ₽ (${calc.riskPremiumPercent}%)</td>`;
html += `<td>${calc.capitalPercent}% / ${calc.laborPercent}%</td>`;
html += `<td>${formatDate(calc.createdAt)}</td>`;
html += `<td>
<button class="btn btn-danger" onclick="deleteProfitCalculation(${calc.id})" style="padding: 6px 12px; font-size: 0.85em;">?️</button>
</td>`;
html += '</tr>';
});
html += '</tbody></table>';
container.innerHTML = html;
}
// Удаление расчёта из истории
function deleteProfitCalculation(id) {
if (confirm('Удалить этот расчёт из истории?')) {
protocols = protocols.filter(p => p.id !== id);
saveData();
renderProfitHistory();
showToast('?️ Расчёт удалён');
}
}
// Инициализация
renderProfitHistory();
</script>
<script>
// ============================================
// БЛОК 8: ГЕНЕРАТОР ПРОТОКОЛОВ И ПЕЧАТЬ
// ============================================
// Заполняем вкладку протоколов HTML-разметкой
document.getElementById('protocols').innerHTML = `
<div class="card">
<h2>? Генерация протоколов</h2>
<p style="color: #6c757d; margin-bottom: 20px;">
Создавайте официальные протоколы для фиксации договорённостей между партнёрами.
Протоколы можно распечатать и подписать.
</p>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-bottom: 30px;">
<div style="border: 2px solid #e9ecef; border-radius: 12px; padding: 20px; background: white;">
<h3 style="color: #667eea; margin-bottom: 15px;">? Протокол распределения прибыли</h3>
<p style="color: #6c757d; margin-bottom: 15px; font-size: 0.9em;">
Фиксирует распределение прибыли за выбранный период между всеми партнёрами.
</p>
<div class="form-group">
<label>Период</label>
<input type="month" id="protocolPeriod">
</div>
<button class="btn btn-primary" onclick="generateProfitProtocol()">? Создать протокол</button>
</div>
<div style="border: 2px solid #e9ecef; border-radius: 12px; padding: 20px; background: white;">
<h3 style="color: #667eea; margin-bottom: 15px;">? Протокол внесения активов</h3>
<p style="color: #6c757d; margin-bottom: 15px; font-size: 0.9em;">
Фиксирует все активы, внесённые партнёрами на текущий момент.
</p>
<button class="btn btn-primary" onclick="generateAssetsProtocol()">? Создать протокол</button>
</div>
<div style="border: 2px solid #e9ecef; border-radius: 12px; padding: 20px; background: white;">
<h3 style="color: #667eea; margin-bottom: 15px;">? Протокол трудозатрат</h3>
<p style="color: #6c757d; margin-bottom: 15px; font-size: 0.9em;">
Фиксирует все трудозатраты партнёров за выбранный период.
</p>
<div class="form-group">
<label>Период</label>
<input type="month" id="timeProtocolPeriod">
</div>
<button class="btn btn-primary" onclick="generateTimeProtocol()">? Создать протокол</button>
</div>
<div style="border: 2px solid #e9ecef; border-radius: 12px; padding: 20px; background: white;">
<h3 style="color: #667eea; margin-bottom: 15px;">? Полный протокол партнёрства</h3>
<p style="color: #6c757d; margin-bottom: 15px; font-size: 0.9em;">
Комплексный отчёт: все активы, трудозатраты, кредиты и текущее состояние.
</p>
<button class="btn btn-primary" onclick="generateFullProtocol()">? Создать протокол</button>
</div>
</div>
</div>
<div class="card">
<h2>? Предпросмотр протокола</h2>
<div id="protocolPreview" style="background: white; border: 2px solid #e9ecef; border-radius: 12px; padding: 30px; min-height: 400px;">
<p style="text-align: center; color: #6c757d; padding: 40px;">
Выберите тип протокола для генерации
</p>
</div>
<div id="protocolActions" style="margin-top: 20px; display: none;">
<button class="btn btn-success" onclick="printProtocol()">?️ Распечатать</button>
<button class="btn btn-primary" onclick="downloadProtocolText()">? Скачать текстовый файл</button>
<button class="btn btn-secondary" onclick="copyProtocolToClipboard()">? Копировать в буфер</button>
</div>
</div>
`;
// Установка текущих месяцев по умолчанию
const currentMonth = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}`;
document.getElementById('protocolPeriod').value = currentMonth;
document.getElementById('timeProtocolPeriod').value = currentMonth;
// Генерация протокола распределения прибыли
function generateProfitProtocol() {
const period = document.getElementById('protocolPeriod').value;
const [year, month] = period.split('-').map(Number);
const monthNames = ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'];
const periodName = `${monthNames[month - 1]} ${year}`;
let html = `
<div style="font-family: 'Times New Roman', serif; line-height: 1.6;">
<h1 style="text-align: center; color: #000; margin-bottom: 10px;">ПРОТОКОЛ</h1>
<h2 style="text-align: center; color: #000; margin-bottom: 30px;">распределения прибыли за ${periodName}</h2>
<p style="text-align: right; margin-bottom: 30px;">Дата составления: ${formatDate(new Date().toISOString().split('T')[0])}</p>
<p style="text-indent: 2em; margin-bottom: 15px;">
Настоящий протокол составлен в отношении деятельности партнёрства в составе:
</p>
<ul style="margin-bottom: 20px;">
`;
partners.forEach(p => {
html += `<li>${escapeHtml(p.name)} (${p.role})</li>`;
});
html += `
</ul>
<h3 style="margin-top: 30px; margin-bottom: 15px;">1. Участники партнёрства</h3>
<table style="width: 100%; border-collapse: collapse; margin-bottom: 20px;">
<thead>
<tr style="background: #f0f0f0;">
<th style="border: 1px solid #000; padding: 8px; text-align: left;">ФИО</th>
<th style="border: 1px solid #000; padding: 8px; text-align: left;">Роль</th>
<th style="border: 1px solid #000; padding: 8px; text-align: left;">Дата вступления</th>
</tr>
</thead>
<tbody>
`;
partners.forEach(p => {
html += `
<tr>
<td style="border: 1px solid #000; padding: 8px;">${escapeHtml(p.name)}</td>
<td style="border: 1px solid #000; padding: 8px;">${p.role}</td>
<td style="border: 1px solid #000; padding: 8px;">${formatDate(p.joinDate)}</td>
</tr>
`;
});
html += `
</tbody>
</table>
<h3 style="margin-top: 30px; margin-bottom: 15px;">2. Активы партнёров</h3>
<p style="text-indent: 2em; margin-bottom: 15px;">
Общая стоимость активов: <strong>${assets.reduce((s, a) => s + getCurrentAssetValue(a.id), 0).toLocaleString('ru-RU')} ₽</strong>
</p>
`;
// Группировка активов по партнёрам
const groupedAssets = {};
assets.forEach(asset => {
if (!groupedAssets[asset.partnerId]) {
groupedAssets[asset.partnerId] = {
name: asset.partnerName,
total: 0,
items: []
};
}
const currentValue = getCurrentAssetValue(asset.id);
groupedAssets[asset.partnerId].total += currentValue;
groupedAssets[asset.partnerId].items.push({
name: asset.name,
type: assetTypeLabels[asset.type],
value: currentValue
});
});
html += '<table style="width: 100%; border-collapse: collapse; margin-bottom: 20px;">';
html += '<thead><tr style="background: #f0f0f0;">';
html += '<th style="border: 1px solid #000; padding: 8px; text-align: left;">Партнёр</th>';
html += '<th style="border: 1px solid #000; padding: 8px; text-align: left;">Активы</th>';
html += '<th style="border: 1px solid #000; padding: 8px; text-align: right;">Стоимость</th>';
html += '</tr></thead><tbody>';
Object.values(groupedAssets).forEach(g => {
html += `
<tr>
<td style="border: 1px solid #000; padding: 8px; vertical-align: top;">${escapeHtml(g.name)}</td>
<td style="border: 1px solid #000; padding: 8px;">
<ul style="margin: 0; padding-left: 20px;">
`;
g.items.forEach(item => {
html += `<li>${escapeHtml(item.name)} (${item.type})</li>`;
});
html += `
</ul>
</td>
<td style="border: 1px solid #000; padding: 8px; text-align: right; vertical-align: top;">
<strong>${g.total.toLocaleString('ru-RU')} ₽</strong>
</td>
</tr>
`;
});
html += '</tbody></table>';
html += `
<h3 style="margin-top: 30px; margin-bottom: 15px;">3. Трудозатраты за ${periodName}</h3>
`;
// Трудозатраты за период
const periodLogs = timeLogs.filter(log => {
const d = new Date(log.date);
return d.getFullYear() === year && d.getMonth() + 1 === month;
});
const groupedTime = {};
periodLogs.forEach(log => {
if (!groupedTime[log.partnerId]) {
groupedTime[log.partnerId] = {
name: log.partnerName,
hours: 0,
cost: 0
};
}
groupedTime[log.partnerId].hours += log.hours;
groupedTime[log.partnerId].cost += log.cost;
});
html += '<table style="width: 100%; border-collapse: collapse; margin-bottom: 20px;">';
html += '<thead><tr style="background: #f0f0f0;">';
html += '<th style="border: 1px solid #000; padding: 8px; text-align: left;">Партнёр</th>';
html += '<th style="border: 1px solid #000; padding: 8px; text-align: center;">Часов</th>';
html += '<th style="border: 1px solid #000; padding: 8px; text-align: right;">Стоимость труда</th>';
html += '</tr></thead><tbody>';
Object.values(groupedTime).forEach(g => {
html += `
<tr>
<td style="border: 1px solid #000; padding: 8px;">${escapeHtml(g.name)}</td>
<td style="border: 1px solid #000; padding: 8px; text-align: center;">${g.hours}</td>
<td style="border: 1px solid #000; padding: 8px; text-align: right;">${g.cost.toLocaleString('ru-RU')} ₽</td>
</tr>
`;
});
html += '</tbody></table>';
html += `
<h3 style="margin-top: 30px; margin-bottom: 15px;">4. Подписи участников</h3>
<p style="text-indent: 2em; margin-bottom: 30px;">
Настоящий протокол составлен в ${partners.length} экземплярах, по одному для каждого участника.
</p>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 50px;">
`;
partners.forEach(p => {
html += `
<div style="border-top: 1px solid #000; padding-top: 10px;">
<p style="margin-bottom: 5px;"><strong>${escapeHtml(p.name)}</strong></p>
<p style="color: #666; font-size: 0.9em;">${p.role}</p>
<p style="margin-top: 30px;">_________________ / ${escapeHtml(p.name.split(' ')[0])} /</p>
</div>
`;
});
html += `
</div>
</div>
`;
document.getElementById('protocolPreview').innerHTML = html;
document.getElementById('protocolActions').style.display = 'block';
}
// Генерация протокола активов
function generateAssetsProtocol() {
let html = `
<div style="font-family: 'Times New Roman', serif; line-height: 1.6;">
<h1 style="text-align: center; color: #000; margin-bottom: 10px;">ПРОТОКОЛ</h1>
<h2 style="text-align: center; color: #000; margin-bottom: 30px;">внесения активов в партнёрство</h2>
<p style="text-align: right; margin-bottom: 30px;">Дата составления: ${formatDate(new Date().toISOString().split('T')[0])}</p>
<p style="text-indent: 2em; margin-bottom: 20px;">
Настоящий протокол фиксирует все активы, внесённые участниками в партнёрство на текущую дату.
</p>
<h3 style="margin-top: 30px; margin-bottom: 15px;">Реестр активов</h3>
`;
if (assets.length === 0) {
html += '<p style="text-align: center; color: #666;">Активы не внесены</p>';
} else {
// Группировка по партнёрам
const grouped = {};
assets.forEach(asset => {
if (!grouped[asset.partnerId]) {
grouped[asset.partnerId] = {
name: asset.partnerName,
items: [],
total: 0
};
}
const currentValue = getCurrentAssetValue(asset.id);
grouped[asset.partnerId].items.push({
...asset,
currentValue: currentValue
});
grouped[asset.partnerId].total += currentValue;
});
Object.values(grouped).forEach(g => {
html += `
<h4 style="margin-top: 20px; margin-bottom: 10px; color: #333;">
${escapeHtml(g.name)} — Итого: ${g.total.toLocaleString('ru-RU')} ₽
</h4>
<table style="width: 100%; border-collapse: collapse; margin-bottom: 20px;">
<thead>
<tr style="background: #f0f0f0;">
<th style="border: 1px solid #000; padding: 8px; text-align: left;">Наименование</th>
<th style="border: 1px solid #000; padding: 8px; text-align: left;">Тип</th>
<th style="border: 1px solid #000; padding: 8px; text-align: left;">Дата внесения</th>
<th style="border: 1px solid #000; padding: 8px; text-align: right;">Стоимость</th>
</tr>
</thead>
<tbody>
`;
g.items.forEach(item => {
html += `
<tr>
<td style="border: 1px solid #000; padding: 8px;">${escapeHtml(item.name)}</td>
<td style="border: 1px solid #000; padding: 8px;">${assetTypeLabels[item.type]}</td>
<td style="border: 1px solid #000; padding: 8px;">${formatDate(item.date)}</td>
<td style="border: 1px solid #000; padding: 8px; text-align: right;">${item.currentValue.toLocaleString('ru-RU')} ₽</td>
</tr>
`;
});
html += '</tbody></table>';
});
}
html += `
<h3 style="margin-top: 30px; margin-bottom: 15px;">Подписи участников</h3>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 50px;">
`;
partners.forEach(p => {
html += `
<div style="border-top: 1px solid #000; padding-top: 10px;">
<p style="margin-bottom: 5px;"><strong>${escapeHtml(p.name)}</strong></p>
<p style="margin-top: 30px;">_________________ / ${escapeHtml(p.name.split(' ')[0])} /</p>
</div>
`;
});
html += '</div></div>';
document.getElementById('protocolPreview').innerHTML = html;
document.getElementById('protocolActions').style.display = 'block';
}
// Генерация протокола трудозатрат
function generateTimeProtocol() {
const period = document.getElementById('timeProtocolPeriod').value;
const [year, month] = period.split('-').map(Number);
const monthNames = ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'];
const periodName = `${monthNames[month - 1]} ${year}`;
let html = `
<div style="font-family: 'Times New Roman', serif; line-height: 1.6;">
<h1 style="text-align: center; color: #000; margin-bottom: 10px;">ПРОТОКОЛ</h1>
<h2 style="text-align: center; color: #000; margin-bottom: 30px;">учёта трудозатрат за ${periodName}</h2>
<p style="text-align: right; margin-bottom: 30px;">Дата составления: ${formatDate(new Date().toISOString().split('T')[0])}</p>
`;
const periodLogs = timeLogs.filter(log => {
const d = new Date(log.date);
return d.getFullYear() === year && d.getMonth() + 1 === month;
});
if (periodLogs.length === 0) {
html += '<p style="text-align: center; color: #666; margin-top: 50px;">Нет записей о трудозатратах за выбранный период</p>';
} else {
const grouped = {};
periodLogs.forEach(log => {
if (!grouped[log.partnerId]) {
grouped[log.partnerId] = {
name: log.partnerName,
logs: [],
totalHours: 0,
totalCost: 0
};
}
grouped[log.partnerId].logs.push(log);
grouped[log.partnerId].totalHours += log.hours;
grouped[log.partnerId].totalCost += log.cost;
});
Object.values(grouped).forEach(g => {
html += `
<h3 style="margin-top: 25px; margin-bottom: 15px; color: #333;">
${escapeHtml(g.name)}
</h3>
<p style="margin-bottom: 15px;">
Всего часов: <strong>${g.totalHours}</strong> |
Стоимость труда: <strong>${g.totalCost.toLocaleString('ru-RU')} ₽</strong>
</p>
<table style="width: 100%; border-collapse: collapse; margin-bottom: 20px;">
<thead>
<tr style="background: #f0f0f0;">
<th style="border: 1px solid #000; padding: 8px; text-align: left;">Дата</th>
<th style="border: 1px solid #000; padding: 8px; text-align: center;">Часы</th>
<th style="border: 1px solid #000; padding: 8px; text-align: left;">Тип деятельности</th>
<th style="border: 1px solid #000; padding: 8px; text-align: left;">Описание</th>
</tr>
</thead>
<tbody>
`;
g.logs.sort((a, b) => new Date(a.date) - new Date(b.date)).forEach(log => {
html += `
<tr>
<td style="border: 1px solid #000; padding: 8px;">${formatDate(log.date)}</td>
<td style="border: 1px solid #000; padding: 8px; text-align: center;">${log.hours}</td>
<td style="border: 1px solid #000; padding: 8px;">${activityTypeLabels[log.activityType] || log.activityType}</td>
<td style="border: 1px solid #000; padding: 8px;">${escapeHtml(log.description) || '-'}</td>
</tr>
`;
});
html += '</tbody></table>';
});
}
html += `
<h3 style="margin-top: 30px; margin-bottom: 15px;">Подписи участников</h3>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 50px;">
`;
partners.forEach(p => {
html += `
<div style="border-top: 1px solid #000; padding-top: 10px;">
<p style="margin-bottom: 5px;"><strong>${escapeHtml(p.name)}</strong></p>
<p style="margin-top: 30px;">_________________ / ${escapeHtml(p.name.split(' ')[0])} /</p>
</div>
`;
});
html += '</div></div>';
document.getElementById('protocolPreview').innerHTML = html;
document.getElementById('protocolActions').style.display = 'block';
}
// Генерация полного протокола
function generateFullProtocol() {
let html = `
<div style="font-family: 'Times New Roman', serif; line-height: 1.6;">
<h1 style="text-align: center; color: #000; margin-bottom: 10px;">ПОЛНЫЙ ПРОТОКОЛ</h1>
<h2 style="text-align: center; color: #000; margin-bottom: 30px;">состояния партнёрства</h2>
<p style="text-align: right; margin-bottom: 30px;">Дата составления: ${formatDate(new Date().toISOString().split('T')[0])}</p>
<h3 style="margin-top: 30px; margin-bottom: 15px;">1. Участники партнёрства</h3>
<table style="width: 100%; border-collapse: collapse; margin-bottom: 20px;">
<thead>
<tr style="background: #f0f0f0;">
<th style="border: 1px solid #000; padding: 8px; text-align: left;">ФИО</th>
<th style="border: 1px solid #000; padding: 8px; text-align: left;">Роль</th>
<th style="border: 1px solid #000; padding: 8px; text-align: left;">Дата вступления</th>
<th style="border: 1px solid #000; padding: 8px; text-align: right;">Ставка (руб/ч)</th>
</tr>
</thead>
<tbody>
`;
partners.forEach(p => {
html += `
<tr>
<td style="border: 1px solid #000; padding: 8px;">${escapeHtml(p.name)}</td>
<td style="border: 1px solid #000; padding: 8px;">${p.role}</td>
<td style="border: 1px solid #000; padding: 8px;">${formatDate(p.joinDate)}</td>
<td style="border: 1px solid #000; padding: 8px; text-align: right;">${p.hourlyRate.toLocaleString('ru-RU')}</td>
</tr>
`;
});
html += `
</tbody>
</table>
<h3 style="margin-top: 30px; margin-bottom: 15px;">2. Активы (всего: ${assets.reduce((s, a) => s + getCurrentAssetValue(a.id), 0).toLocaleString('ru-RU')} ₽)</h3>
`;
if (assets.length === 0) {
html += '<p>Активы не внесены</p>';
} else {
html += '<table style="width: 100%; border-collapse: collapse; margin-bottom: 20px;">';
html += '<thead><tr style="background: #f0f0f0;">';
html += '<th style="border: 1px solid #000; padding: 8px; text-align: left;">Партнёр</th>';
html += '<th style="border: 1px solid #000; padding: 8px; text-align: left;">Наименование</th>';
html += '<th style="border: 1px solid #000; padding: 8px; text-align: left;">Тип</th>';
html += '<th style="border: 1px solid #000; padding: 8px; text-align: right;">Стоимость</th>';
html += '</tr></thead><tbody>';
assets.forEach(a => {
html += `
<tr>
<td style="border: 1px solid #000; padding: 8px;">${escapeHtml(a.partnerName)}</td>
<td style="border: 1px solid #000; padding: 8px;">${escapeHtml(a.name)}</td>
<td style="border: 1px solid #000; padding: 8px;">${assetTypeLabels[a.type]}</td>
<td style="border: 1px solid #000; padding: 8px; text-align: right;">${getCurrentAssetValue(a.id).toLocaleString('ru-RU')} ₽</td>
</tr>
`;
});
html += '</tbody></table>';
}
html += `
<h3 style="margin-top: 30px; margin-bottom: 15px;">3. Кредиты и риски</h3>
`;
if (credits.length === 0) {
html += '<p>Кредиты отсутствуют</p>';
} else {
html += '<table style="width: 100%; border-collapse: collapse; margin-bottom: 20px;">';
html += '<thead><tr style="background: #f0f0f0;">';
html += '<th style="border: 1px solid #000; padding: 8px; text-align: left;">Название</th>';
html += '<th style="border: 1px solid #000; padding: 8px; text-align: left;">Заемщик</th>';
html += '<th style="border: 1px solid #000; padding: 8px; text-align: right;">Сумма</th>';
html += '<th style="border: 1px solid #000; padding: 8px; text-align: left;">Поручители</th>';
html += '</tr></thead><tbody>';
credits.forEach(c => {
html += `
<tr>
<td style="border: 1px solid #000; padding: 8px;">${escapeHtml(c.name)}</td>
<td style="border: 1px solid #000; padding: 8px;">${escapeHtml(c.borrowerName)}</td>
<td style="border: 1px solid #000; padding: 8px; text-align: right;">${c.amount.toLocaleString('ru-RU')} ₽</td>
<td style="border: 1px solid #000; padding: 8px;">${c.guarantorNames.map(n => escapeHtml(n)).join(', ') || 'Нет'}</td>
</tr>
`;
});
html += '</tbody></table>';
}
html += `
<h3 style="margin-top: 30px; margin-bottom: 15px;">4. Подписи участников</h3>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 50px;">
`;
partners.forEach(p => {
html += `
<div style="border-top: 1px solid #000; padding-top: 10px;">
<p style="margin-bottom: 5px;"><strong>${escapeHtml(p.name)}</strong></p>
<p style="margin-top: 30px;">_________________ / ${escapeHtml(p.name.split(' ')[0])} /</p>
</div>
`;
});
html += '</div></div>';
document.getElementById('protocolPreview').innerHTML = html;
document.getElementById('protocolActions').style.display = 'block';
}
// Печать протокола
function printProtocol() {
const content = document.getElementById('protocolPreview').innerHTML;
const printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`
<!DOCTYPE html>
<html>
<head>
<title>Протокол</title>
<style>
body { font-family: 'Times New Roman', serif; line-height: 1.6; padding: 20px; }
table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
th, td { border: 1px solid #000; padding: 8px; }
th { background: #f0f0f0; }
@media print {
body { padding: 0; }
}
</style>
</head>
<body>${content}</body>
</html>
`);
printWindow.document.close();
printWindow.focus();
setTimeout(() => {
printWindow.print();
printWindow.close();
}, 250);
}
// Скачивание текстового файла
function downloadProtocolText() {
const content = document.getElementById('protocolPreview').innerText;
const blob = new Blob([content], { type: 'text/plain;charset=utf-8' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = `Протокол_${formatDate(new Date().toISOString().split('T')[0])}.txt`;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
showToast('✅ Файл скачан');
}
// Копирование в буфер обмена
function copyProtocolToClipboard() {
const content = document.getElementById('protocolPreview').innerText;
navigator.clipboard.writeText(content).then(() => {
showToast('✅ Скопировано в буфер обмена');
}).catch(() => {
alert('Не удалось скопировать. Попробуйте вручную.');
});
}
</script>
<script>
// ============================================
// БЛОК 9: ГОЛОСОВАНИЕ И SMART PROTOCOL
// ============================================
// Заполняем вкладку голосования HTML-разметкой
document.getElementById('voting').innerHTML = `
<div class="card">
<h2>?️ Система голосования партнёров</h2>
<p style="color: #6c757d; margin-bottom: 20px;">
Создавайте голосования для принятия важных решений: добавление новых типов активов,
принятие новых партнёров, изменение правил распределения и т.д.
</p>
<button class="btn btn-primary" onclick="showCreateVoteForm()" style="margin-bottom: 20px;">
➕ Создать новое голосование
</button>
<div id="createVoteForm" style="display: none; background: #f8f9fa; border-radius: 12px; padding: 20px; margin-bottom: 20px;">
<h3 style="color: #667eea; margin-bottom: 15px;">Новое голосование</h3>
<div class="form-group">
<label>Тип голосования *</label>
<select id="voteType" required onchange="updateVoteFormFields()">
<option value="">Выберите тип</option>
<option value="new_asset_type">Добавить новый тип актива</option>
<option value="new_partner">Принять нового партнёра</option>
<option value="change_distribution">Изменить правила распределения</option>
<option value="revaluation">Провести массовую переоценку</option>
<option value="custom">Произвольное решение</option>
</select>
</div>
<div class="form-group">
<label>Название / Суть предложения *</label>
<input type="text" id="voteTitle" required placeholder="Например: Добавить тип актива 'Криптовалюта'">
</div>
<div class="form-group">
<label>Описание / Обоснование</label>
<textarea id="voteDescription" rows="4" placeholder="Подробное описание предложения, почему это важно..."></textarea>
</div>
<div id="voteSpecificFields"></div>
<div class="form-group">
<label>Срок голосования (дней)</label>
<input type="number" id="voteDeadline" min="1" max="30" value="7" placeholder="7">
</div>
<button class="btn btn-success" onclick="createVote()">✅ Создать голосование</button>
<button class="btn btn-secondary" onclick="hideCreateVoteForm()">Отмена</button>
</div>
</div>
<div class="card">
<h2>? Активные голосования</h2>
<div id="activeVotes"></div>
</div>
<div class="card">
<h2>? История голосований</h2>
<div id="voteHistory"></div>
</div>
`;
// Показать форму создания голосования
function showCreateVoteForm() {
document.getElementById('createVoteForm').style.display = 'block';
}
// Скрыть форму создания голосования
function hideCreateVoteForm() {
document.getElementById('createVoteForm').style.display = 'none';
document.getElementById('voteType').value = '';
document.getElementById('voteTitle').value = '';
document.getElementById('voteDescription').value = '';
document.getElementById('voteDeadline').value = '7';
document.getElementById('voteSpecificFields').innerHTML = '';
}
// Обновление полей формы в зависимости от типа голосования
function updateVoteFormFields() {
const type = document.getElementById('voteType').value;
const container = document.getElementById('voteSpecificFields');
if (!type) {
container.innerHTML = '';
return;
}
let html = '';
if (type === 'new_asset_type') {
html = `
<div class="form-group">
<label>Название нового типа актива *</label>
<input type="text" id="newAssetTypeName" placeholder="Например: Криптовалюта">
</div>
<div class="form-group">
<label>Описание типа</label>
<textarea id="newAssetTypeDescription" rows="2" placeholder="Что относится к этому типу..."></textarea>
</div>
`;
} else if (type === 'new_partner') {
html = `
<div class="form-group">
<label>ФИО нового партнёра *</label>
<input type="text" id="newPartnerName" placeholder="Петров Петр Петрович">
</div>
<div class="form-group">
<label>Роль</label>
<select id="newPartnerRole">
<option value="partner">Равноправный партнер</option>
<option value="investor">Инвестор</option>
<option value="manager">Управляющий</option>
<option value="specialist">Специалист</option>
</select>
</div>
<div class="form-group">
<label>Что вносит (кратко)</label>
<textarea id="newPartnerContribution" rows="2" placeholder="Деньги, имущество, компетенции..."></textarea>
</div>
`;
} else if (type === 'change_distribution') {
html = `
<div class="form-group">
<label>Новый % фонда развития</label>
<input type="number" id="newDevFundPercent" min="0" max="100" step="5" value="20">
</div>
<div class="form-group">
<label>Новый % премий за риски</label>
<input type="number" id="newRiskPremiumPercent" min="0" max="50" step="5" value="15">
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px;">
<div class="form-group">
<label>Доля Капитала (%)</label>
<input type="number" id="newCapitalPercent" min="0" max="100" step="5" value="50">
</div>
<div class="form-group">
<label>Доля Труда (%)</label>
<input type="number" id="newLaborPercent" min="0" max="100" step="5" value="50">
</div>
</div>
`;
}
container.innerHTML = html;
}
// Создание голосования
function createVote() {
const type = document.getElementById('voteType').value;
const title = document.getElementById('voteTitle').value.trim();
const description = document.getElementById('voteDescription').value.trim();
const deadlineDays = parseInt(document.getElementById('voteDeadline').value) || 7;
if (!type || !title) {
alert('Заполните обязательные поля');
return;
}
const deadline = new Date();
deadline.setDate(deadline.getDate() + deadlineDays);
const vote = {
id: Date.now(),
type: type,
title: title,
description: description,
createdAt: new Date().toISOString(),
deadline: deadline.toISOString(),
status: 'active', // active, approved, rejected
votes: {}, // { partnerId: 'yes' | 'no' }
specificData: {}
};
// Сбор специфических данных
if (type === 'new_asset_type') {
vote.specificData = {
typeName: document.getElementById('newAssetTypeName')?.value || '',
typeDescription: document.getElementById('newAssetTypeDescription')?.value || ''
};
} else if (type === 'new_partner') {
vote.specificData = {
partnerName: document.getElementById('newPartnerName')?.value || '',
partnerRole: document.getElementById('newPartnerRole')?.value || 'partner',
contribution: document.getElementById('newPartnerContribution')?.value || ''
};
} else if (type === 'change_distribution') {
vote.specificData = {
devFundPercent: parseFloat(document.getElementById('newDevFundPercent')?.value) || 20,
riskPremiumPercent: parseFloat(document.getElementById('newRiskPremiumPercent')?.value) || 15,
capitalPercent: parseFloat(document.getElementById('newCapitalPercent')?.value) || 50,
laborPercent: parseFloat(document.getElementById('newLaborPercent')?.value) || 50
};
}
votes.push(vote);
saveData();
renderActiveVotes();
renderVoteHistory();
hideCreateVoteForm();
showToast('✅ Голосование создано!');
}
// Голосование партнёра
function castVote(voteId, choice) {
const vote = votes.find(v => v.id === voteId);
if (!vote) return;
// Здесь должна быть авторизация, но для простоты используем prompt
const partnerName = prompt('Введите ваше ФИО для голосования:');
if (!partnerName) return;
const partner = partners.find(p => p.name.toLowerCase() === partnerName.toLowerCase());
if (!partner) {
alert('Партнёр не найден. Проверьте правильность написания ФИО.');
return;
}
if (vote.votes[partner.id]) {
if (!confirm('Вы уже голосовали. Изменить свой голос?')) return;
}
vote.votes[partner.id] = choice;
saveData();
renderActiveVotes();
showToast('✅ Ваш голос учтён!');
// Проверка завершения голосования
checkVoteCompletion(voteId);
}
// Проверка завершения голосования
function checkVoteCompletion(voteId) {
const vote = votes.find(v => v.id === voteId);
if (!vote || vote.status !== 'active') return;
const totalPartners = partners.length;
const totalVotes = Object.keys(vote.votes).length;
// Если проголосовали все или истёк срок
const now = new Date();
const deadline = new Date(vote.deadline);
if (totalVotes >= totalPartners || now > deadline) {
finalizeVote(voteId);
}
}
// Завершение голосования и подсчёт результатов
function finalizeVote(voteId) {
const vote = votes.find(v => v.id === voteId);
if (!vote) return;
const yesVotes = Object.values(vote.votes).filter(v => v === 'yes').length;
const noVotes = Object.values(vote.votes).filter(v => v === 'no').length;
const totalVotes = yesVotes + noVotes;
// Большинство (более 50%)
const approved = totalVotes > 0 && (yesVotes / totalVotes) > 0.5;
vote.status = approved ? 'approved' : 'rejected';
vote.finalizedAt = new Date().toISOString();
vote.result = {
yes: yesVotes,
no: noVotes,
approved: approved
};
// Применение решения
if (approved) {
applyVoteDecision(vote);
}
saveData();
renderActiveVotes();
renderVoteHistory();
showToast(approved ? '✅ Решение принято!' : '❌ Решение отклонено');
}
// Применение решения голосования
function applyVoteDecision(vote) {
if (vote.type === 'new_asset_type') {
// Добавление нового типа актива в справочник
assetTypeLabels[vote.specificData.typeName.toLowerCase().replace(/\s+/g, '_')] =
vote.specificData.typeName;
showToast('✅ Новый тип актива добавлен в справочник');
} else if (vote.type === 'new_partner') {
// Автоматическое создание нового партнёра
const newPartner = {
id: Date.now(),
name: vote.specificData.partnerName,
role: vote.specificData.partnerRole,
hourlyRate: 0,
contact: '',
description: vote.specificData.contribution,
joinDate: new Date().toISOString().split('T')[0],
createdAt: new Date().toISOString()
};
partners.push(newPartner);
renderPartners();
updatePartnerSelect();
updateDashboard();
showToast('✅ Новый партнёр добавлен!');
} else if (vote.type === 'change_distribution') {
// Обновление настроек распределения
document.getElementById('devFundPercent').value = vote.specificData.devFundPercent;
document.getElementById('riskPremiumPercent').value = vote.specificData.riskPremiumPercent;
document.getElementById('capitalPercent').value = vote.specificData.capitalPercent;
document.getElementById('laborPercent').value = vote.specificData.laborPercent;
showToast('✅ Настройки распределения обновлены!');
}
}
// Отрисовка активных голосований
function renderActiveVotes() {
const container = document.getElementById('activeVotes');
if (!container) return;
const activeVotes = votes.filter(v => v.status === 'active');
if (activeVotes.length === 0) {
container.innerHTML = '<p style="text-align: center; color: #6c757d; padding: 40px;">Нет активных голосований</p>';
return;
}
let html = '';
activeVotes.forEach(vote => {
const yesVotes = Object.values(vote.votes).filter(v => v === 'yes').length;
const noVotes = Object.values(vote.votes).filter(v => v === 'no').length;
const totalVotes = yesVotes + noVotes;
const totalPartners = partners.length;
const deadline = new Date(vote.deadline);
const now = new Date();
const daysLeft = Math.ceil((deadline - now) / (1000 * 60 * 60 * 24));
const typeLabels = {
'new_asset_type': '? Новый тип актива',
'new_partner': '? Новый партнёр',
'change_distribution': '⚙️ Изменение правил',
'revaluation': '? Переоценка',
'custom': '? Произвольное'
};
html += `<div style="border: 2px solid #667eea; border-radius: 12px; padding: 20px; margin-bottom: 20px; background: white;">`;
html += `<div style="display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;">`;
html += `<div>`;
html += `<span class="badge badge-warning">${typeLabels[vote.type] || vote.type}</span>`;
html += `<h3 style="color: #667eea; margin-top: 10px;">${escapeHtml(vote.title)}</h3>`;
html += `</div>`;
html += `<div style="text-align: right; font-size: 0.9em; color: #6c757d;">`;
html += `Осталось дней: <strong style="color: ${daysLeft < 2 ? '#dc3545' : '#667eea'};">${daysLeft}</strong>`;
html += `</div>`;
html += `</div>`;
if (vote.description) {
html += `<p style="color: #495057; margin-bottom: 15px;">${escapeHtml(vote.description)}</p>`;
}
// Специфические данные
if (vote.type === 'new_asset_type' && vote.specificData.typeName) {
html += `<div style="background: #e7f3ff; padding: 10px; border-radius: 8px; margin-bottom: 15px;">`;
html += `<strong>Новый тип:</strong> ${escapeHtml(vote.specificData.typeName)}`;
if (vote.specificData.typeDescription) {
html += `<br><small>${escapeHtml(vote.specificData.typeDescription)}</small>`;
}
html += `</div>`;
} else if (vote.type === 'new_partner' && vote.specificData.partnerName) {
html += `<div style="background: #e7f3ff; padding: 10px; border-radius: 8px; margin-bottom: 15px;">`;
html += `<strong>Новый партнёр:</strong> ${escapeHtml(vote.specificData.partnerName)}<br>`;
html += `<strong>Роль:</strong> ${vote.specificData.partnerRole}<br>`;
if (vote.specificData.contribution) {
html += `<strong>Вклад:</strong> ${escapeHtml(vote.specificData.contribution)}`;
}
html += `</div>`;
}
// Прогресс голосования
html += `<div style="margin-bottom: 15px;">`;
html += `<div style="display: flex; justify-content: space-between; margin-bottom: 5px;">`;
html += `<span>Проголосовало: ${totalVotes} / ${totalPartners}</span>`;
html += `<span>✅ ${yesVotes} | ❌ ${noVotes}</span>`;
html += `</div>`;
html += `<div style="background: #e9ecef; border-radius: 10px; height: 10px; overflow: hidden;">`;
const yesPercent = totalVotes > 0 ? (yesVotes / totalVotes) * 100 : 0;
html += `<div style="background: linear-gradient(90deg, #28a745 0%, #28a745 ${yesPercent}%, #dc3545 ${yesPercent}%, #dc3545 100%); height: 100%;"></div>`;
html += `</div>`;
html += `</div>`;
// Кнопки голосования
html += `<div style="display: flex; gap: 10px;">`;
html += `<button class="btn btn-success" onclick="castVote(${vote.id}, 'yes')" style="flex: 1;">✅ ЗА</button>`;
html += `<button class="btn btn-danger" onclick="castVote(${vote.id}, 'no')" style="flex: 1;">❌ ПРОТИВ</button>`;
html += `</div>`;
html += `</div>`;
});
container.innerHTML = html;
}
// Отрисовка истории голосований
function renderVoteHistory() {
const container = document.getElementById('voteHistory');
if (!container) return;
const finishedVotes = votes.filter(v => v.status !== 'active');
if (finishedVotes.length === 0) {
container.innerHTML = '<p style="text-align: center; color: #6c757d; padding: 40px;">История голосований пуста</p>';
return;
}
let html = '<table><thead><tr>';
html += '<th>Название</th>';
html += '<th>Тип</th>';
html += '<th>Результат</th>';
html += '<th>Голоса</th>';
html += '<th>Дата завершения</th>';
html += '</tr></thead><tbody>';
finishedVotes.sort((a, b) => new Date(b.finalizedAt) - new Date(a.finalizedAt)).forEach(vote => {
const statusBadge = vote.status === 'approved'
? '<span class="badge badge-success">✅ Принято</span>'
: '<span class="badge badge-danger">❌ Отклонено</span>';
html += '<tr>';
html += `<td><strong>${escapeHtml(vote.title)}</strong></td>`;
html += `<td>${vote.type}</td>`;
html += `<td>${statusBadge}</td>`;
html += `<td>✅ ${vote.result.yes} | ❌ ${vote.result.no}</td>`;
html += `<td>${formatDate(vote.finalizedAt.split('T')[0])}</td>`;
html += '</tr>';
});
html += '</tbody></table>';
container.innerHTML = html;
}
// Инициализация
renderActiveVotes();
renderVoteHistory();
</script>
<script>
// ============================================
// БЛОК 10: ДАШБОРД, АНАЛИТИКА И СИМУЛЯТОР
// ============================================
// Переопределяем содержимое вкладки "Дашборд" с реальной аналитикой
document.getElementById('dashboard').innerHTML = `
<div class="stats-grid">
<div class="stat-card">
<h3 id="totalPartners">0</h3>
<p>Участников</p>
</div>
<div class="stat-card" style="background: linear-gradient(135deg, #28a745 0%, #20c997 100%);">
<h3 id="totalAssets">0 ₽</h3>
<p>Общий капитал</p>
</div>
<div class="stat-card" style="background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%);">
<h3 id="totalHours">0</h3>
<p>Часов за месяц</p>
</div>
<div class="stat-card" style="background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);">
<h3 id="totalCredits">0 ₽</h3>
<p>Кредитная нагрузка</p>
</div>
</div>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 20px; margin-bottom: 20px;">
<div class="card">
<h2>? Распределение капитала</h2>
<div id="capitalPieChart" style="display: flex; justify-content: center; align-items: center; min-height: 300px;"></div>
</div>
<div class="card">
<h2>⏱️ Трудозатраты за месяц</h2>
<div id="laborBarChart" style="min-height: 300px;"></div>
</div>
</div>
<div class="card">
<h2>? Симулятор «Что если?»</h2>
<p style="color: #6c757d; margin-bottom: 20px;">
Смоделируйте изменения до принятия решения: как изменятся доли, если принять нового партнёра,
внести новый актив или изменить правила распределения.
</p>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin-bottom: 20px;">
<div class="form-group">
<label>Тип сценария</label>
<select id="simScenario" onchange="updateSimFields()">
<option value="new_partner">➕ Принять нового партнёра</option>
<option value="new_asset">? Внести новый актив</option>
<option value="revaluation">? Переоценить актив</option>
<option value="change_profit">? Изменить прибыль</option>
</select>
</div>
<div id="simFieldsContainer"></div>
</div>
<button class="btn btn-primary" onclick="runSimulation()">? Запустить симуляцию</button>
<button class="btn btn-secondary" onclick="resetSimulation()">? Сбросить</button>
<div id="simulationResult" style="margin-top: 20px;"></div>
</div>
<div class="card">
<h2>? Аналитика по партнёрам</h2>
<div id="partnerAnalytics"></div>
</div>
`;
// Обновление полей симулятора
function updateSimFields() {
const scenario = document.getElementById('simScenario').value;
const container = document.getElementById('simFieldsContainer');
let html = '';
if (scenario === 'new_partner') {
html = `
<div class="form-group">
<label>Имя нового партнёра</label>
<input type="text" id="simNewPartnerName" placeholder="Петров П.П.">
</div>
<div class="form-group">
<label>Его капитал (руб)</label>
<input type="number" id="simNewPartnerCapital" min="0" value="1000000">
</div>
<div class="form-group">
<label>Его часовая ставка (руб/ч)</label>
<input type="number" id="simNewPartnerRate" min="0" value="1500">
</div>
<div class="form-group">
<label>Ожидаемые часы в месяц</label>
<input type="number" id="simNewPartnerHours" min="0" value="160">
</div>
`;
} else if (scenario === 'new_asset') {
html = `
<div class="form-group">
<label>Партнёр-вкладчик</label>
<select id="simAssetPartner"></select>
</div>
<div class="form-group">
<label>Стоимость актива (руб)</label>
<input type="number" id="simAssetValue" min="0" value="500000">
</div>
`;
// Заполнение select
setTimeout(() => {
const select = document.getElementById('simAssetPartner');
if (select) {
select.innerHTML = '<option value="">Выберите</option>';
partners.forEach(p => {
const opt = document.createElement('option');
opt.value = p.id;
opt.textContent = p.name;
select.appendChild(opt);
});
}
}, 50);
} else if (scenario === 'revaluation') {
html = `
<div class="form-group">
<label>Актив для переоценки</label>
<select id="simRevalAsset"></select>
</div>
<div class="form-group">
<label>Новая стоимость (руб)</label>
<input type="number" id="simRevalValue" min="0" value="0">
</div>
`;
setTimeout(() => {
const select = document.getElementById('simRevalAsset');
if (select) {
select.innerHTML = '<option value="">Выберите</option>';
assets.forEach(a => {
const opt = document.createElement('option');
opt.value = a.id;
opt.textContent = `${a.name} (${a.partnerName}) — ${getCurrentAssetValue(a.id).toLocaleString('ru-RU')} ₽`;
select.appendChild(opt);
});
}
}, 50);
} else if (scenario === 'change_profit') {
html = `
<div class="form-group">
<label>Новая прибыль за период (руб)</label>
<input type="number" id="simProfitAmount" min="0" value="500000">
</div>
`;
}
container.innerHTML = html;
}
// Запуск симуляции
function runSimulation() {
const scenario = document.getElementById('simScenario').value;
const container = document.getElementById('simulationResult');
if (partners.length === 0) {
container.innerHTML = '<p style="color: #dc3545;">⚠️ Сначала добавьте хотя бы одного партнёра</p>';
return;
}
// Создаём копии данных для симуляции
let simPartners = JSON.parse(JSON.stringify(partners));
let simAssets = JSON.parse(JSON.stringify(assets));
let simTimeLogs = JSON.parse(JSON.stringify(timeLogs));
// Применяем сценарий
if (scenario === 'new_partner') {
const name = document.getElementById('simNewPartnerName')?.value || 'Новый партнёр';
const capital = parseFloat(document.getElementById('simNewPartnerCapital')?.value) || 0;
const rate = parseFloat(document.getElementById('simNewPartnerRate')?.value) || 0;
const hours = parseFloat(document.getElementById('simNewPartnerHours')?.value) || 0;
const newId = Date.now();
simPartners.push({
id: newId,
name: name,
role: 'partner',
hourlyRate: rate,
joinDate: new Date().toISOString().split('T')[0]
});
if (capital > 0) {
simAssets.push({
id: Date.now() + 1,
partnerId: newId,
partnerName: name,
type: 'money',
name: 'Моделируемый взнос',
value: capital
});
}
if (hours > 0) {
simTimeLogs.push({
id: Date.now() + 2,
partnerId: newId,
partnerName: name,
hourlyRate: rate,
date: new Date().toISOString().split('T')[0],
hours: hours,
cost: hours * rate
});
}
} else if (scenario === 'new_asset') {
const partnerId = parseInt(document.getElementById('simAssetPartner')?.value);
const value = parseFloat(document.getElementById('simAssetValue')?.value) || 0;
if (!partnerId) {
container.innerHTML = '<p style="color: #dc3545;">⚠️ Выберите партнёра</p>';
return;
}
const partner = simPartners.find(p => p.id === partnerId);
simAssets.push({
id: Date.now(),
partnerId: partnerId,
partnerName: partner.name,
type: 'other',
name: 'Моделируемый актив',
value: value
});
} else if (scenario === 'revaluation') {
const assetId = parseInt(document.getElementById('simRevalAsset')?.value);
const newValue = parseFloat(document.getElementById('simRevalValue')?.value) || 0;
if (!assetId) {
container.innerHTML = '<p style="color: #dc3545;">⚠️ Выберите актив</p>';
return;
}
const asset = simAssets.find(a => a.id === assetId);
if (asset) asset.value = newValue;
}
// Расчёт долей капитала
const capitalByPartner = {};
let totalCapital = 0;
simPartners.forEach(p => {
const pAssets = simAssets.filter(a => a.partnerId === p.id);
const capital = pAssets.reduce((s, a) => s + a.value, 0);
capitalByPartner[p.id] = capital;
totalCapital += capital;
});
// Расчёт долей труда
const now = new Date();
const currentMonth = now.getMonth();
const currentYear = now.getFullYear();
const laborByPartner = {};
let totalLaborCost = 0;
simPartners.forEach(p => {
const pLogs = simTimeLogs.filter(l => {
const d = new Date(l.date);
return d.getMonth() === currentMonth && d.getFullYear() === currentYear && l.partnerId === p.id;
});
const laborCost = pLogs.reduce((s, l) => s + l.cost, 0);
laborByPartner[p.id] = laborCost;
totalLaborCost += laborCost;
});
// Отрисовка результата
let html = `
<div style="background: #e7f3ff; border-radius: 12px; padding: 20px; margin-bottom: 20px;">
<h3 style="color: #667eea; margin-bottom: 15px;">? Результат симуляции</h3>
<p style="color: #495057; margin-bottom: 15px;">
<strong>Сценарий:</strong> ${scenario === 'new_partner' ? 'Принятие нового партнёра' :
scenario === 'new_asset' ? 'Внесение нового актива' :
scenario === 'revaluation' ? 'Перееоценка актива' :
'Изменение прибыли'}
</p>
</div>
<h3 style="color: #667eea; margin-bottom: 15px;">? Доли в капитале (после изменений)</h3>
<table style="width: 100%; border-collapse: collapse; margin-bottom: 20px;">
<thead>
<tr style="background: #f8f9fa;">
<th style="padding: 12px; text-align: left; border-bottom: 2px solid #e9ecef;">Партнёр</th>
<th style="padding: 12px; text-align: right; border-bottom: 2px solid #e9ecef;">Капитал</th>
<th style="padding: 12px; text-align: right; border-bottom: 2px solid #e9ecef;">Доля (%)</th>
<th style="padding: 12px; text-align: left; border-bottom: 2px solid #e9ecef;">Визуализация</th>
</tr>
</thead>
<tbody>
`;
const colors = ['#667eea', '#764ba2', '#28a745', '#ffc107', '#dc3545', '#17a2b8', '#fd7e14', '#20c997'];
let colorIndex = 0;
simPartners.forEach(p => {
const capital = capitalByPartner[p.id] || 0;
const share = totalCapital > 0 ? (capital / totalCapital) * 100 : 0;
const color = colors[colorIndex % colors.length];
colorIndex++;
// Сравнение с текущей ситуацией
const currentCapital = assets.filter(a => a.partnerId === p.id).reduce((s, a) => s + getCurrentAssetValue(a.id), 0);
const currentTotal = assets.reduce((s, a) => s + getCurrentAssetValue(a.id), 0);
const currentShare = currentTotal > 0 ? (currentCapital / currentTotal) * 100 : 0;
const delta = share - currentShare;
const deltaColor = delta > 0 ? '#28a745' : delta < 0 ? '#dc3545' : '#6c757d';
const deltaSign = delta > 0 ? '+' : '';
html += `
<tr>
<td style="padding: 12px; border-bottom: 1px solid #e9ecef;">
<strong>${escapeHtml(p.name)}</strong>
${scenario === 'new_partner' && p.id === simPartners[simPartners.length - 1].id ? '<span class="badge badge-warning" style="margin-left: 8px;">НОВЫЙ</span>' : ''}
</td>
<td style="padding: 12px; text-align: right; border-bottom: 1px solid #e9ecef;">
${capital.toLocaleString('ru-RU')} ₽
</td>
<td style="padding: 12px; text-align: right; border-bottom: 1px solid #e9ecef;">
<strong>${share.toFixed(2)}%</strong>
<br><small style="color: ${deltaColor};">${deltaSign}${delta.toFixed(2)}%</small>
</td>
<td style="padding: 12px; border-bottom: 1px solid #e9ecef;">
<div style="background: #e9ecef; border-radius: 10px; height: 20px; overflow: hidden; position: relative;">
<div style="background: ${color}; height: 100%; width: ${share}%; transition: width 0.5s;"></div>
</div>
</td>
</tr>
`;
});
html += `
<tr style="background: #f8f9fa; font-weight: 600;">
<td style="padding: 12px;">ИТОГО</td>
<td style="padding: 12px; text-align: right;">${totalCapital.toLocaleString('ru-RU')} ₽</td>
<td style="padding: 12px; text-align: right;">100%</td>
<td></td>
</tr>
</tbody>
</table>
<h3 style="color: #667eea; margin-bottom: 15px;">⏱️ Доли в трудовом фонде (за текущий месяц)</h3>
<table style="width: 100%; border-collapse: collapse; margin-bottom: 20px;">
<thead>
<tr style="background: #f8f9fa;">
<th style="padding: 12px; text-align: left; border-bottom: 2px solid #e9ecef;">Партнёр</th>
<th style="padding: 12px; text-align: right; border-bottom: 2px solid #e9ecef;">Стоимость труда</th>
<th style="padding: 12px; text-align: right; border-bottom: 2px solid #e9ecef;">Доля (%)</th>
</tr>
</thead>
<tbody>
`;
colorIndex = 0;
simPartners.forEach(p => {
const labor = laborByPartner[p.id] || 0;
const share = totalLaborCost > 0 ? (labor / totalLaborCost) * 100 : 0;
const color = colors[colorIndex % colors.length];
colorIndex++;
html += `
<tr>
<td style="padding: 12px; border-bottom: 1px solid #e9ecef;"><strong>${escapeHtml(p.name)}</strong></td>
<td style="padding: 12px; text-align: right; border-bottom: 1px solid #e9ecef;">${labor.toLocaleString('ru-RU')} ₽</td>
<td style="padding: 12px; text-align: right; border-bottom: 1px solid #e9ecef;">
<strong>${share.toFixed(2)}%</strong>
<div style="background: #e9ecef; border-radius: 10px; height: 8px; overflow: hidden; margin-top: 5px;">
<div style="background: ${color}; height: 100%; width: ${share}%;"></div>
</div>
</td>
</tr>
`;
});
html += `
<tr style="background: #f8f9fa; font-weight: 600;">
<td style="padding: 12px;">ИТОГО</td>
<td style="padding: 12px; text-align: right;">${totalLaborCost.toLocaleString('ru-RU')} ₽</td>
<td style="padding: 12px; text-align: right;">100%</td>
</tr>
</tbody>
</table>
`;
// Предупреждение о размывании долей
if (scenario === 'new_partner' || scenario === 'new_asset') {
const existingPartners = partners.filter(p => p.id !== simPartners[simPartners.length - 1]?.id);
const hasDilution = existingPartners.some(p => {
const oldCapital = assets.filter(a => a.partnerId === p.id).reduce((s, a) => s + getCurrentAssetValue(a.id), 0);
const oldTotal = assets.reduce((s, a) => s + getCurrentAssetValue(a.id), 0);
const oldShare = oldTotal > 0 ? (oldCapital / oldTotal) * 100 : 0;
const newShare = totalCapital > 0 ? ((capitalByPartner[p.id] || 0) / totalCapital) * 100 : 0;
return newShare < oldShare;
});
if (hasDilution) {
html += `
<div style="background: #fff3cd; border-left: 4px solid #ffc107; padding: 15px; border-radius: 8px; margin-top: 20px;">
<strong>⚠️ Внимание:</strong> Доли существующих партнёров будут размыты.
Рекомендуется обсудить условия с текущими участниками перед принятием решения.
</div>
`;
}
}
container.innerHTML = html;
}
// Сброс симуляции
function resetSimulation() {
document.getElementById('simulationResult').innerHTML = '';
}
// Отрисовка круговой диаграммы капитала
function renderCapitalPieChart() {
const container = document.getElementById('capitalPieChart');
if (!container) return;
if (partners.length === 0 || assets.length === 0) {
container.innerHTML = '<p style="text-align: center; color: #6c757d;">Добавьте партнёров и активы</p>';
return;
}
const data = partners.map(p => {
const capital = assets
.filter(a => a.partnerId === p.id)
.reduce((s, a) => s + getCurrentAssetValue(a.id), 0);
return { name: p.name, value: capital };
}).filter(d => d.value > 0);
if (data.length === 0) {
container.innerHTML = '<p style="text-align: center; color: #6c757d;">Нет данных о капитале</p>';
return;
}
const total = data.reduce((s, d) => s + d.value, 0);
const colors = ['#667eea', '#764ba2', '#28a745', '#ffc107', '#dc3545', '#17a2b8', '#fd7e14', '#20c997'];
// Построение conic-gradient
let gradientParts = [];
let currentAngle = 0;
data.forEach((d, i) => {
const percent = (d.value / total) * 100;
const color = colors[i % colors.length];
gradientParts.push(`${color} ${currentAngle}% ${currentAngle + percent}%`);
currentAngle += percent;
});
const gradient = `conic-gradient(${gradientParts.join(', ')})`;
let html = `
<div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: center;">
<div style="width: 200px; height: 200px; border-radius: 50%; background: ${gradient}; box-shadow: 0 5px 20px rgba(0,0,0,0.1);"></div>
<div style="flex: 1; min-width: 200px;">
`;
data.forEach((d, i) => {
const percent = (d.value / total) * 100;
const color = colors[i % colors.length];
html += `
<div style="display: flex; align-items: center; margin-bottom: 10px;">
<div style="width: 16px; height: 16px; background: ${color}; border-radius: 4px; margin-right: 10px;"></div>
<div style="flex: 1;">
<strong>${escapeHtml(d.name)}</strong>
<div style="font-size: 0.85em; color: #6c757d;">${percent.toFixed(1)}% • ${d.value.toLocaleString('ru-RU')} ₽</div>
</div>
</div>
`;
});
html += `
</div>
</div>
`;
container.innerHTML = html;
}
// Отрисовка столбчатой диаграммы трудозатрат
function renderLaborBarChart() {
const container = document.getElementById('laborBarChart');
if (!container) return;
const now = new Date();
const currentMonth = now.getMonth();
const currentYear = now.getFullYear();
const data = partners.map(p => {
const hours = timeLogs
.filter(l => {
const d = new Date(l.date);
return d.getMonth() === currentMonth && d.getFullYear() === currentYear && l.partnerId === p.id;
})
.reduce((s, l) => s + l.hours, 0);
return { name: p.name, hours: hours, norm: 160 };
});
if (data.every(d => d.hours === 0)) {
container.innerHTML = '<p style="text-align: center; color: #6c757d; padding: 40px;">Нет трудозатрат за текущий месяц</p>';
return;
}
const maxHours = Math.max(...data.map(d => d.hours), 160);
const colors = ['#667eea', '#764ba2', '#28a745', '#ffc107', '#dc3545', '#17a2b8'];
let html = '<div style="display: flex; flex-direction: column; gap: 15px;">';
data.forEach((d, i) => {
const percent = (d.hours / maxHours) * 100;
const normPercent = (d.hours / d.norm) * 100;
const color = colors[i % colors.length];
const statusColor = normPercent >= 100 ? '#28a745' : normPercent >= 80 ? '#ffc107' : '#dc3545';
html += `
<div>
<div style="display: flex; justify-content: space-between; margin-bottom: 5px;">
<strong style="color: #495057;">${escapeHtml(d.name)}</strong>
<span>
<strong style="color: ${statusColor};">${d.hours} ч</strong>
<small style="color: #6c757d;">/ ${d.norm} ч</small>
<span style="color: ${statusColor}; margin-left: 8px;">(${normPercent.toFixed(0)}%)</span>
</span>
</div>
<div style="background: #e9ecef; border-radius: 10px; height: 25px; overflow: hidden; position: relative;">
<div style="background: ${color}; height: 100%; width: ${percent}%; transition: width 0.5s;"></div>
<div style="position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: white; font-size: 0.85em; font-weight: 600; text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
${d.hours} ч
</div>
</div>
</div>
`;
});
html += '</div>';
container.innerHTML = html;
}
// Аналитика по партнёрам
function renderPartnerAnalytics() {
const container = document.getElementById('partnerAnalytics');
if (!container) return;
if (partners.length === 0) {
container.innerHTML = '<p style="text-align: center; color: #6c757d; padding: 40px;">Добавьте партнёров для просмотра аналитики</p>';
return;
}
const now = new Date();
const currentMonth = now.getMonth();
const currentYear = now.getFullYear();
let html = '<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px;">';
partners.forEach(p => {
// Капитал
const capital = assets
.filter(a => a.partnerId === p.id)
.reduce((s, a) => s + getCurrentAssetValue(a.id), 0);
// Труд за месяц
const monthHours = timeLogs
.filter(l => {
const d = new Date(l.date);
return d.getMonth() === currentMonth && d.getFullYear() === currentYear && l.partnerId === p.id;
})
.reduce((s, l) => s + l.hours, 0);
const monthLaborCost = monthHours * p.hourlyRate;
const normPercent = (monthHours / 160) * 100;
// Кредиты
const borrowerCredits = credits.filter(c => c.borrowerId === p.id);
const guarantorCredits = credits.filter(c => c.guarantorIds.includes(p.id));
// Доля в капитале
const totalCapital = assets.reduce((s, a) => s + getCurrentAssetValue(a.id), 0);
const capitalShare = totalCapital > 0 ? (capital / totalCapital) * 100 : 0;
html += `
<div style="border: 2px solid #e9ecef; border-radius: 12px; padding: 20px; background: white;">
<h3 style="color: #667eea; margin-bottom: 15px;">? ${escapeHtml(p.name)}</h3>
<div style="font-size: 0.9em; color: #6c757d; margin-bottom: 15px;">${p.role} • с ${formatDate(p.joinDate)}</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 15px;">
<div style="background: #f8f9fa; padding: 12px; border-radius: 8px;">
<div style="font-size: 0.8em; color: #6c757d;">? Капитал</div>
<div style="font-size: 1.3em; font-weight: 600; color: #28a745;">${capital.toLocaleString('ru-RU')} ₽</div>
<div style="font-size: 0.85em; color: #667eea;">${capitalShare.toFixed(1)}% доли</div>
</div>
<div style="background: #f8f9fa; padding: 12px; border-radius: 8px;">
<div style="font-size: 0.8em; color: #6c757d;">⏱️ Труд (мес.)</div>
<div style="font-size: 1.3em; font-weight: 600; color: #764ba2;">${monthHours} ч</div>
<div style="font-size: 0.85em; color: #6c757d;">${monthLaborCost.toLocaleString('ru-RU')} ₽</div>
</div>
</div>
<div style="margin-bottom: 15px;">
<div style="display: flex; justify-content: space-between; margin-bottom: 5px;">
<span style="font-size: 0.85em;">Выполнение нормы (160 ч)</span>
<strong style="color: ${normPercent >= 100 ? '#28a745' : normPercent >= 80 ? '#ffc107' : '#dc3545'};">${normPercent.toFixed(0)}%</strong>
</div>
<div style="background: #e9ecef; border-radius: 10px; height: 8px; overflow: hidden;">
<div style="background: ${normPercent >= 100 ? '#28a745' : normPercent >= 80 ? '#ffc107' : '#dc3545'}; height: 100%; width: ${Math.min(100, normPercent)}%;"></div>
</div>
</div>
<div style="font-size: 0.85em; color: #6c757d; border-top: 1px solid #e9ecef; padding-top: 10px;">
<div>? Кредитов взято: <strong>${borrowerCredits.length}</strong></div>
<div>⚠️ Поручительств: <strong>${guarantorCredits.length}</strong></div>
<div>? Ставка: <strong>${p.hourlyRate.toLocaleString('ru-RU')} ₽/ч</strong></div>
</div>
</div>
`;
});
html += '</div>';
container.innerHTML = html;
}
// Обновление дашборда (переопределение)
function updateDashboard() {
const el = (id) => document.getElementById(id);
if (!el('totalPartners')) return; // Если дашборд ещё не инициализирован
el('totalPartners').textContent = partners.length;
const totalAssetsValue = assets.reduce((s, a) => s + getCurrentAssetValue(a.id), 0);
el('totalAssets').textContent = totalAssetsValue.toLocaleString('ru-RU') + ' ₽';
const now = new Date();
const currentMonth = now.getMonth();
const currentYear = now.getFullYear();
const totalHoursValue = timeLogs
.filter(l => {
const d = new Date(l.date);
return d.getMonth() === currentMonth && d.getFullYear() === currentYear;
})
.reduce((s, l) => s + l.hours, 0);
el('totalHours').textContent = totalHoursValue;
const totalCreditsValue = credits.reduce((s, c) => s + c.amount, 0);
el('totalCredits').textContent = totalCreditsValue.toLocaleString('ru-RU') + ' ₽';
renderCapitalPieChart();
renderLaborBarChart();
renderPartnerAnalytics();
}
// Инициализация симулятора
updateSimFields();
updateDashboard();
</script>
2026-08-25T05:36:18Z
https://pandoraburo.ru/ssl/u/pic/23/28e0c6a04211f1a10691d899ddef63/-/1787633987.png
1592962
https://www.pandoraburo.ru/