646 lines
26 KiB
JavaScript
646 lines
26 KiB
JavaScript
// documents.js - Работа с документами для согласования
|
||
|
||
let documentTypes = [];
|
||
|
||
async function loadDocumentTypes() {
|
||
try {
|
||
const response = await fetch('/api/document-types');
|
||
documentTypes = await response.json();
|
||
populateDocumentTypeSelect();
|
||
} catch (error) {
|
||
console.error('Ошибка загрузки типов документов:', error);
|
||
}
|
||
}
|
||
|
||
function populateDocumentTypeSelect() {
|
||
const select = document.getElementById('document-type');
|
||
if (!select) return;
|
||
|
||
select.innerHTML = '<option value="">Выберите тип документа...</option>';
|
||
|
||
documentTypes.forEach(type => {
|
||
const option = document.createElement('option');
|
||
option.value = type.id;
|
||
option.textContent = type.name;
|
||
select.appendChild(option);
|
||
});
|
||
}
|
||
|
||
function initializeDocumentForm() {
|
||
const form = document.getElementById('create-document-form');
|
||
if (form) {
|
||
form.addEventListener('submit', createDocumentTask);
|
||
}
|
||
|
||
// Инициализация даты по умолчанию
|
||
const today = new Date();
|
||
const todayStr = today.toISOString().split('T')[0];
|
||
const dateInput = document.getElementById('document-date');
|
||
if (dateInput) {
|
||
dateInput.value = todayStr;
|
||
}
|
||
|
||
loadDocumentTypes();
|
||
}
|
||
|
||
async function createDocumentTask() {
|
||
console.log('📝 Создание документа...');
|
||
|
||
// Собираем данные формы
|
||
const formData = new FormData();
|
||
|
||
// Обязательное поле - только название
|
||
const title = document.getElementById('doc-title').value.trim();
|
||
if (!title) {
|
||
showNotification('Название документа обязательно', 'error');
|
||
return;
|
||
}
|
||
|
||
formData.append('title', title);
|
||
formData.append('description', document.getElementById('doc-description').value);
|
||
formData.append('dueDate', document.getElementById('doc-due-date').value);
|
||
|
||
// Тип документа - опционально
|
||
const documentTypeSelect = document.getElementById('doc-type');
|
||
if (documentTypeSelect && documentTypeSelect.value) {
|
||
formData.append('documentTypeId', documentTypeSelect.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 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) {
|
||
console.log('✅ Документ создан успешно:', result);
|
||
|
||
// Показываем сообщение об успехе
|
||
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();
|
||
|
||
} else {
|
||
console.error('❌ Ошибка создания документа:', result);
|
||
showNotification(`Ошибка: ${result.error || 'Неизвестная ошибка'}`, 'error');
|
||
}
|
||
|
||
} catch (error) {
|
||
console.error('❌ Ошибка сети при создании документа:', error);
|
||
showNotification('Ошибка сети при создании документа', 'error');
|
||
} finally {
|
||
// Восстанавливаем кнопку
|
||
if (submitBtn) {
|
||
submitBtn.innerHTML = originalText;
|
||
submitBtn.disabled = false;
|
||
}
|
||
}
|
||
}
|
||
|
||
function updateDocumentFileList() {
|
||
const fileInput = document.getElementById('document-files');
|
||
const fileList = document.getElementById('document-file-list');
|
||
|
||
const files = fileInput.files;
|
||
if (files.length === 0) {
|
||
fileList.innerHTML = '';
|
||
return;
|
||
}
|
||
|
||
let html = '<ul>';
|
||
let totalSize = 0;
|
||
|
||
for (let i = 0; i < files.length; i++) {
|
||
const file = files[i];
|
||
totalSize += file.size;
|
||
html += `<li>${file.name} (${(file.size / 1024 / 1024).toFixed(2)} MB)</li>`;
|
||
}
|
||
|
||
html += '</ul>';
|
||
html += `<p><strong>Общий размер: ${(totalSize / 1024 / 1024).toFixed(2)} MB / 300 MB</strong></p>`;
|
||
|
||
fileList.innerHTML = html;
|
||
}
|
||
|
||
// Функции для работы с документами
|
||
async function loadMyDocuments() {
|
||
try {
|
||
const response = await fetch('/api/documents/my');
|
||
const documents = await response.json();
|
||
renderMyDocuments(documents);
|
||
} catch (error) {
|
||
console.error('Ошибка загрузки документов:', error);
|
||
}
|
||
}
|
||
|
||
async function loadSecretaryDocuments() {
|
||
try {
|
||
const response = await fetch('/api/documents/secretary');
|
||
const documents = await response.json();
|
||
renderSecretaryDocuments(documents);
|
||
} catch (error) {
|
||
console.error('Ошибка загрузки документов секретаря:', error);
|
||
}
|
||
}
|
||
|
||
function renderMyDocuments(documents) {
|
||
console.log('📄 Рендеринг документов:', documents);
|
||
|
||
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;
|
||
}
|
||
|
||
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>
|
||
`;
|
||
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="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>
|
||
` : ''}
|
||
|
||
${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>
|
||
`;
|
||
}).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;
|
||
|
||
if (documents.length === 0) {
|
||
container.innerHTML = '<div class="empty-state">Нет документов для согласования</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>От: ${doc.creator_name}</small>
|
||
<small>Создан: ${formatDateTime(doc.created_at)}</small>
|
||
${doc.due_date ? `<small>Срок: ${formatDateTime(doc.due_date)}</small>` : ''}
|
||
</div>
|
||
</div>
|
||
|
||
<div class="document-details">
|
||
<div class="document-info">
|
||
<p><strong>Тип:</strong> ${doc.document_type_name || 'Не указан'}</p>
|
||
<p><strong>Номер:</strong> ${doc.document_number || 'Не указан'}</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>` : ''}
|
||
</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>
|
||
|
||
<div class="secretary-actions" id="secretary-actions-${doc.id}">
|
||
${doc.status === 'assigned' ? `
|
||
<button onclick="updateDocumentStatus(${doc.id}, 'in_progress')" class="btn-primary">Взять в работу</button>
|
||
` : ''}
|
||
|
||
${doc.status === 'in_progress' ? `
|
||
<div class="status-buttons">
|
||
<button onclick="showApproveModal(${doc.id})" class="btn-success">Согласовать</button>
|
||
<button onclick="showReceiveModal(${doc.id})" class="btn-primary">Получен (оригинал)</button>
|
||
<button onclick="showRefuseModal(${doc.id})" class="btn-warning">Отказать</button>
|
||
</div>
|
||
` : ''}
|
||
|
||
${doc.status === 'approved' ? `
|
||
<div class="status-buttons">
|
||
<button onclick="showReceiveModal(${doc.id})" class="btn-primary">Получен (оригинал)</button>
|
||
<button onclick="updateDocumentStatus(${doc.id}, 'refused')" class="btn-warning">Отказать</button>
|
||
</div>
|
||
` : ''}
|
||
|
||
${doc.status === 'received' ? `
|
||
<div class="status-buttons">
|
||
<button onclick="updateDocumentStatus(${doc.id}, 'signed')" class="btn-success">Подписан</button>
|
||
<button onclick="updateDocumentStatus(${doc.id}, 'refused')" class="btn-warning">Отказать</button>
|
||
</div>
|
||
` : ''}
|
||
|
||
${doc.status === 'refused' ? `
|
||
<p class="refusal-info"><strong>Причина отказа:</strong> ${doc.refusal_reason}</p>
|
||
` : ''}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
`).join('');
|
||
}
|
||
|
||
function getDocumentStatusClass(status) {
|
||
switch(status) {
|
||
case 'assigned': return 'status-assigned';
|
||
case 'in_progress': return 'status-in-progress';
|
||
case 'approved': return 'status-approved';
|
||
case 'received': return 'status-received';
|
||
case 'signed': return 'status-signed';
|
||
case 'refused': return 'status-refused';
|
||
case 'cancelled': return 'status-cancelled';
|
||
default: return 'status-assigned';
|
||
}
|
||
}
|
||
|
||
function getDocumentStatusText(status) {
|
||
switch(status) {
|
||
case 'assigned': return 'Назначена';
|
||
case 'in_progress': return 'В работе';
|
||
case 'approved': return 'Согласован';
|
||
case 'received': return 'Получен';
|
||
case 'signed': return 'Подписан';
|
||
case 'refused': return 'Отказано';
|
||
case 'cancelled': return 'Отозвано';
|
||
default: return status;
|
||
}
|
||
}
|
||
|
||
function formatDate(dateString) {
|
||
if (!dateString) return '';
|
||
return new Date(dateString).toLocaleDateString('ru-RU');
|
||
}
|
||
|
||
// Модальные окна для секретаря
|
||
function showApproveModal(documentId) {
|
||
currentDocumentId = documentId;
|
||
document.getElementById('approve-document-modal').style.display = 'block';
|
||
}
|
||
|
||
function closeApproveModal() {
|
||
document.getElementById('approve-document-modal').style.display = 'none';
|
||
document.getElementById('approve-comment').value = '';
|
||
}
|
||
|
||
function showReceiveModal(documentId) {
|
||
currentDocumentId = documentId;
|
||
document.getElementById('receive-document-modal').style.display = 'block';
|
||
}
|
||
|
||
function closeReceiveModal() {
|
||
document.getElementById('receive-document-modal').style.display = 'none';
|
||
document.getElementById('receive-comment').value = '';
|
||
}
|
||
|
||
function showRefuseModal(documentId) {
|
||
currentDocumentId = documentId;
|
||
document.getElementById('refuse-document-modal').style.display = 'block';
|
||
}
|
||
|
||
function closeRefuseModal() {
|
||
document.getElementById('refuse-document-modal').style.display = 'none';
|
||
document.getElementById('refuse-reason').value = '';
|
||
}
|
||
|
||
let currentDocumentId = null;
|
||
|
||
// Функции для работы с API
|
||
async function updateDocumentStatus(documentId, status, comment = '', refusalReason = '') {
|
||
try {
|
||
const response = await fetch(`/api/documents/${documentId}/status`, {
|
||
method: 'PUT',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
},
|
||
body: JSON.stringify({
|
||
status: status,
|
||
comment: comment,
|
||
refusalReason: refusalReason
|
||
})
|
||
});
|
||
|
||
if (response.ok) {
|
||
alert('Статус документа обновлен!');
|
||
|
||
// Закрываем модальные окна
|
||
closeApproveModal();
|
||
closeReceiveModal();
|
||
closeRefuseModal();
|
||
|
||
// Обновляем список документов
|
||
if (isSecretary()) {
|
||
loadSecretaryDocuments();
|
||
}
|
||
loadMyDocuments();
|
||
} else {
|
||
const error = await response.json();
|
||
alert(error.error || 'Ошибка обновления статуса');
|
||
}
|
||
} catch (error) {
|
||
console.error('Ошибка:', error);
|
||
alert('Ошибка обновления статуса');
|
||
}
|
||
}
|
||
|
||
async function cancelDocument(documentId) {
|
||
if (!confirm('Вы уверены, что хотите отозвать документ?')) {
|
||
return;
|
||
}
|
||
|
||
try {
|
||
const response = await fetch(`/api/documents/${documentId}/cancel`, {
|
||
method: 'POST'
|
||
});
|
||
|
||
if (response.ok) {
|
||
alert('Документ отозван!');
|
||
loadMyDocuments();
|
||
} else {
|
||
const error = await response.json();
|
||
alert(error.error || 'Ошибка отзыва документа');
|
||
}
|
||
} catch (error) {
|
||
console.error('Ошибка:', error);
|
||
alert('Ошибка отзыва документа');
|
||
}
|
||
}
|
||
|
||
async function reworkDocument(documentId) {
|
||
// Здесь можно открыть форму для повторной отправки
|
||
alert('Функция исправления и повторной отправки будет реализована в следующей версии');
|
||
}
|
||
|
||
async function downloadDocumentPackage(documentId) {
|
||
try {
|
||
const response = await fetch(`/api/documents/${documentId}/package`);
|
||
if (response.ok) {
|
||
const blob = await response.blob();
|
||
const url = window.URL.createObjectURL(blob);
|
||
const a = document.createElement('a');
|
||
a.href = url;
|
||
a.download = `document_${documentId}_package.zip`;
|
||
document.body.appendChild(a);
|
||
a.click();
|
||
window.URL.revokeObjectURL(url);
|
||
document.body.removeChild(a);
|
||
} else {
|
||
const error = await response.json();
|
||
alert(error.error || 'Ошибка скачивания пакета документов');
|
||
}
|
||
} catch (error) {
|
||
console.error('Ошибка:', error);
|
||
alert('Ошибка скачивания пакета документов');
|
||
}
|
||
}
|
||
|
||
function isSecretary() {
|
||
return currentUser && currentUser.groups && currentUser.groups.includes('Секретарь');
|
||
}
|
||
|
||
function showDocumentSection(sectionName) {
|
||
// Скрываем все секции
|
||
document.querySelectorAll('.document-section').forEach(section => {
|
||
section.style.display = 'none';
|
||
});
|
||
|
||
// Показываем выбранную секцию
|
||
const targetSection = document.getElementById(`${sectionName}-section`);
|
||
if (targetSection) {
|
||
targetSection.style.display = 'block';
|
||
}
|
||
|
||
// Загружаем данные для секции
|
||
if (sectionName === 'my-documents') {
|
||
loadMyDocuments();
|
||
} else if (sectionName === 'secretary-documents' && isSecretary()) {
|
||
loadSecretaryDocuments();
|
||
}
|
||
}
|
||
|
||
// Инициализация при загрузке страницы
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
if (window.location.pathname === '/doc') {
|
||
initializeDocumentForm();
|
||
|
||
// Показываем соответствующие секции
|
||
if (isSecretary()) {
|
||
document.getElementById('secretary-tab').style.display = 'block';
|
||
}
|
||
|
||
// По умолчанию показываем создание документа
|
||
showDocumentSection('create-document');
|
||
}
|
||
}); |