подпись

This commit is contained in:
2026-02-19 16:07:07 +05:00
parent f6f079ed85
commit 4c9298c573
6 changed files with 652 additions and 74 deletions

View File

@@ -6,6 +6,7 @@ const TasksType = (function() {
let currentTasks = [];
let expandedTasks = new Set();
let currentType = 'document'; // Тип по умолчанию
let currentUser = null;
// Конфигурация типов задач
const taskTypeConfig = {
@@ -67,10 +68,185 @@ const TasksType = (function() {
}
};
// Функция для получения подписантов из idgroups
async function getSigners() {
try {
// Сначала пробуем получить через новый API
const response = await fetch('/api2/idusers');
if (!response.ok) {
console.warn('API idusers не доступен, пробуем альтернативный метод');
return await getSignersAlternative();
}
const data = await response.json();
// Фильтруем только активных пользователей
// Проверяем наличие группы "Подписант" в group_name или в metadata
const signers = data.filter(user => {
if (!user.is_active) return false;
// Проверяем group_name (если есть)
if (user.group_name && user.group_name.toLowerCase().includes('подписант')) {
return true;
}
// Проверяем metadata (если есть)
if (user.metadata && typeof user.metadata === 'object') {
const groups = user.metadata.groups || [];
if (groups.some(g => g.toLowerCase().includes('подписант'))) {
return true;
}
}
// Проверяем ldap_group (если есть)
if (user.ldap_group && user.ldap_group.toLowerCase().includes('подписант')) {
return true;
}
return false;
});
console.log('Найдены подписанты через API:', signers);
// Преобразуем в нужный формат
return signers.map(s => ({
id: s.user_id,
name: s.user_name || 'Неизвестно',
login: s.user_login || s.login || '',
external_id: s.external_id || ''
}));
} catch (error) {
console.error('Ошибка получения подписантов:', error);
return await getSignersAlternative();
}
}
// Альтернативный метод получения подписантов
async function getSignersAlternative() {
try {
// Пробуем получить через обычный API пользователей
const response = await fetch('/api/users');
if (!response.ok) return [];
const users = await response.json();
// Фильтруем по роли или другим признакам
const signers = users.filter(user => {
// Например, пользователи с ролью 'admin' или специальным полем
return user.role === 'admin' || user.role === 'signer';
});
return signers.map(s => ({
id: s.id,
name: s.name || s.login,
login: s.login,
external_id: s.external_id || ''
}));
} catch (error) {
console.error('Ошибка альтернативного получения подписантов:', error);
return [];
}
}
// Функция для замены исполнителя на подписанта
async function replaceWithSigner(taskId, currentUserId) {
try {
const signers = await getSigners();
if (signers.length === 0) {
alert('❌ Подписанты не найдены в системе.\n\n' +
'Проверьте:\n' +
'1. В таблице idgroups создана группа "Подписант"\n' +
'2. В таблице idusers есть пользователи в этой группе\n' +
'3. Пользователи активны (is_active = true)');
return false;
}
// Показываем диалог подтверждения с информацией о подписантах
const signerNames = signers.map(s => `${s.name} (${s.login})`).join('\n');
const message = signers.length === 1
? `✍️ Назначить подписанта:\n\n${signerNames}\n\nТекущий исполнитель будет заменен.`
: `✍️ Назначить подписантов:\n\n${signerNames}\n\nБудут назначены ВСЕ найденные подписанты.`;
if (!confirm(message)) {
return false;
}
let response;
// Если несколько подписантов, назначаем всех
if (signers.length > 1) {
const signerIds = signers.map(s => s.id);
response = await fetch(`/api/tasks/${taskId}/replace-all-assignees`, {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
newAssigneeIds: signerIds
})
});
if (response.ok) {
const signerNames = signers.map(s => s.name).join(', ');
alert(`✅ Задача назначена подписантам:\n${signerNames}`);
}
} else {
// Если один подписант, заменяем текущего
const signer = signers[0];
response = await fetch(`/api/tasks/${taskId}/replace-assignee`, {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
oldAssigneeId: currentUserId,
newAssigneeId: signer.id
})
});
if (response.ok) {
alert(`✅ Задача переназначена подписанту:\n${signer.name} (${signer.login})`);
}
}
if (response && response.ok) {
// Перезагружаем задачи
await loadTasks();
return true;
} else if (response) {
const error = await response.json();
alert('❌ Ошибка: ' + (error.error || 'Неизвестная ошибка'));
}
return false;
} catch (error) {
console.error('Ошибка при переназначении:', error);
alert('❌ Сетевая ошибка при переназначении: ' + error.message);
return false;
}
}
// Инициализация
function init() {
// Получаем текущего пользователя
fetch('/api/user')
.then(response => response.json())
.then(data => {
if (data.user) {
currentUser = data.user;
console.log('Текущий пользователь:', currentUser);
}
})
.catch(error => console.error('Ошибка получения пользователя:', error));
createTaskTypeSection();
setupEventListeners();
loadTasks();
}
// Создание секции для задач по типам
@@ -86,8 +262,7 @@ const TasksType = (function() {
section.innerHTML = `
<div class="tasks-type-container">
<div class="tasks-type-header">
<h2 id="tasks-type-title">Документы</h2>
<div class="form-group hidden">
<h2 id="tasks-type-title">📄 Документы</h2>
<div class="tasks-type-controls">
<select id="tasks-type-selector" class="tasks-type-select">
<option value="document" selected>📄 Документы</option>
@@ -101,7 +276,6 @@ const TasksType = (function() {
</select>
<button id="tasks-type-refresh" class="tasks-type-refresh-btn" title="Обновить">🔄</button>
</div>
</div>
</div>
<div class="tasks-type-filters">
@@ -132,7 +306,7 @@ const TasksType = (function() {
</div>
`;
// Добавляем секцию после основного контента или в указанное место
// Добавляем секцию после основного контента
const container = document.querySelector('.container') || document.body;
container.appendChild(section);
@@ -160,6 +334,8 @@ const TasksType = (function() {
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
flex-wrap: wrap;
gap: 15px;
}
.tasks-type-header h2 {
@@ -261,10 +437,13 @@ const TasksType = (function() {
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #e0e0e0;
flex-wrap: wrap;
gap: 10px;
}
.tasks-type-title-info {
flex: 1;
min-width: 250px;
}
.tasks-type-badge {
@@ -285,12 +464,19 @@ const TasksType = (function() {
.tasks-type-badge.certificate { background-color: #fce4ec; color: #c2185b; }
.tasks-type-badge.e_journal { background-color: #ede7f6; color: #512da8; }
.task-number {
color: #666;
font-size: 12px;
margin-right: 8px;
}
.tasks-type-status {
padding: 4px 10px;
border-radius: 4px;
font-size: 12px;
font-weight: 500;
margin: 0 10px;
white-space: nowrap;
}
.tasks-type-status.status-red { background-color: #ffebee; color: #c62828; }
@@ -320,6 +506,7 @@ const TasksType = (function() {
gap: 8px;
margin-bottom: 15px;
flex-wrap: wrap;
align-items: center;
}
.tasks-type-btn {
@@ -335,6 +522,24 @@ const TasksType = (function() {
opacity: 0.9;
}
.tasks-type-btn.sign-btn {
background-color: #4a90e2;
color: white;
}
.tasks-type-btn.sign-btn:hover {
background-color: #357abd;
}
.tasks-type-btn.complete-btn {
background-color: #27ae60;
color: white;
}
.tasks-type-btn.complete-btn:hover {
background-color: #219a52;
}
.tasks-type-description {
background-color: #f9f9f9;
padding: 10px;
@@ -361,8 +566,9 @@ const TasksType = (function() {
.tasks-type-assignment {
display: flex;
align-items: center;
padding: 8px;
padding: 10px;
border-bottom: 1px solid #f0f0f0;
gap: 10px;
}
.tasks-type-assignment:last-child {
@@ -373,9 +579,17 @@ const TasksType = (function() {
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 10px;
flex-shrink: 0;
}
.tasks-type-assignment-status.status-red { background-color: #c62828; }
.tasks-type-assignment-status.status-orange { background-color: #ef6c00; }
.tasks-type-assignment-status.status-green { background-color: #2e7d32; }
.tasks-type-assignment-status.status-yellow { background-color: #fbc02d; }
.tasks-type-assignment-status.status-darkred { background-color: #b71c1c; }
.tasks-type-assignment-status.status-purple { background-color: #7b1fa2; }
.tasks-type-assignment-status.status-gray { background-color: #616161; }
.tasks-type-meta {
margin-top: 10px;
padding-top: 10px;
@@ -448,6 +662,23 @@ const TasksType = (function() {
background-color: #fff3e0;
color: #ef6c00;
}
.deleted-badge, .closed-badge {
font-size: 11px;
padding: 2px 6px;
border-radius: 3px;
margin-left: 5px;
}
.deleted-badge {
background-color: #ffebee;
color: #c62828;
}
.closed-badge {
background-color: #eeeeee;
color: #616161;
}
`;
document.head.appendChild(style);
@@ -542,7 +773,7 @@ const TasksType = (function() {
const status = document.getElementById('tasks-type-status-filter')?.value;
if (status && status !== 'all') {
if (status === 'active') {
params.append('status', 'active');
params.append('status', 'active,assigned,in_progress,overdue,rework');
} else {
params.append('status', status);
}
@@ -608,12 +839,12 @@ const TasksType = (function() {
</span>
<span class="task-number">№${task.id}</span>
<strong>${escapeHtml(task.title)}</strong>
${isDeleted ? '<span class="deleted-badge">Удалена</span>' : ''}
${isClosed ? '<span class="closed-badge">Закрыта</span>' : ''}
${isDeleted ? '<span class="deleted-badge">🗑️ Удалена</span>' : ''}
${isClosed ? '<span class="closed-badge">Закрыта</span>' : ''}
${timeLeftInfo ? `<span class="deadline-indicator ${timeLeftInfo.class}">${timeLeftInfo.text}</span>` : ''}
</div>
<span class="tasks-type-status ${statusClass}">
Выполнить до: ${formatDateTime(task.due_date || task.created_at)}
До: ${formatDateTime(task.due_date || task.created_at)}
</span>
<div class="tasks-type-expand-icon" style="transform: rotate(${isExpanded ? '180deg' : '0deg'});">
@@ -630,36 +861,49 @@ const TasksType = (function() {
// Рендеринг развернутого содержимого
function renderExpandedContent(task) {
// Проверяем, является ли текущий пользователь исполнителем задачи
const isCurrentUserAssignee = task.assignments && task.assignments.some(
assignment => assignment.user_id === currentUser?.id
);
return `
<div class="tasks-type-actions">
${currentUser && currentUser.login === 'minicrm' ? `
<button class="tasks-type-btn" onclick="TasksType.openTaskChat(${task.id})" title="Открыть чат">💬</button>
<button class="tasks-type-btn" onclick="TasksType.openAddFileModal(${task.id})" title="Добавить файл">📎</button>
${currentUser && (currentUser.role === 'admin' || currentUser.role === 'tasks') ? `
<button class="tasks-type-btn" onclick="TasksType.openTaskChat(${task.id})" title="Открыть чат">💬 Чат</button>
<button class="tasks-type-btn" onclick="TasksType.openAddFileModal(${task.id})" title="Добавить файл">📎 Добавить файл</button>
<button class="tasks-type-btn" onclick="TasksType.openEditModal(${task.id})" title="Редактировать">✏️ Редактировать</button>
<button class="tasks-type-btn" onclick="TasksType.openCopyModal(${task.id})" title="Создать копию">📋 Копировать</button>
` : ''}
<button class="tasks-type-btn" onclick="TasksType.openEditModal(${task.id})" title="Редактировать">✏️</button>
<button class="tasks-type-btn" onclick="TasksType.openCopyModal(${task.id})" title="Создать копию">📋</button>
${isCurrentUserAssignee ? `
<button class="tasks-type-btn sign-btn" onclick="TasksType.replaceWithSigner(${task.id}, ${currentUser.id})" title="Передать подписанту">✍️ Подписать</button>
<button class="tasks-type-btn complete-btn" onclick="TasksType.updateStatus(${task.id}, ${currentUser.id}, 'completed')" title="Отметить как выполненное">
✅ Выполнено
</button>
` : ''}
</div>
<div class="tasks-type-description">
${task.description || 'Нет описания'}
<strong>Описание:</strong><br>
${escapeHtml(task.description) || 'Нет описания'}
</div>
${task.rework_comment ? `
<div class="tasks-type-rework">
<strong>Комментарий к доработке:</strong> ${escapeHtml(task.rework_comment)}
<strong>🔄 Комментарий к доработке:</strong><br>
${escapeHtml(task.rework_comment)}
</div>
` : ''}
<div class="tasks-type-files">
<strong>Файлы:</strong>
<strong>📎 Файлы:</strong>
${task.files && task.files.length > 0 ?
renderGroupedFiles(task) :
'<span>нет файлов</span>'}
'<div>нет файлов</div>'}
</div>
<div class="tasks-type-assignments">
<strong>Исполнители:</strong>
<strong>👥 Исполнители:</strong>
${task.assignments && task.assignments.length > 0 ?
renderAssignments(task.assignments, task.id) :
'<div>Не назначены</div>'}
@@ -667,15 +911,15 @@ const TasksType = (function() {
<div class="tasks-type-meta">
<small>
Создана: ${formatDateTime(task.start_date || task.created_at)}
| Автор: ${task.creator_name || 'Неизвестно'}
${task.due_date ? `| Срок: ${formatDateTime(task.due_date)}` : ''}
📅 Создана: ${formatDateTime(task.start_date || task.created_at)}
| 👤 Автор: ${task.creator_name || 'Неизвестно'}
${task.due_date ? `| Срок: ${formatDateTime(task.due_date)}` : ''}
</small>
</div>
`;
}
// Рендеринг файлов
// Рендеринг файлов по группам
function renderGroupedFiles(task) {
if (!task.files || task.files.length === 0) {
return '<span>нет файлов</span>';
@@ -701,8 +945,8 @@ const TasksType = (function() {
<div><strong>${escapeHtml(uploader.name)}:</strong></div>
<div class="file-icons-container">
${uploader.files.map(file => `
<a href="/api/files/${file.id}" target="_blank" class="file-icon-link" title="${escapeHtml(file.original_name)}">
📎 ${escapeHtml(file.original_name).substring(0, 15)}${file.original_name.length > 15 ? '...' : ''}
<a href="/api/files/${file.id}/download" target="_blank" class="file-icon-link" title="${escapeHtml(file.original_name)}">
📎 ${escapeHtml(file.original_name).substring(0, 20)}${file.original_name.length > 20 ? '...' : ''}
</a>
`).join('')}
</div>
@@ -710,27 +954,22 @@ const TasksType = (function() {
`).join('');
}
// Рендеринг исполнителей
// Рендеринг исполнителей (теперь только информация, без кнопок)
function renderAssignments(assignments, taskId) {
return assignments.map(assignment => `
<div class="tasks-type-assignment">
<span class="tasks-type-assignment-status ${getStatusClass(assignment.status)}"></span>
<div style="flex: 1;">
<strong>${escapeHtml(assignment.user_name)}</strong>
${assignment.user_id === currentUser?.id ? '<small>(Вы)</small>' : ''}
${assignment.due_date ? `
<small>Срок: ${formatDateTime(assignment.due_date)}</small>
` : ''}
return assignments.map(assignment => {
return `
<div class="tasks-type-assignment" data-user-id="${assignment.user_id}">
<span class="tasks-type-assignment-status ${getStatusClass(assignment.status)}"></span>
<div style="flex: 1;">
<strong>${escapeHtml(assignment.user_name)}</strong>
${assignment.user_id === currentUser?.id ? '<small>(Вы)</small>' : ''}
${assignment.due_date ? `
<small>Срок: ${formatDateTime(assignment.due_date)}</small>
` : ''}
</div>
</div>
<div>
${assignment.user_id === currentUser?.id ? `
<button class="tasks-type-btn" onclick="TasksType.updateStatus(${taskId}, ${assignment.user_id}, 'completed')">
✅ Выполнено
</button>
` : ''}
</div>
</div>
`).join('');
`;
}).join('');
}
// Публичные методы
@@ -751,9 +990,11 @@ const TasksType = (function() {
if (section) {
// Скрываем другие секции
document.querySelectorAll('.section').forEach(s => {
s.classList.remove('active');
if (s.id !== 'tasks-type-section') {
s.style.display = 'none';
}
});
section.classList.add('active');
section.style.display = 'block';
}
},
@@ -782,45 +1023,54 @@ const TasksType = (function() {
await loadTasks();
} else {
const error = await response.json();
alert('Ошибка: ' + (error.error || 'Неизвестная ошибка'));
alert('Ошибка: ' + (error.error || 'Неизвестная ошибка'));
}
} catch (error) {
console.error('Ошибка:', error);
alert('Сетевая ошибка');
alert('Сетевая ошибка');
}
},
replaceWithSigner: replaceWithSigner,
openTaskChat: function(taskId) {
window.open(`/chat?task_id=${taskId}`, '_blank');
},
openAddFileModal: function(taskId) {
if (typeof openAddFileModal === 'function') {
openAddFileModal(taskId);
if (typeof window.openAddFileModal === 'function') {
window.openAddFileModal(taskId);
} else {
alert('Функция добавления файлов недоступна');
}
},
openEditModal: function(taskId) {
if (typeof openEditModal === 'function') {
openEditModal(taskId);
if (typeof window.openEditModal === 'function') {
window.openEditModal(taskId);
} else {
alert('Функция редактирования недоступна');
}
},
openCopyModal: function(taskId) {
if (typeof openCopyModal === 'function') {
openCopyModal(taskId);
if (typeof window.openCopyModal === 'function') {
window.openCopyModal(taskId);
} else {
alert('Функция копирования недоступна');
}
},
// Метод для проверки наличия подписантов
checkSigners: async function() {
const signers = await getSigners();
console.log('Найдено подписантов:', signers.length, signers);
return signers;
}
};
})();
// Вспомогательные функции (не конфликтуют с ui.js)
// Вспомогательные функции
function getTaskOverallStatus(task) {
if (task.status === 'deleted') return 'deleted';
if (task.closed_at) return 'closed';
@@ -885,12 +1135,12 @@ function getTimeLeftInfo(task) {
if (hoursLeft <= 24) {
return {
text: `Осталось ${hoursLeft}ч`,
text: `Осталось ${hoursLeft}ч`,
class: 'deadline-24h'
};
} else if (hoursLeft <= 48) {
return {
text: `Осталось ${hoursLeft}ч`,
text: `Осталось ${hoursLeft}ч`,
class: 'deadline-48h'
};
}
@@ -901,7 +1151,13 @@ function getTimeLeftInfo(task) {
function formatDateTime(dateTimeString) {
if (!dateTimeString) return '';
const date = new Date(dateTimeString);
return date.toLocaleString('ru-RU');
return date.toLocaleString('ru-RU', {
day: '2-digit',
month: '2-digit',
year: 'numeric',
hour: '2-digit',
minute: '2-digit'
});
}
function getTaskTypeDisplayName(type) {
@@ -931,18 +1187,19 @@ function escapeHtml(text) {
// Инициализация при загрузке страницы
document.addEventListener('DOMContentLoaded', function() {
// Проверяем, что currentUser определен (из основного скрипта)
if (typeof currentUser !== 'undefined') {
// Ждем загрузки currentUser из основного скрипта
const checkUser = setInterval(function() {
if (typeof window.currentUser !== 'undefined') {
clearInterval(checkUser);
TasksType.init();
}
}, 100);
// Таймаут на случай, если currentUser так и не появится
setTimeout(function() {
clearInterval(checkUser);
TasksType.init();
} else {
// Ждем загрузки currentUser
const checkUser = setInterval(function() {
if (typeof currentUser !== 'undefined') {
clearInterval(checkUser);
TasksType.init();
}
}, 100);
}
}, 5000);
});
// Экспортируем в глобальную область