kalugin66/minicrm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

12h

Browse Source
This commit is contained in:
kalugin66
2026-01-27 21:47:05 +05:00
parent 9714ac5004
commit 1fa78bf7a7
9 changed files with 2127 additions and 673 deletions
Download Patch File Download Diff File Expand all files Collapse all files

335
public/documents.js
View File

@@ -43,70 +43,96 @@ function initializeDocumentForm() {
loadDocumentTypes();
}
async function createDocumentTask(event) {
event.preventDefault();
async function createDocumentTask() {
console.log('📝 Создание документа...');
if (!currentUser) {
alert('Требуется аутентификация');
// Собираем данные формы
const formData = new FormData();
// Обязательное поле - только название
const title = document.getElementById('doc-title').value.trim();
if (!title) {
showNotification('Название документа обязательно', 'error');
return;
}
const formData = new FormData();
formData.append('title', title);
formData.append('description', document.getElementById('doc-description').value);
formData.append('dueDate', document.getElementById('doc-due-date').value);
// Основные данные задачи
formData.append('title', document.getElementById('document-title').value);
formData.append('description', document.getElementById('document-description').value);
// Даты
const dueDateInput = document.getElementById('due-date');
if (dueDateInput.value) {
formData.append('dueDate', dueDateInput.value);
// Тип документа - опционально
const documentTypeSelect = document.getElementById('doc-type');
if (documentTypeSelect && documentTypeSelect.value) {
formData.append('documentTypeId', documentTypeSelect.value);
}
// Данные документа
formData.append('documentTypeId', document.getElementById('document-type').value);
formData.append('documentNumber', document.getElementById('document-number').value);
formData.append('documentDate', document.getElementById('document-date').value);
formData.append('pagesCount', document.getElementById('pages-count').value);
formData.append('urgencyLevel', document.getElementById('urgency-level').value);
formData.append('comment', document.getElementById('document-comment').value);
// Остальные поля - опционально
formData.append('documentNumber', document.getElementById('doc-number')?.value || '');
formData.append('documentDate', document.getElementById('doc-date')?.value || '');
formData.append('pagesCount', document.getElementById('doc-pages')?.value || '');
// Загружаем файлы
const filesInput = document.getElementById('document-files');
if (filesInput.files) {
for (let i = 0; i < filesInput.files.length; i++) {
formData.append('files', filesInput.files[i]);
const urgencySelect = document.getElementById('doc-urgency');
if (urgencySelect) {
formData.append('urgencyLevel', urgencySelect.value);
}
formData.append('comment', document.getElementById('doc-comment')?.value || '');
// Добавляем файлы (опционально)
const fileInput = document.getElementById('doc-files');
if (fileInput && fileInput.files) {
for (let i = 0; i < fileInput.files.length; i++) {
formData.append('files', fileInput.files[i]);
}
}
// Показываем индикатор загрузки
const submitBtn = document.querySelector('#new-doc-form button[type="submit"]');
const originalText = submitBtn.innerHTML;
submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Создание...';
submitBtn.disabled = true;
try {
console.log('📤 Отправка запроса на создание документа...');
const response = await fetch('/api/documents', {
method: 'POST',
body: formData
});
const result = await response.json();
if (response.ok) {
alert('Задача на согласование документа создана!');
document.getElementById('create-document-form').reset();
document.getElementById('document-file-list').innerHTML = '';
console.log('✅ Документ создан успешно:', result);
// Сброс даты
const today = new Date();
const todayStr = today.toISOString().split('T')[0];
const dateInput = document.getElementById('document-date');
if (dateInput) {
dateInput.value = todayStr;
}
// Показываем сообщение об успехе
showNotification('Документ успешно создан и отправлен на согласование', 'success');
// Закрываем модальное окно
const modal = bootstrap.Modal.getInstance(document.getElementById('newDocModal'));
if (modal) modal.hide();
// Очищаем форму
const form = document.getElementById('new-doc-form');
if (form) form.reset();
// Обновляем список документов
await loadMyDocuments();
// Перенаправление на список документов
showDocumentSection('my-documents');
} else {
const error = await response.json();
alert(error.error || 'Ошибка создания задачи');
console.error('❌ Ошибка создания документа:', result);
showNotification(`Ошибка: ${result.error || 'Неизвестная ошибка'}`, 'error');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка создания задачи');
console.error('❌ Ошибка сети при создании документа:', error);
showNotification('Ошибка сети при создании документа', 'error');
} finally {
// Восстанавливаем кнопку
if (submitBtn) {
submitBtn.innerHTML = originalText;
submitBtn.disabled = false;
}
}
}
@@ -157,71 +183,196 @@ async function loadSecretaryDocuments() {
}
function renderMyDocuments(documents) {
const container = document.getElementById('my-documents-list');
if (!container) return;
console.log('📄 Рендеринг документов:', documents);
if (documents.length === 0) {
container.innerHTML = '<div class="empty-state">У вас нет документов на согласование</div>';
const container = document.getElementById('my-docs-list');
if (!documents || !Array.isArray(documents)) {
console.error('❌ documents не является массивом:', documents);
container.innerHTML = `
<div class="empty-state">
<i class="fas fa-exclamation-triangle"></i>
<p>Ошибка загрузки документов</p>
</div>
`;
return;
}
container.innerHTML = documents.map(doc => `
<div class="document-card" data-document-id="${doc.id}">
<div class="document-header">
<div class="document-title">
<span class="document-number">Документ №${doc.document_number || doc.id}</span>
<strong>${doc.title}</strong>
<span class="document-status ${getDocumentStatusClass(doc.status)}">${getDocumentStatusText(doc.status)}</span>
${doc.urgency_level === 'urgent' ? '<span class="urgency-badge urgent">Срочно</span>' : ''}
${doc.urgency_level === 'very_urgent' ? '<span class="urgency-badge very-urgent">Очень срочно</span>' : ''}
</div>
<div class="document-meta">
<small>Создан: ${formatDateTime(doc.created_at)}</small>
${doc.due_date ? `<small>Срок: ${formatDateTime(doc.due_date)}</small>` : ''}
</div>
if (documents.length === 0) {
container.innerHTML = `
<div class="empty-state">
<i class="fas fa-file-alt"></i>
<p>У вас нет документов для согласования</p>
<button class="btn btn-primary" onclick="showNewDocModal()">
<i class="fas fa-plus"></i> Создать документ
</button>
</div>
<div class="document-details">
<div class="document-info">
<p><strong>Тип:</strong> ${doc.document_type_name || 'Не указан'}</p>
<p><strong>Дата документа:</strong> ${doc.document_date ? formatDate(doc.document_date) : 'Не указана'}</p>
<p><strong>Количество страниц:</strong> ${doc.pages_count || 'Не указано'}</p>
${doc.comment ? `<p><strong>Комментарий:</strong> ${doc.comment}</p>` : ''}
`;
return;
}
container.innerHTML = documents.map(doc => {
// Определяем статус
let statusClass = 'status-pending';
let statusText = 'На согласовании';
if (doc.assignment_status === 'completed' || doc.assignment_status === 'approved') {
statusClass = 'status-completed';
statusText = 'Согласован';
} else if (doc.assignment_status === 'refused') {
statusClass = 'status-cancelled';
statusText = 'Отказано';
} else if (doc.closed_at) {
statusClass = 'status-cancelled';
statusText = 'Отозван';
}
// Форматируем дату
const createdDate = new Date(doc.created_at).toLocaleDateString('ru-RU');
const dueDate = doc.due_date ? new Date(doc.due_date).toLocaleDateString('ru-RU') : 'Не указана';
// Определяем уровень срочности
let urgencyBadge = '';
if (doc.urgency_level === 'urgent') {
urgencyBadge = '<span class="badge bg-warning">Срочно</span>';
} else if (doc.urgency_level === 'very_urgent') {
urgencyBadge = '<span class="badge bg-danger">Очень срочно</span>';
}
// Проверяем наличие типа документа
const documentType = doc.document_type_name || 'Не указан';
return `
<div class="doc-card">
<div class="doc-header">
<h4>${doc.title.replace('Документ: ', '')}</h4>
<span class="${statusClass}">${statusText}</span>
</div>
<div class="document-files">
${doc.files && doc.files.length > 0 ? `
<strong>Файлы:</strong>
<div class="file-icons-container">
${doc.files.map(file => renderFileIcon(file)).join('')}
</div>
` : '<strong>Файлы:</strong> <span class="no-files">нет файлов</span>'}
</div>
${doc.refusal_reason ? `
<div class="refusal-reason">
<strong>Причина отказа:</strong> ${doc.refusal_reason}
<div class="doc-info">
<div class="info-row">
<span class="info-label">Тип:</span>
<span>${documentType}</span>
</div>
${doc.document_number ? `
<div class="info-row">
<span class="info-label">Номер:</span>
<span>${doc.document_number}</span>
</div>
` : ''}
${doc.document_date ? `
<div class="info-row">
<span class="info-label">Дата документа:</span>
<span>${new Date(doc.document_date).toLocaleDateString('ru-RU')}</span>
</div>
` : ''}
<div class="info-row">
<span class="info-label">Создан:</span>
<span>${createdDate}</span>
</div>
<div class="info-row">
<span class="info-label">Срок согласования:</span>
<span>${dueDate}</span>
</div>
${doc.urgency_level && doc.urgency_level !== 'normal' ? `
<div class="info-row">
<span class="info-label">Срочность:</span>
<span>${urgencyBadge}</span>
</div>
` : ''}
${doc.assignee_name ? `
<div class="info-row">
<span class="info-label">Согласующий:</span>
<span>${doc.assignee_name}</span>
</div>
` : ''}
${doc.refusal_reason ? `
<div class="info-row">
<span class="info-label">Причина отказа:</span>
<span class="text-danger">${doc.refusal_reason}</span>
</div>
` : ''}
</div>
${doc.description ? `
<div class="doc-description">
<p>${doc.description}</p>
</div>
` : ''}
<div class="document-actions">
${doc.status === 'assigned' || doc.status === 'in_progress' ? `
<button onclick="cancelDocument(${doc.id})" class="btn-warning">Отозвать</button>
` : ''}
${doc.status === 'refused' ? `
<button onclick="reworkDocument(${doc.id})" class="btn-primary">Исправить и отправить повторно</button>
` : ''}
${doc.status === 'approved' || doc.status === 'received' || doc.status === 'signed' ? `
<button onclick="downloadDocumentPackage(${doc.id})" class="btn-primary">Скачать пакет документов</button>
` : ''}
${doc.comment ? `
<div class="doc-comment">
<strong><i class="fas fa-comment"></i> Комментарий:</strong>
<p>${doc.comment}</p>
</div>
` : ''}
${doc.files && doc.files.length > 0 ? `
<div class="doc-files">
<strong><i class="fas fa-paperclip"></i> Файлы:</strong>
<div class="files-list">
${doc.files.map(file => `
<a href="/api/files/${file.id}/download" class="file-link">
<i class="fas fa-file"></i> ${file.original_name} (${formatFileSize(file.file_size)})
</a>
`).join('')}
</div>
</div>
` : ''}
${!doc.closed_at && doc.assignment_status !== 'completed' &&
doc.assignment_status !== 'approved' && doc.assignment_status !== 'refused' ? `
<div class="doc-actions">
<button class="btn btn-danger" onclick="cancelDocument(${doc.document_id})">
<i class="fas fa-times"></i> Отозвать
</button>
</div>
` : ''}
</div>
</div>
`).join('');
`;
}).join('');
}
function formatFileSize(bytes) {
if (bytes === 0) return '0 Б';
const k = 1024;
const sizes = ['Б', 'КБ', 'МБ', 'ГБ'];
const i = Math.floor(Math.log(bytes) / Math.log(k));
return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
}
// Исправьте функцию loadMyDocuments:
async function loadMyDocuments() {
console.log('📥 Загрузка моих документов...');
try {
const response = await fetch('/api/documents/my');
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const documents = await response.json();
console.log('✅ Получены документы:', documents);
renderMyDocuments(documents);
} catch (error) {
console.error('❌ Ошибка загрузки документов:', error);
showNotification('Ошибка загрузки документов', 'error');
const container = document.getElementById('my-docs-list');
container.innerHTML = `
<div class="empty-state">
<i class="fas fa-exclamation-triangle"></i>
<p>Ошибка загрузки документов: ${error.message}</p>
</div>
`;
}
}
function renderSecretaryDocuments(documents) {
const container = document.getElementById('secretary-documents-list');
if (!container) return;