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

обед

Browse Source
This commit is contained in:
kalugin66
2026-02-02 16:16:14 +05:00
parent cd827b0e9a
commit 0b54ca8404
11 changed files with 1185 additions and 1020 deletions
Download Patch File Download Diff File Expand all files Collapse all files

388
public/doc.html
View File

@@ -3,77 +3,140 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Согласование документов</title>
<title>School CRM - Управление задачами</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="doc.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<div class="doc-container">
<div id="login-modal" class="modal">
<div class="modal-content">
<h2><i class="fas fa-sign-in-alt"></i> Вход в School CRM</h2>
<form id="login-form">
<div class="form-group">
<label for="login"><i class="fas fa-user"></i> Логин:</label>
<input type="text" id="login" name="login" required>
</div>
<div class="form-group">
<label for="password"><i class="fas fa-lock"></i> Пароль:</label>
<input type="password" id="password" name="password" required>
</div>
<button type="submit" class="btn-primary">
<i class="fas fa-sign-in-alt"></i> Войти
</button>
</form>
<div class="test-users">
<h3><i class="fas fa-users"></i> Управление задачами 0.5</h3>
<ul>
<li><strong><i class="fas fa-school"></i> @2025</strong> МАОУ - СОШ № 25</li>
</ul>
</div>
</div>
</div>
<div class="container">
<header>
<div class="header-top">
<h1><i class="fas fa-file-contract"></i> Согласование документов</h1>
<h1><i class="fas fa-tasks"></i> School CRM - Согласование документов</h1>
<div class="user-info">
<span id="current-user"></span>
<button onclick="window.location.href = '/'" class="btn-back">
<i class="fas fa-arrow-left"></i> Назад к задачам
</button>
<!--<button onclick="logout()" class="btn-logout">
<i class="fas fa-sign-out-alt"></i> Выйти
</button>-->
</div>
</div>
<nav class="doc-nav">
<button onclick="showDocumentSection('create-document')" class="nav-btn">
<i class="fas fa-plus-circle"></i> Создать документ
</button>
<button onclick="showDocumentSection('my-documents')" class="nav-btn">
<i class="fas fa-folder"></i> Мои документы
</button>
<button onclick="showDocumentSection('approval-documents')" class="nav-btn" id="approval-btn">
<i class="fas fa-check-circle"></i> На согласовании
</button>
<button onclick="logout()" class="btn-logout">
<i class="fas fa-sign-out-alt"></i> Выйти
</button>
<nav>
<!--
<button onclick="showTasksWithoutDate()" class="nav-btn" id="tasks-no-date-btn"><i class="fas fa-clock"></i> Задачи без срока</button>
-->
<!--
<button onclick="showSection('logs')" class="nav-btn"><i class="fas fa-history"></i> Лог активности</button>
-->
<button onclick="window.location.href = '/'" class="nav-btn tasks"><i class="fas fa-cog"></i> Главная</button>
<button onclick="showSection('tasks')" class="nav-btn tasks"><i class="fas fa-list"></i> Задачи</button>
<button onclick="logout()" class="btn-logout"><i class="fas fa-sign-out-alt"></i> Выйти</button>
</nav>
</header>
<main>
<!-- Создание документа -->
<section id="create-document-section" class="document-section active">
<h2><i class="fas fa-plus-circle"></i> Создать новый документ</h2>
<form id="create-document-form" enctype="multipart/form-data">
<div class="form-row">
<div class="form-group">
<label for="title"><i class="fas fa-heading"></i> Название документа:</label>
<input type="text" id="title" name="title" required placeholder="Введите название документа">
<section id="tasks-section" class="section">
<h2><i class="fas fa-tasks"></i> Все задачи</h2>
<div id="tasks-controls">
<div class="filters">
<div class="filter-group">
<label for="search-tasks"><i class="fas fa-search"></i> Поиск:</label>
<input type="text" id="search-tasks" placeholder="Поиск по названию и описанию..." oninput="loadTasks()">
</div>
<div class="form-group">
<label for="document-type"><i class="fas fa-file-alt"></i> Тип документа:</label>
<select id="document-type" name="documentTypeId">
<option value="">Выберите тип документа</option>
<div class="filter-group">
<label for="status-filter"><i class="fas fa-filter"></i> Статус:</label>
<select id="status-filter" onchange="loadTasks()">
<option value="active,in_progress,assigned,overdue,rework">Все активные</option>
<option value="all">Все статусы</option>
<option value="assigned">Назначена</option>
<option value="in_progress">В работе</option>
<option value="rework">На доработке</option>
<option value="overdue">Просрочена</option>
<option value="completed">Выполнена</option>
<option value="closed">Закрыта</option>
</select>
</div>
<div class="filter-group">
<label for="creator-filter"><i class="fas fa-user-tie"></i> Заказчик:</label>
<select id="creator-filter" onchange="loadTasks()">
<option value="">Все заказчики</option>
</select>
</div>
<div class="filter-group">
<label for="assignee-filter"><i class="fas fa-user-check"></i> Исполнитель:</label>
<select id="assignee-filter" onchange="loadTasks()">
<option value="">Все исполнители</option>
</select>
</div>
<div class="filter-group">
<label for="deadline-filter"><i class="fas fa-calendar-times"></i> Срок выполнения:</label>
<select id="deadline-filter" onchange="loadTasks()">
<option value="">Все сроки</option>
<option value="48h">Менее 48 часов</option>
<option value="24h">Менее 24 часов</option>
</select>
</div>
</div>
<label class="show-deleted-label" style="display: none;">
<input type="checkbox" id="show-deleted" onchange="loadTasks()">
<i class="fas fa-trash"></i> Показать удаленные задачи
</label>
</div>
<div id="tasks-list"></div>
</section>
<section id="create-task-section" class="section">
<h2><i class="fas fa-plus-circle"></i> Создать новую задачу</h2>
<form id="create-task-form" enctype="multipart/form-data">
<div class="form-group">
<label for="title"><i class="fas fa-heading"></i> Название задачи:</label>
<input type="text" id="title" name="title" required>
</div>
<div class="form-group">
<label for="description"><i class="fas fa-align-left"></i> Описание:</label>
<textarea id="description" name="description" rows="3" placeholder="Описание документа"></textarea>
<textarea id="description" name="description" rows="4"></textarea>
</div>
<div class="form-row">
<div class="form-group">
<label for="due-date"><i class="fas fa-clock"></i> Срок согласования:</label>
<input type="date" id="due-date" name="dueDate">
<div class="form-group">
<label for="due-date"><i class="fas fa-calendar-alt"></i> Дата и время выполнения:</label>
<input type="datetime-local" id="due-date" name="dueDate" required>
</div>
<div class="form-group">
<label><i class="fas fa-users"></i> Исполнители:</label>
<div class="user-search">
<input type="text" id="user-search" placeholder="Поиск исполнителей..." oninput="filterUsers()">
<i class="fas fa-search"></i>
</div>
<div id="users-checklist" class="checkbox-group"></div>
</div>
<div class="form-group">
<label for="comment"><i class="fas fa-comment"></i> Комментарий для согласующих:</label>
<textarea id="comment" name="comment" rows="2" placeholder="Комментарий для согласующих"></textarea>
</div>
<div class="form-group">
<label for="files"><i class="fas fa-paperclip"></i> Прикрепить файлы:</label>
<label for="files"><i class="fas fa-paperclip"></i> Прикрепить файлы (до 15 файлов, максимум 300MB):</label>
<div class="file-upload">
<input type="file" id="files" name="files" multiple>
<label for="files" class="file-upload-label">
@@ -82,146 +145,131 @@
</div>
<div id="file-list"></div>
</div>
<div class="form-info">
<p><i class="fas fa-info-circle"></i> Документ будет отправлен на согласование секретарю</p>
</div>
<button type="submit" class="btn-primary">
<i class="fas fa-check-circle"></i> Отправить на согласование
<i class="fas fa-check-circle"></i> Создать задачу
</button>
</form>
</section>
<!-- Мои документы -->
<section id="my-documents-section" class="document-section">
<div class="section-header">
<h2><i class="fas fa-folder"></i> Мои документы</h2>
<div class="document-filters">
<div class="filter-group">
<label for="search-documents"><i class="fas fa-search"></i> Поиск:</label>
<input type="text" id="search-documents" placeholder="Поиск по названию, номеру...">
</div>
<div class="filter-group">
<label for="document-status-filter"><i class="fas fa-filter"></i> Статус:</label>
<select id="document-status-filter">
<option value="all">Все статусы</option>
<option value="На согласовании">На согласовании</option>
<option value="Согласован">Согласован</option>
<option value="Отказано">Отказано</option>
<option value="Отозван">Отозван</option>
<option value="Завершен">Завершен</option>
</select>
</div>
</div>
</div>
<div id="my-documents-list" class="documents-list">
<div class="loading">Загрузка документов...</div>
</div>
</section>
<!-- Документы на согласование -->
<section id="approval-documents-section" class="document-section">
<div class="section-header">
<h2><i class="fas fa-check-circle"></i> Документы на согласование</h2>
<div class="document-filters">
<div class="filter-group">
<label for="search-approval-documents"><i class="fas fa-search"></i> Поиск:</label>
<input type="text" id="search-approval-documents" placeholder="Поиск по названию, номеру...">
</div>
</div>
</div>
<div id="approval-documents-list" class="documents-list">
<div class="loading">Загрузка документов...</div>
</div>
<section id="logs-section" class="section">
<h2><i class="fas fa-history"></i> Лог активности</h2>
<div id="logs-list"></div>
</section>
</main>
</div>
<!-- Модальное окно согласования -->
<div id="approve-modal" class="modal">
<!-- Модальные окна остаются без изменений -->
<div id="edit-task-modal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeApproveModal()">&times;</span>
<h3><i class="fas fa-check-circle"></i> Согласование документа</h3>
<form id="approve-form">
<input type="hidden" id="approve-modal-document-id">
<input type="hidden" id="approve-modal-type">
<span class="close" onclick="closeEditModal()">&times;</span>
<h3><i class="fas fa-edit"></i> Редактировать задачу</h3>
<form id="edit-task-form" enctype="multipart/form-data">
<input type="hidden" id="edit-task-id">
<div class="form-group">
<label for="edit-title">Название задачи:</label>
<input type="text" id="edit-title" name="title" required>
</div>
<div class="form-group">
<label for="approve-comment">Комментарий к согласованию:</label>
<textarea id="approve-comment" name="comment" rows="4" placeholder="Ваш комментарий к документу..."></textarea>
<small>Комментарий будет виден всем участникам согласования</small>
<label for="edit-description">Описание:</label>
<textarea id="edit-description" name="description" rows="4"></textarea>
</div>
<div class="form-group" id="refusal-reason" style="display: none;">
<label for="refusal-reason-text">Причина отказа:</label>
<textarea id="refusal-reason-text" name="refusalReason" rows="3" placeholder="Укажите причину отказа в согласовании..." required></textarea>
<div class="form-group">
<label for="edit-due-date">Дата и время выполнения:</label>
<input type="datetime-local" id="edit-due-date" name="dueDate" required>
</div>
<div class="modal-buttons">
<button type="submit" class="btn-primary" id="approve-submit-btn">
<i class="fas fa-check"></i> Подтвердить
</button>
<button type="button" class="btn-secondary" onclick="closeApproveModal()">
<i class="fas fa-times"></i> Отмена
</button>
<div class="form-group">
<label>Исполнители:</label>
<div class="user-search">
<input type="text" id="edit-user-search" placeholder="Поиск исполнителей..." oninput="filterEditUsers()">
</div>
<div id="edit-users-checklist" class="checkbox-group"></div>
</div>
<div class="form-group">
<label for="edit-files">Добавить файлы:</label>
<input type="file" id="edit-files" name="files" multiple>
<div id="edit-file-list"></div>
</div>
<button type="submit" class="btn-primary">
<i class="fas fa-save"></i> Сохранить изменения
</button>
</form>
</div>
</div>
<script src="auth.js"></script>
<div id="copy-task-modal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeCopyModal()">&times;</span>
<h3><i class="fas fa-copy"></i> Создать копию задачи</h3>
<form id="copy-task-form">
<input type="hidden" id="copy-task-id">
<div class="form-group">
<label for="copy-due-date">Дата и время выполнения для копии:</label>
<input type="datetime-local" id="copy-due-date" name="dueDate" required>
</div>
<div class="form-group">
<label>Назначить исполнителей для копии:</label>
<div class="user-search">
<input type="text" id="copy-user-search" placeholder="Поиск исполнителей..." oninput="filterCopyUsers()">
</div>
<div id="copy-users-checklist" class="checkbox-group"></div>
</div>
<button type="submit" class="btn-primary">
<i class="fas fa-copy"></i> Создать копию
</button>
</form>
</div>
</div>
<div id="edit-assignment-modal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeEditAssignmentModal()">&times;</span>
<h3><i class="fas fa-clock"></i> Редактировать сроки исполнителя</h3>
<form id="edit-assignment-form">
<input type="hidden" id="edit-assignment-task-id">
<input type="hidden" id="edit-assignment-user-id">
<div class="form-group">
<label for="edit-assignment-due-date">Дата и время выполнения:</label>
<input type="datetime-local" id="edit-assignment-due-date" name="dueDate" required>
</div>
<button type="submit" class="btn-primary">
<i class="fas fa-save"></i> Сохранить сроки
</button>
</form>
</div>
</div>
<div id="rework-task-modal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeReworkModal()">&times;</span>
<h3><i class="fas fa-redo"></i> Вернуть задачу на доработку</h3>
<form id="rework-task-form">
<input type="hidden" id="rework-task-id">
<div class="form-group">
<label for="rework-comment">Комментарий к доработке:</label>
<textarea id="rework-comment" name="comment" rows="4" placeholder="Укажите, что нужно исправить..." required></textarea>
</div>
<button type="submit" class="btn-warning">
<i class="fas fa-redo"></i> Вернуть на доработку
</button>
</form>
</div>
</div>
<script src="doc-auth.js"></script>
<script src="doc-users.js"></script>
<script src="doc-tasks.js"></script>
<script src="files.js"></script>
<script src="doc.js"></script>
<script>
// Проверка аутентификации для страницы документов
document.addEventListener('DOMContentLoaded', function() {
checkAuth();
});
let currentUser = null;
async function checkAuth() {
try {
const response = await fetch('/api/user');
if (response.ok) {
const data = await response.json();
currentUser = data.user;
showMainInterface();
} else {
window.location.href = '/';
}
} catch (error) {
window.location.href = '/';
}
}
function showMainInterface() {
document.getElementById('current-user').textContent = `Вы вошли как: ${currentUser.name}`;
// Проверяем, является ли пользователь секретарем
const isSecretary = currentUser.groups && currentUser.groups.includes('Секретарь');
// Показываем/скрываем кнопку согласования
const approvalBtn = document.getElementById('approval-btn');
if (approvalBtn) {
if (isSecretary) {
approvalBtn.style.display = 'inline-block';
} else {
approvalBtn.style.display = 'none';
}
}
}
function logout() {
fetch('/api/logout', { method: 'POST' })
.then(() => {
window.location.href = '/';
})
.catch(error => {
console.error('Ошибка выхода:', error);
});
}
</script>
<script src="profile.js"></script>
<script src="ui.js"></script>
<script src="main.js"></script>
</body>
</html>