Add files via upload
v0.1(front)
This commit is contained in:
cyrteL
327
README.md
Normal file
327
README.md
Normal file
@ -0,0 +1,327 @@
|
||||
# Система управления складом "Склад-Менеджер"
|
||||
|
||||
Современная веб-система для управления товарными запасами и операциями склада с разными уровнями доступа.
|
||||
|
||||
## 🚀 Возможности системы
|
||||
|
||||
### Основной функционал
|
||||
- **Управление товарами**: добавление, редактирование, удаление товаров
|
||||
- **Операции склада**: приход и расход товаров
|
||||
- **Каталог товаров**: удобный просмотр с фильтрами и поиском
|
||||
- **История операций**: полный учет всех операций со складом
|
||||
- **Поиск**: быстрый поиск товаров и операций
|
||||
- **Отчеты**: генерация различных отчетов
|
||||
- **Экспорт данных**: выгрузка в CSV и JSON форматах
|
||||
|
||||
### Система безопасности
|
||||
- **Многоуровневая авторизация** с разными ролями
|
||||
- **Контроль доступа** к функциям системы
|
||||
- **Безопасные сессии** пользователей
|
||||
- **Валидация данных** на всех уровнях
|
||||
|
||||
### Уровни доступа
|
||||
|
||||
#### 🔧 Администратор (admin/admin123)
|
||||
- Полный доступ ко всем функциям
|
||||
- Управление пользователями
|
||||
- Настройка системы
|
||||
- Просмотр всех отчетов
|
||||
|
||||
#### 👔 Менеджер (manager/manager123)
|
||||
- Чтение и запись данных
|
||||
- Управление товарами
|
||||
- Оформление операций
|
||||
- Просмотр отчетов
|
||||
|
||||
#### 👷 Оператор (operator/operator123)
|
||||
- Только чтение данных
|
||||
- Просмотр каталога и истории
|
||||
- Ограниченный доступ к функциям
|
||||
|
||||
#### 👁️ Наблюдатель (viewer/viewer123)
|
||||
- Ограниченный просмотр
|
||||
- Только чтение данных
|
||||
- Минимальный доступ
|
||||
|
||||
## 📁 Структура проекта
|
||||
|
||||
```
|
||||
warehouse-system/
|
||||
├── index.html # Главная страница
|
||||
├── login.html # Страница авторизации
|
||||
├── catalog.html # Каталог товаров
|
||||
├── history.html # История операций
|
||||
├── search.html # Поиск
|
||||
├── profile.html # Профиль пользователя
|
||||
├── css/
|
||||
│ └── style.css # Основные стили
|
||||
├── js/
|
||||
│ ├── auth.js # Система авторизации
|
||||
│ ├── main.js # Основная логика
|
||||
│ ├── warehouse.js # Управление складом
|
||||
│ ├── catalog.js # Каталог товаров
|
||||
│ ├── history.js # История операций
|
||||
│ ├── search.js # Поиск
|
||||
│ └── profile.js # Профиль пользователя
|
||||
└── README.md # Документация
|
||||
```
|
||||
|
||||
## 🛠️ Технологии
|
||||
|
||||
- **HTML5** - семантическая разметка
|
||||
- **CSS3** - современные стили с CSS переменными
|
||||
- **Bootstrap 5** - адаптивный дизайн
|
||||
- **JavaScript (ES6+)** - интерактивность
|
||||
- **jQuery** - упрощение работы с DOM
|
||||
- **Font Awesome** - иконки
|
||||
- **LocalStorage** - локальное хранение данных
|
||||
|
||||
## 🚀 Быстрый старт
|
||||
|
||||
### 1. Установка
|
||||
1. Скачайте или клонируйте проект
|
||||
2. Откройте `index.html` в браузере
|
||||
3. Или запустите локальный сервер:
|
||||
```bash
|
||||
# Python 3
|
||||
python -m http.server 8000
|
||||
|
||||
# Node.js
|
||||
npx http-server
|
||||
|
||||
# PHP
|
||||
php -S localhost:8000
|
||||
```
|
||||
|
||||
### 2. Первый вход
|
||||
1. Откройте `login.html`
|
||||
2. Используйте тестовые учетные записи:
|
||||
- **Администратор**: `admin` / `admin123`
|
||||
- **Менеджер**: `manager` / `manager123`
|
||||
- **Оператор**: `operator` / `operator123`
|
||||
- **Наблюдатель**: `viewer` / `viewer123`
|
||||
|
||||
### 3. Начальная настройка
|
||||
1. Войдите как администратор
|
||||
2. Добавьте первые товары через главную страницу
|
||||
3. Настройте категории товаров
|
||||
4. Создайте пользователей с нужными правами
|
||||
|
||||
## 📖 Руководство пользователя
|
||||
|
||||
### Главная страница
|
||||
- **Быстрые действия**: добавление товаров, приход/расход
|
||||
- **Статистика**: общая информация о складе
|
||||
- **Последние операции**: мониторинг активности
|
||||
|
||||
### Каталог товаров
|
||||
- **Просмотр**: все товары с фильтрами
|
||||
- **Поиск**: по названию, описанию, штрих-коду
|
||||
- **Фильтры**: по категории, цене, наличию
|
||||
- **Редактирование**: изменение информации о товарах
|
||||
|
||||
### История операций
|
||||
- **Просмотр**: все операции с детализацией
|
||||
- **Фильтры**: по типу, дате, товару, сотруднику
|
||||
- **Отчеты**: генерация различных отчетов
|
||||
- **Экспорт**: выгрузка данных
|
||||
|
||||
### Поиск
|
||||
- **Универсальный поиск**: товары и операции
|
||||
- **Расширенные фильтры**: точная настройка
|
||||
- **Результаты**: с подсветкой найденного
|
||||
- **Экспорт результатов**: сохранение найденного
|
||||
|
||||
### Профиль пользователя
|
||||
- **Информация**: личные данные и права
|
||||
- **Статистика**: активность пользователя
|
||||
- **Настройки**: персонализация интерфейса
|
||||
- **Безопасность**: смена пароля
|
||||
|
||||
## 🔧 Администрирование
|
||||
|
||||
### Управление пользователями
|
||||
1. Войдите как администратор
|
||||
2. Перейдите в раздел "Администрирование"
|
||||
3. Выберите "Управление пользователями"
|
||||
4. Создавайте, редактируйте, удаляйте пользователей
|
||||
|
||||
### Настройка категорий
|
||||
1. Откройте "Категории товаров"
|
||||
2. Добавьте нужные категории
|
||||
3. Настройте иконки и описания
|
||||
|
||||
### Генерация отчетов
|
||||
1. Выберите тип отчета
|
||||
2. Укажите период
|
||||
3. Настройте параметры
|
||||
4. Экспортируйте в нужном формате
|
||||
|
||||
## 📊 Структура данных
|
||||
|
||||
### Товар
|
||||
```javascript
|
||||
{
|
||||
id: 1,
|
||||
name: "Название товара",
|
||||
category: "electronics",
|
||||
price: 1000,
|
||||
quantity: 50,
|
||||
description: "Описание товара",
|
||||
barcode: "1234567890123",
|
||||
minQuantity: 10,
|
||||
location: "Стеллаж A-1",
|
||||
supplier: "Поставщик",
|
||||
createdAt: "2024-01-15T10:00:00Z",
|
||||
updatedAt: "2024-01-15T10:00:00Z"
|
||||
}
|
||||
```
|
||||
|
||||
### Операция
|
||||
```javascript
|
||||
{
|
||||
id: 1,
|
||||
type: "incoming", // или "outgoing"
|
||||
itemId: 1,
|
||||
itemName: "Название товара",
|
||||
quantity: 10,
|
||||
employeeId: 1,
|
||||
employeeName: "Имя сотрудника",
|
||||
date: "2024-01-15T10:00:00Z",
|
||||
status: "completed",
|
||||
supplier: "Поставщик",
|
||||
recipient: "Получатель",
|
||||
notes: "Примечания"
|
||||
}
|
||||
```
|
||||
|
||||
### Пользователь
|
||||
```javascript
|
||||
{
|
||||
id: 1,
|
||||
username: "admin",
|
||||
name: "Администратор",
|
||||
email: "admin@company.com",
|
||||
roles: ["admin"],
|
||||
permissions: ["read", "write", "delete", "admin"],
|
||||
department: "IT",
|
||||
position: "Системный администратор"
|
||||
}
|
||||
```
|
||||
|
||||
## 🎨 Кастомизация
|
||||
|
||||
### Изменение цветовой схемы
|
||||
Отредактируйте CSS переменные в `css/style.css`:
|
||||
```css
|
||||
:root {
|
||||
--primary-color: #0d6efd;
|
||||
--secondary-color: #6c757d;
|
||||
--success-color: #198754;
|
||||
--warning-color: #ffc107;
|
||||
--danger-color: #dc3545;
|
||||
--info-color: #0dcaf0;
|
||||
}
|
||||
```
|
||||
|
||||
### Добавление новых категорий
|
||||
В файле `js/warehouse.js` найдите функцию `loadCategories()` и добавьте новые категории:
|
||||
```javascript
|
||||
{
|
||||
id: 'new-category',
|
||||
name: 'Новая категория',
|
||||
icon: 'fas fa-icon-name'
|
||||
}
|
||||
```
|
||||
|
||||
### Настройка прав доступа
|
||||
В файле `js/auth.js` измените массив пользователей или добавьте новые роли и разрешения.
|
||||
|
||||
## 🔒 Безопасность
|
||||
|
||||
### Рекомендации по безопасности
|
||||
1. **Измените пароли по умолчанию** при первом входе
|
||||
2. **Используйте HTTPS** в продакшене
|
||||
3. **Регулярно обновляйте** права доступа
|
||||
4. **Ведите логи** всех операций
|
||||
5. **Делайте резервные копии** данных
|
||||
|
||||
### Настройка HTTPS
|
||||
Для продакшена обязательно используйте SSL-сертификат:
|
||||
```bash
|
||||
# Пример с Let's Encrypt
|
||||
sudo certbot --nginx -d your-domain.com
|
||||
```
|
||||
|
||||
## 📈 Производительность
|
||||
|
||||
### Оптимизация
|
||||
- Используйте современный браузер
|
||||
- Включите кэширование
|
||||
- Минимизируйте количество одновременных операций
|
||||
- Регулярно очищайте старые данные
|
||||
|
||||
### Масштабирование
|
||||
- Для больших объемов данных используйте базу данных
|
||||
- Добавьте серверную часть (PHP, Node.js, Python)
|
||||
- Используйте CDN для статических файлов
|
||||
- Настройте кэширование на сервере
|
||||
|
||||
## 🐛 Устранение неполадок
|
||||
|
||||
### Частые проблемы
|
||||
|
||||
#### Не работает авторизация
|
||||
- Проверьте правильность логина/пароля
|
||||
- Очистите кэш браузера
|
||||
- Проверьте консоль на ошибки JavaScript
|
||||
|
||||
#### Не сохраняются данные
|
||||
- Проверьте доступ к LocalStorage
|
||||
- Убедитесь, что JavaScript включен
|
||||
- Проверьте права доступа пользователя
|
||||
|
||||
#### Медленная работа
|
||||
- Закройте лишние вкладки
|
||||
- Очистите кэш браузера
|
||||
- Проверьте количество товаров/операций
|
||||
|
||||
### Логи и отладка
|
||||
Откройте консоль разработчика (F12) для просмотра ошибок и логов.
|
||||
|
||||
## 🤝 Поддержка
|
||||
|
||||
### Сообщение об ошибках
|
||||
При обнаружении ошибок:
|
||||
1. Опишите проблему подробно
|
||||
2. Укажите версию браузера
|
||||
3. Приложите скриншот ошибки
|
||||
4. Опишите шаги для воспроизведения
|
||||
|
||||
### Запросы функций
|
||||
Для добавления новых функций:
|
||||
1. Опишите требуемую функциональность
|
||||
2. Укажите приоритет
|
||||
3. Приведите примеры использования
|
||||
|
||||
## 📄 Лицензия
|
||||
|
||||
Этот проект распространяется под лицензией MIT. См. файл LICENSE для подробностей.
|
||||
|
||||
## 👥 Авторы
|
||||
|
||||
- Разработка: [Ваше имя]
|
||||
- Дизайн: [Имя дизайнера]
|
||||
- Тестирование: [Имя тестировщика]
|
||||
|
||||
## 📞 Контакты
|
||||
|
||||
- Email: support@warehouse-system.com
|
||||
- Телефон: +7 (XXX) XXX-XX-XX
|
||||
- Веб-сайт: https://warehouse-system.com
|
||||
|
||||
---
|
||||
|
||||
**Версия**: 1.0.0
|
||||
**Дата**: Январь 2024
|
||||
**Последнее обновление**: 15.01.2024
|
||||
403
catalog.html
Normal file
403
catalog.html
Normal file
@ -0,0 +1,403 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Каталог товаров - Склад-Менеджер</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Навигационная панель -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<i class="fas fa-warehouse me-2"></i>
|
||||
Склад-Менеджер
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav me-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">
|
||||
<i class="fas fa-home me-1"></i>Главная
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="catalog.html">
|
||||
<i class="fas fa-boxes me-1"></i>Каталог
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="history.html">
|
||||
<i class="fas fa-history me-1"></i>История
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="search.html">
|
||||
<i class="fas fa-search me-1"></i>Поиск
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item dropdown" id="adminDropdown" style="display: none;">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
|
||||
<i class="fas fa-cog me-1"></i>Администрирование
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="admin/users.html">Управление пользователями</a></li>
|
||||
<li><a class="dropdown-item" href="admin/categories.html">Категории товаров</a></li>
|
||||
<li><a class="dropdown-item" href="admin/reports.html">Отчеты</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown" id="profileDropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
|
||||
<i class="fas fa-user me-1"></i>Профиль
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="profile.html">Мой профиль</a></li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<li><a class="dropdown-item" href="#" id="logoutBtn">Выйти</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Основной контент -->
|
||||
<main class="container mt-4">
|
||||
<!-- Заголовок страницы -->
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<div>
|
||||
<h1 class="mb-1">
|
||||
<i class="fas fa-boxes me-2"></i>
|
||||
Каталог товаров
|
||||
</h1>
|
||||
<p class="text-muted mb-0">Управление товарными позициями склада</p>
|
||||
</div>
|
||||
<div class="d-flex gap-2">
|
||||
<button class="btn btn-outline-primary" id="exportBtn">
|
||||
<i class="fas fa-download me-1"></i>Экспорт
|
||||
</button>
|
||||
<button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addItemModal" id="addItemBtn">
|
||||
<i class="fas fa-plus me-1"></i>Добавить товар
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Фильтры и поиск -->
|
||||
<div class="catalog-filters">
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-3">
|
||||
<label for="searchInput" class="form-label">Поиск товаров</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-text">
|
||||
<i class="fas fa-search"></i>
|
||||
</span>
|
||||
<input type="text" class="form-control" id="searchInput" placeholder="Название, описание или штрих-код">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="categoryFilter" class="form-label">Категория</label>
|
||||
<select class="form-select" id="categoryFilter">
|
||||
<option value="">Все категории</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-2 mb-3">
|
||||
<label for="priceMin" class="form-label">Цена от</label>
|
||||
<input type="number" class="form-control" id="priceMin" placeholder="0">
|
||||
</div>
|
||||
<div class="col-md-2 mb-3">
|
||||
<label for="priceMax" class="form-label">Цена до</label>
|
||||
<input type="number" class="form-control" id="priceMax" placeholder="∞">
|
||||
</div>
|
||||
<div class="col-md-1 mb-3">
|
||||
<label class="form-label"> </label>
|
||||
<div class="d-grid">
|
||||
<button class="btn btn-outline-secondary" id="clearFiltersBtn">
|
||||
<i class="fas fa-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="checkbox" id="inStockFilter">
|
||||
<label class="form-check-label" for="inStockFilter">
|
||||
Только в наличии
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="checkbox" id="lowStockFilter">
|
||||
<label class="form-check-label" for="lowStockFilter">
|
||||
Заканчивается
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Статистика каталога -->
|
||||
<div class="row mb-4">
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card bg-primary text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div>
|
||||
<h4 class="card-title" id="totalItemsCount">0</h4>
|
||||
<p class="card-text">Всего товаров</p>
|
||||
</div>
|
||||
<i class="fas fa-boxes fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card bg-success text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div>
|
||||
<h4 class="card-title" id="inStockCount">0</h4>
|
||||
<p class="card-text">В наличии</p>
|
||||
</div>
|
||||
<i class="fas fa-check-circle fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card bg-warning text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div>
|
||||
<h4 class="card-title" id="lowStockCount">0</h4>
|
||||
<p class="card-text">Заканчивается</p>
|
||||
</div>
|
||||
<i class="fas fa-exclamation-triangle fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card bg-info text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div>
|
||||
<h4 class="card-title" id="categoriesCount">0</h4>
|
||||
<p class="card-text">Категорий</p>
|
||||
</div>
|
||||
<i class="fas fa-tags fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Переключатель вида -->
|
||||
<div class="row mb-3">
|
||||
<div class="col-12">
|
||||
<div class="btn-group" role="group">
|
||||
<input type="radio" class="btn-check" name="viewMode" id="gridView" checked>
|
||||
<label class="btn btn-outline-primary" for="gridView">
|
||||
<i class="fas fa-th-large me-1"></i>Сетка
|
||||
</label>
|
||||
<input type="radio" class="btn-check" name="viewMode" id="listView">
|
||||
<label class="btn btn-outline-primary" for="listView">
|
||||
<i class="fas fa-list me-1"></i>Список
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Каталог товаров -->
|
||||
<div class="row" id="catalogContainer">
|
||||
<!-- Товары будут загружены через JavaScript -->
|
||||
</div>
|
||||
|
||||
<!-- Пагинация -->
|
||||
<div class="row mt-4">
|
||||
<div class="col-12">
|
||||
<nav aria-label="Навигация по страницам">
|
||||
<ul class="pagination justify-content-center" id="pagination">
|
||||
<!-- Пагинация будет создана через JavaScript -->
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Модальное окно добавления товара -->
|
||||
<div class="modal fade" id="addItemModal" tabindex="-1">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">
|
||||
<i class="fas fa-plus-circle me-2"></i>
|
||||
Добавить новый товар
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="addItemForm">
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="itemName" class="form-label">Название товара *</label>
|
||||
<input type="text" class="form-control" id="itemName" required>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="itemCategory" class="form-label">Категория *</label>
|
||||
<select class="form-select" id="itemCategory" required>
|
||||
<option value="">Выберите категорию</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="itemPrice" class="form-label">Цена (₽) *</label>
|
||||
<input type="number" class="form-control" id="itemPrice" min="0" step="0.01" required>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="itemQuantity" class="form-label">Количество *</label>
|
||||
<input type="number" class="form-control" id="itemQuantity" min="0" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="itemDescription" class="form-label">Описание</label>
|
||||
<textarea class="form-control" id="itemDescription" rows="3"></textarea>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="itemBarcode" class="form-label">Штрих-код</label>
|
||||
<input type="text" class="form-control" id="itemBarcode">
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="itemLocation" class="form-label">Местоположение</label>
|
||||
<input type="text" class="form-control" id="itemLocation" placeholder="Стеллаж A-1">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="itemSupplier" class="form-label">Поставщик</label>
|
||||
<input type="text" class="form-control" id="itemSupplier">
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="itemMinQuantity" class="form-label">Минимальный запас</label>
|
||||
<input type="number" class="form-control" id="itemMinQuantity" min="0">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
|
||||
<button type="button" class="btn btn-primary" id="saveItemBtn">
|
||||
<i class="fas fa-save me-1"></i>Сохранить
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Модальное окно редактирования товара -->
|
||||
<div class="modal fade" id="editItemModal" tabindex="-1">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">
|
||||
<i class="fas fa-edit me-2"></i>
|
||||
Редактировать товар
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="editItemForm">
|
||||
<input type="hidden" id="editItemId">
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editItemName" class="form-label">Название товара *</label>
|
||||
<input type="text" class="form-control" id="editItemName" required>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editItemCategory" class="form-label">Категория *</label>
|
||||
<select class="form-select" id="editItemCategory" required>
|
||||
<option value="">Выберите категорию</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editItemPrice" class="form-label">Цена (₽) *</label>
|
||||
<input type="number" class="form-control" id="editItemPrice" min="0" step="0.01" required>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editItemQuantity" class="form-label">Количество *</label>
|
||||
<input type="number" class="form-control" id="editItemQuantity" min="0" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="editItemDescription" class="form-label">Описание</label>
|
||||
<textarea class="form-control" id="editItemDescription" rows="3"></textarea>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editItemBarcode" class="form-label">Штрих-код</label>
|
||||
<input type="text" class="form-control" id="editItemBarcode">
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editItemLocation" class="form-label">Местоположение</label>
|
||||
<input type="text" class="form-control" id="editItemLocation">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editItemSupplier" class="form-label">Поставщик</label>
|
||||
<input type="text" class="form-control" id="editItemSupplier">
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editItemMinQuantity" class="form-label">Минимальный запас</label>
|
||||
<input type="number" class="form-control" id="editItemMinQuantity" min="0">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
|
||||
<button type="button" class="btn btn-primary" id="updateItemBtn">
|
||||
<i class="fas fa-save me-1"></i>Обновить
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Подвал -->
|
||||
<footer class="bg-dark text-white mt-5 py-4">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h5>Система управления складом</h5>
|
||||
<p class="mb-0">Эффективное управление товарными запасами</p>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-end">
|
||||
<p class="mb-0">© 2024 Склад-Менеджер. Все права защищены.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Скрипты -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
||||
<script src="js/auth.js"></script>
|
||||
<script src="js/warehouse.js"></script>
|
||||
<script src="js/catalog.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
380
history.html
Normal file
380
history.html
Normal file
@ -0,0 +1,380 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>История операций - Склад-Менеджер</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Навигационная панель -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<i class="fas fa-warehouse me-2"></i>
|
||||
Склад-Менеджер
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav me-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">
|
||||
<i class="fas fa-home me-1"></i>Главная
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="catalog.html">
|
||||
<i class="fas fa-boxes me-1"></i>Каталог
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="history.html">
|
||||
<i class="fas fa-history me-1"></i>История
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="search.html">
|
||||
<i class="fas fa-search me-1"></i>Поиск
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item dropdown" id="adminDropdown" style="display: none;">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
|
||||
<i class="fas fa-cog me-1"></i>Администрирование
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="admin/users.html">Управление пользователями</a></li>
|
||||
<li><a class="dropdown-item" href="admin/categories.html">Категории товаров</a></li>
|
||||
<li><a class="dropdown-item" href="admin/reports.html">Отчеты</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown" id="profileDropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
|
||||
<i class="fas fa-user me-1"></i>Профиль
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="profile.html">Мой профиль</a></li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<li><a class="dropdown-item" href="#" id="logoutBtn">Выйти</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Основной контент -->
|
||||
<main class="container mt-4">
|
||||
<!-- Заголовок страницы -->
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<div>
|
||||
<h1 class="mb-1">
|
||||
<i class="fas fa-history me-2"></i>
|
||||
История операций
|
||||
</h1>
|
||||
<p class="text-muted mb-0">Просмотр всех операций со складом</p>
|
||||
</div>
|
||||
<div class="d-flex gap-2">
|
||||
<button class="btn btn-outline-primary" id="exportBtn">
|
||||
<i class="fas fa-download me-1"></i>Экспорт
|
||||
</button>
|
||||
<button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#reportModal">
|
||||
<i class="fas fa-chart-bar me-1"></i>Отчет
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Фильтры -->
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0">
|
||||
<i class="fas fa-filter me-2"></i>
|
||||
Фильтры
|
||||
</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="operationType" class="form-label">Тип операции</label>
|
||||
<select class="form-select" id="operationType">
|
||||
<option value="">Все типы</option>
|
||||
<option value="incoming">Приход</option>
|
||||
<option value="outgoing">Расход</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="startDate" class="form-label">Дата начала</label>
|
||||
<input type="date" class="form-control" id="startDate">
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="endDate" class="form-label">Дата окончания</label>
|
||||
<input type="date" class="form-control" id="endDate">
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="itemFilter" class="form-label">Товар</label>
|
||||
<select class="form-select" id="itemFilter">
|
||||
<option value="">Все товары</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="employeeFilter" class="form-label">Сотрудник</label>
|
||||
<select class="form-select" id="employeeFilter">
|
||||
<option value="">Все сотрудники</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="statusFilter" class="form-label">Статус</label>
|
||||
<select class="form-select" id="statusFilter">
|
||||
<option value="">Все статусы</option>
|
||||
<option value="completed">Завершено</option>
|
||||
<option value="pending">В обработке</option>
|
||||
<option value="cancelled">Отменено</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3 d-flex align-items-end">
|
||||
<div class="d-flex gap-2">
|
||||
<button class="btn btn-primary" id="applyFiltersBtn">
|
||||
<i class="fas fa-search me-1"></i>Применить
|
||||
</button>
|
||||
<button class="btn btn-outline-secondary" id="clearFiltersBtn">
|
||||
<i class="fas fa-times me-1"></i>Очистить
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Статистика операций -->
|
||||
<div class="row mb-4">
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card bg-primary text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div>
|
||||
<h4 class="card-title" id="totalOperations">0</h4>
|
||||
<p class="card-text">Всего операций</p>
|
||||
</div>
|
||||
<i class="fas fa-list fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card bg-success text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div>
|
||||
<h4 class="card-title" id="incomingOperations">0</h4>
|
||||
<p class="card-text">Приходы</p>
|
||||
</div>
|
||||
<i class="fas fa-box-open fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card bg-warning text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div>
|
||||
<h4 class="card-title" id="outgoingOperations">0</h4>
|
||||
<p class="card-text">Расходы</p>
|
||||
</div>
|
||||
<i class="fas fa-truck fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card bg-info text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div>
|
||||
<h4 class="card-title" id="totalQuantity">0</h4>
|
||||
<p class="card-text">Общее количество</p>
|
||||
</div>
|
||||
<i class="fas fa-cubes fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Таблица операций -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<h5 class="mb-0">
|
||||
<i class="fas fa-table me-2"></i>
|
||||
Операции
|
||||
</h5>
|
||||
<div class="d-flex gap-2">
|
||||
<select class="form-select form-select-sm" id="sortBy" style="width: auto;">
|
||||
<option value="date">По дате</option>
|
||||
<option value="type">По типу</option>
|
||||
<option value="itemName">По товару</option>
|
||||
<option value="quantity">По количеству</option>
|
||||
</select>
|
||||
<select class="form-select form-select-sm" id="sortOrder" style="width: auto;">
|
||||
<option value="desc">По убыванию</option>
|
||||
<option value="asc">По возрастанию</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover" id="operationsTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Дата</th>
|
||||
<th>Тип</th>
|
||||
<th>Товар</th>
|
||||
<th>Количество</th>
|
||||
<th>Сотрудник</th>
|
||||
<th>Статус</th>
|
||||
<th>Действия</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- Данные будут загружены через JavaScript -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Пагинация -->
|
||||
<div class="row mt-4">
|
||||
<div class="col-12">
|
||||
<nav aria-label="Навигация по страницам">
|
||||
<ul class="pagination justify-content-center" id="pagination">
|
||||
<!-- Пагинация будет создана через JavaScript -->
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Модальное окно деталей операции -->
|
||||
<div class="modal fade" id="operationDetailsModal" tabindex="-1">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">
|
||||
<i class="fas fa-info-circle me-2"></i>
|
||||
Детали операции
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body" id="operationDetailsContent">
|
||||
<!-- Содержимое будет загружено через JavaScript -->
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Модальное окно отчета -->
|
||||
<div class="modal fade" id="reportModal" tabindex="-1">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">
|
||||
<i class="fas fa-chart-bar me-2"></i>
|
||||
Создать отчет
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="reportForm">
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="reportStartDate" class="form-label">Дата начала *</label>
|
||||
<input type="date" class="form-control" id="reportStartDate" required>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="reportEndDate" class="form-label">Дата окончания *</label>
|
||||
<input type="date" class="form-control" id="reportEndDate" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="reportType" class="form-label">Тип отчета</label>
|
||||
<select class="form-select" id="reportType">
|
||||
<option value="summary">Сводный отчет</option>
|
||||
<option value="detailed">Детальный отчет</option>
|
||||
<option value="movement">Отчет по движению товаров</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="reportItem" class="form-label">Товар (опционально)</label>
|
||||
<select class="form-select" id="reportItem">
|
||||
<option value="">Все товары</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="reportFormat" class="form-label">Формат отчета</label>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="radio" name="reportFormat" id="formatCsv" value="csv" checked>
|
||||
<label class="form-check-label" for="formatCsv">
|
||||
CSV файл
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="radio" name="reportFormat" id="formatPdf" value="pdf">
|
||||
<label class="form-check-label" for="formatPdf">
|
||||
PDF документ
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
|
||||
<button type="button" class="btn btn-primary" id="generateReportBtn">
|
||||
<i class="fas fa-download me-1"></i>Создать отчет
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Подвал -->
|
||||
<footer class="bg-dark text-white mt-5 py-4">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h5>Система управления складом</h5>
|
||||
<p class="mb-0">Эффективное управление товарными запасами</p>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-end">
|
||||
<p class="mb-0">© 2024 Склад-Менеджер. Все права защищены.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Скрипты -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
||||
<script src="js/auth.js"></script>
|
||||
<script src="js/warehouse.js"></script>
|
||||
<script src="js/history.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
402
index.html
Normal file
402
index.html
Normal file
@ -0,0 +1,402 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Система управления складом</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Навигационная панель -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<i class="fas fa-warehouse me-2"></i>
|
||||
Склад-Менеджер
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav me-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="index.html">
|
||||
<i class="fas fa-home me-1"></i>Главная
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="catalog.html">
|
||||
<i class="fas fa-boxes me-1"></i>Каталог
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="history.html">
|
||||
<i class="fas fa-history me-1"></i>История
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="search.html">
|
||||
<i class="fas fa-search me-1"></i>Поиск
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item dropdown" id="adminDropdown" style="display: none;">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
|
||||
<i class="fas fa-cog me-1"></i>Администрирование
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="admin/users.html">Управление пользователями</a></li>
|
||||
<li><a class="dropdown-item" href="admin/categories.html">Категории товаров</a></li>
|
||||
<li><a class="dropdown-item" href="admin/reports.html">Отчеты</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown" id="profileDropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
|
||||
<i class="fas fa-user me-1"></i>Профиль
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="profile.html">Мой профиль</a></li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<li><a class="dropdown-item" href="#" id="logoutBtn">Выйти</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Основной контент -->
|
||||
<main class="container mt-4">
|
||||
<!-- Приветственный блок -->
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<div class="card bg-gradient-primary text-white">
|
||||
<div class="card-body">
|
||||
<h1 class="card-title">
|
||||
<i class="fas fa-warehouse me-3"></i>
|
||||
Добро пожаловать в систему управления складом
|
||||
</h1>
|
||||
<p class="card-text">Эффективное управление товарными запасами и операциями склада</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Быстрые действия -->
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<h2 class="mb-3">Быстрые действия</h2>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card h-100 quick-action-card">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-plus-circle fa-3x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Добавить товар</h5>
|
||||
<p class="card-text">Добавить новый товар в каталог</p>
|
||||
<button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addItemModal">
|
||||
Добавить
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card h-100 quick-action-card">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-box-open fa-3x text-success mb-3"></i>
|
||||
<h5 class="card-title">Приход</h5>
|
||||
<p class="card-text">Оформить приход товара</p>
|
||||
<button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#incomingModal">
|
||||
Оформить
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card h-100 quick-action-card">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-truck fa-3x text-warning mb-3"></i>
|
||||
<h5 class="card-title">Расход</h5>
|
||||
<p class="card-text">Оформить расход товара</p>
|
||||
<button class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#outgoingModal">
|
||||
Оформить
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card h-100 quick-action-card">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-search fa-3x text-info mb-3"></i>
|
||||
<h5 class="card-title">Поиск</h5>
|
||||
<p class="card-text">Найти товар или операцию</p>
|
||||
<a href="search.html" class="btn btn-info">Найти</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Статистика -->
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<h2 class="mb-3">Статистика склада</h2>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card bg-primary text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div>
|
||||
<h4 class="card-title" id="totalItems">0</h4>
|
||||
<p class="card-text">Всего товаров</p>
|
||||
</div>
|
||||
<i class="fas fa-boxes fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card bg-success text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div>
|
||||
<h4 class="card-title" id="totalValue">0 ₽</h4>
|
||||
<p class="card-text">Общая стоимость</p>
|
||||
</div>
|
||||
<i class="fas fa-ruble-sign fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card bg-warning text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div>
|
||||
<h4 class="card-title" id="lowStock">0</h4>
|
||||
<p class="card-text">Заканчивается</p>
|
||||
</div>
|
||||
<i class="fas fa-exclamation-triangle fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card bg-info text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div>
|
||||
<h4 class="card-title" id="todayOperations">0</h4>
|
||||
<p class="card-text">Операций сегодня</p>
|
||||
</div>
|
||||
<i class="fas fa-chart-line fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Последние операции -->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title mb-0">
|
||||
<i class="fas fa-clock me-2"></i>
|
||||
Последние операции
|
||||
</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover" id="recentOperationsTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Дата</th>
|
||||
<th>Тип</th>
|
||||
<th>Товар</th>
|
||||
<th>Количество</th>
|
||||
<th>Сотрудник</th>
|
||||
<th>Статус</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- Данные будут загружены через JavaScript -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Модальные окна -->
|
||||
<!-- Модальное окно добавления товара -->
|
||||
<div class="modal fade" id="addItemModal" tabindex="-1">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">
|
||||
<i class="fas fa-plus-circle me-2"></i>
|
||||
Добавить новый товар
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="addItemForm">
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="itemName" class="form-label">Название товара *</label>
|
||||
<input type="text" class="form-control" id="itemName" required>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="itemCategory" class="form-label">Категория *</label>
|
||||
<select class="form-select" id="itemCategory" required>
|
||||
<option value="">Выберите категорию</option>
|
||||
<option value="electronics">Электроника</option>
|
||||
<option value="clothing">Одежда</option>
|
||||
<option value="tools">Инструменты</option>
|
||||
<option value="office">Офисные принадлежности</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="itemPrice" class="form-label">Цена (₽) *</label>
|
||||
<input type="number" class="form-control" id="itemPrice" min="0" step="0.01" required>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="itemQuantity" class="form-label">Количество *</label>
|
||||
<input type="number" class="form-control" id="itemQuantity" min="0" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="itemDescription" class="form-label">Описание</label>
|
||||
<textarea class="form-control" id="itemDescription" rows="3"></textarea>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="itemBarcode" class="form-label">Штрих-код</label>
|
||||
<input type="text" class="form-control" id="itemBarcode">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
|
||||
<button type="button" class="btn btn-primary" id="saveItemBtn">
|
||||
<i class="fas fa-save me-1"></i>Сохранить
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Модальное окно прихода -->
|
||||
<div class="modal fade" id="incomingModal" tabindex="-1">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">
|
||||
<i class="fas fa-box-open me-2"></i>
|
||||
Оформить приход
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="incomingForm">
|
||||
<div class="mb-3">
|
||||
<label for="incomingItem" class="form-label">Товар *</label>
|
||||
<select class="form-select" id="incomingItem" required>
|
||||
<option value="">Выберите товар</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="incomingQuantity" class="form-label">Количество *</label>
|
||||
<input type="number" class="form-control" id="incomingQuantity" min="1" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="incomingSupplier" class="form-label">Поставщик</label>
|
||||
<input type="text" class="form-control" id="incomingSupplier">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="incomingNotes" class="form-label">Примечания</label>
|
||||
<textarea class="form-control" id="incomingNotes" rows="2"></textarea>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
|
||||
<button type="button" class="btn btn-success" id="saveIncomingBtn">
|
||||
<i class="fas fa-check me-1"></i>Оформить
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Модальное окно расхода -->
|
||||
<div class="modal fade" id="outgoingModal" tabindex="-1">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">
|
||||
<i class="fas fa-truck me-2"></i>
|
||||
Оформить расход
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="outgoingForm">
|
||||
<div class="mb-3">
|
||||
<label for="outgoingItem" class="form-label">Товар *</label>
|
||||
<select class="form-select" id="outgoingItem" required>
|
||||
<option value="">Выберите товар</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="outgoingQuantity" class="form-label">Количество *</label>
|
||||
<input type="number" class="form-control" id="outgoingQuantity" min="1" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="outgoingRecipient" class="form-label">Получатель</label>
|
||||
<input type="text" class="form-control" id="outgoingRecipient">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="outgoingNotes" class="form-label">Примечания</label>
|
||||
<textarea class="form-control" id="outgoingNotes" rows="2"></textarea>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
|
||||
<button type="button" class="btn btn-warning" id="saveOutgoingBtn">
|
||||
<i class="fas fa-check me-1"></i>Оформить
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Подвал -->
|
||||
<footer class="bg-dark text-white mt-5 py-4">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h5>Система управления складом</h5>
|
||||
<p class="mb-0">Эффективное управление товарными запасами</p>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-end">
|
||||
<p class="mb-0">© 2024 Склад-Менеджер. Все права защищены.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Скрипты -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
||||
<script src="js/auth.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/warehouse.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
108
login.html
Normal file
108
login.html
Normal file
@ -0,0 +1,108 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Вход в систему - Склад-Менеджер</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div class="login-container">
|
||||
<div class="login-card">
|
||||
<div class="login-header">
|
||||
<i class="fas fa-warehouse fa-3x mb-3"></i>
|
||||
<h2>Склад-Менеджер</h2>
|
||||
<p class="mb-0">Система управления складом</p>
|
||||
</div>
|
||||
<div class="login-body">
|
||||
<form id="loginForm">
|
||||
<div class="mb-3">
|
||||
<label for="username" class="form-label">
|
||||
<i class="fas fa-user me-2"></i>Имя пользователя
|
||||
</label>
|
||||
<input type="text" class="form-control" id="username" required>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<label for="password" class="form-label">
|
||||
<i class="fas fa-lock me-2"></i>Пароль
|
||||
</label>
|
||||
<input type="password" class="form-control" id="password" required>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary w-100 mb-3">
|
||||
<i class="fas fa-sign-in-alt me-2"></i>Войти в систему
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<!-- Информация о тестовых пользователях -->
|
||||
<div class="mt-4">
|
||||
<h6 class="text-muted mb-3">
|
||||
<i class="fas fa-info-circle me-2"></i>Тестовые учетные записи:
|
||||
</h6>
|
||||
<div class="row">
|
||||
<div class="col-12 mb-2">
|
||||
<small class="text-muted">
|
||||
<strong>Администратор:</strong> admin / admin123
|
||||
</small>
|
||||
</div>
|
||||
<div class="col-12 mb-2">
|
||||
<small class="text-muted">
|
||||
<strong>Менеджер:</strong> manager / manager123
|
||||
</small>
|
||||
</div>
|
||||
<div class="col-12 mb-2">
|
||||
<small class="text-muted">
|
||||
<strong>Оператор:</strong> operator / operator123
|
||||
</small>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<small class="text-muted">
|
||||
<strong>Наблюдатель:</strong> viewer / viewer123
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Информация о правах доступа -->
|
||||
<div class="mt-4 p-3 bg-light rounded">
|
||||
<h6 class="text-muted mb-2">
|
||||
<i class="fas fa-shield-alt me-2"></i>Уровни доступа:
|
||||
</h6>
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<small class="text-muted">
|
||||
<strong>Администратор:</strong><br>
|
||||
Полный доступ ко всем функциям
|
||||
</small>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<small class="text-muted">
|
||||
<strong>Менеджер:</strong><br>
|
||||
Чтение и запись данных
|
||||
</small>
|
||||
</div>
|
||||
<div class="col-6 mt-2">
|
||||
<small class="text-muted">
|
||||
<strong>Оператор:</strong><br>
|
||||
Только чтение данных
|
||||
</small>
|
||||
</div>
|
||||
<div class="col-6 mt-2">
|
||||
<small class="text-muted">
|
||||
<strong>Наблюдатель:</strong><br>
|
||||
Ограниченный просмотр
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Скрипты -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
||||
<script src="js/auth.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
400
profile.html
Normal file
400
profile.html
Normal file
@ -0,0 +1,400 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Профиль - Склад-Менеджер</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Навигационная панель -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<i class="fas fa-warehouse me-2"></i>
|
||||
Склад-Менеджер
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav me-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">
|
||||
<i class="fas fa-home me-1"></i>Главная
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="catalog.html">
|
||||
<i class="fas fa-boxes me-1"></i>Каталог
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="history.html">
|
||||
<i class="fas fa-history me-1"></i>История
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="search.html">
|
||||
<i class="fas fa-search me-1"></i>Поиск
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item dropdown" id="adminDropdown" style="display: none;">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
|
||||
<i class="fas fa-cog me-1"></i>Администрирование
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="admin/users.html">Управление пользователями</a></li>
|
||||
<li><a class="dropdown-item" href="admin/categories.html">Категории товаров</a></li>
|
||||
<li><a class="dropdown-item" href="admin/reports.html">Отчеты</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown" id="profileDropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
|
||||
<i class="fas fa-user me-1"></i>Профиль
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item active" href="profile.html">Мой профиль</a></li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<li><a class="dropdown-item" href="#" id="logoutBtn">Выйти</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Заголовок профиля -->
|
||||
<div class="profile-header">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3 text-center">
|
||||
<div class="profile-avatar">
|
||||
<i class="fas fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<h1 id="userName">Загрузка...</h1>
|
||||
<p class="mb-2" id="userPosition">Загрузка...</p>
|
||||
<p class="mb-0" id="userDepartment">Загрузка...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Основной контент -->
|
||||
<main class="container mt-4">
|
||||
<div class="row">
|
||||
<!-- Боковая панель -->
|
||||
<div class="col-md-3">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0">
|
||||
<i class="fas fa-user-circle me-2"></i>
|
||||
Информация
|
||||
</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="mb-3">
|
||||
<small class="text-muted">Email</small>
|
||||
<div id="userEmail">Загрузка...</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<small class="text-muted">Роли</small>
|
||||
<div id="userRoles">Загрузка...</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<small class="text-muted">Разрешения</small>
|
||||
<div id="userPermissions">Загрузка...</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<small class="text-muted">Дата регистрации</small>
|
||||
<div id="userRegistrationDate">Загрузка...</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Быстрые действия -->
|
||||
<div class="card mt-3">
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0">
|
||||
<i class="fas fa-bolt me-2"></i>
|
||||
Быстрые действия
|
||||
</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="d-grid gap-2">
|
||||
<button class="btn btn-outline-primary btn-sm" onclick="profileManager.changePassword()">
|
||||
<i class="fas fa-key me-1"></i>Сменить пароль
|
||||
</button>
|
||||
<button class="btn btn-outline-secondary btn-sm" onclick="profileManager.editProfile()">
|
||||
<i class="fas fa-edit me-1"></i>Редактировать профиль
|
||||
</button>
|
||||
<button class="btn btn-outline-info btn-sm" onclick="profileManager.viewActivity()">
|
||||
<i class="fas fa-chart-line me-1"></i>Моя активность
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Основная область -->
|
||||
<div class="col-md-9">
|
||||
<!-- Статистика пользователя -->
|
||||
<div class="row mb-4">
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card bg-primary text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div>
|
||||
<h4 class="card-title" id="totalOperations">0</h4>
|
||||
<p class="card-text">Всего операций</p>
|
||||
</div>
|
||||
<i class="fas fa-list fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card bg-success text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div>
|
||||
<h4 class="card-title" id="thisMonthOperations">0</h4>
|
||||
<p class="card-text">В этом месяце</p>
|
||||
</div>
|
||||
<i class="fas fa-calendar fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card bg-warning text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div>
|
||||
<h4 class="card-title" id="todayOperations">0</h4>
|
||||
<p class="card-text">Сегодня</p>
|
||||
</div>
|
||||
<i class="fas fa-clock fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card bg-info text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div>
|
||||
<h4 class="card-title" id="lastLogin">-</h4>
|
||||
<p class="card-text">Последний вход</p>
|
||||
</div>
|
||||
<i class="fas fa-sign-in-alt fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Последние операции пользователя -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0">
|
||||
<i class="fas fa-history me-2"></i>
|
||||
Мои последние операции
|
||||
</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover" id="userOperationsTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Дата</th>
|
||||
<th>Тип</th>
|
||||
<th>Товар</th>
|
||||
<th>Количество</th>
|
||||
<th>Статус</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- Данные будут загружены через JavaScript -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Настройки -->
|
||||
<div class="card mt-4">
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0">
|
||||
<i class="fas fa-cog me-2"></i>
|
||||
Настройки
|
||||
</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h6>Уведомления</h6>
|
||||
<div class="form-check mb-2">
|
||||
<input class="form-check-input" type="checkbox" id="emailNotifications" checked>
|
||||
<label class="form-check-label" for="emailNotifications">
|
||||
Email уведомления
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check mb-2">
|
||||
<input class="form-check-input" type="checkbox" id="lowStockAlerts" checked>
|
||||
<label class="form-check-label" for="lowStockAlerts">
|
||||
Уведомления о низком запасе
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="operationReports">
|
||||
<label class="form-check-label" for="operationReports">
|
||||
Еженедельные отчеты
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h6>Интерфейс</h6>
|
||||
<div class="mb-3">
|
||||
<label for="themeSelect" class="form-label">Тема оформления</label>
|
||||
<select class="form-select" id="themeSelect">
|
||||
<option value="light">Светлая</option>
|
||||
<option value="dark">Темная</option>
|
||||
<option value="auto">Автоматически</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="languageSelect" class="form-label">Язык</label>
|
||||
<select class="form-select" id="languageSelect">
|
||||
<option value="ru">Русский</option>
|
||||
<option value="en">English</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<button class="btn btn-primary" onclick="profileManager.saveSettings()">
|
||||
<i class="fas fa-save me-1"></i>Сохранить настройки
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Модальное окно смены пароля -->
|
||||
<div class="modal fade" id="changePasswordModal" tabindex="-1">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">
|
||||
<i class="fas fa-key me-2"></i>
|
||||
Смена пароля
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="changePasswordForm">
|
||||
<div class="mb-3">
|
||||
<label for="currentPassword" class="form-label">Текущий пароль</label>
|
||||
<input type="password" class="form-control" id="currentPassword" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="newPassword" class="form-label">Новый пароль</label>
|
||||
<input type="password" class="form-control" id="newPassword" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="confirmPassword" class="form-label">Подтвердите новый пароль</label>
|
||||
<input type="password" class="form-control" id="confirmPassword" required>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
|
||||
<button type="button" class="btn btn-primary" onclick="profileManager.savePassword()">
|
||||
<i class="fas fa-save me-1"></i>Сохранить
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Модальное окно редактирования профиля -->
|
||||
<div class="modal fade" id="editProfileModal" tabindex="-1">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">
|
||||
<i class="fas fa-edit me-2"></i>
|
||||
Редактирование профиля
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="editProfileForm">
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editName" class="form-label">Имя</label>
|
||||
<input type="text" class="form-control" id="editName" required>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editEmail" class="form-label">Email</label>
|
||||
<input type="email" class="form-control" id="editEmail" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editDepartment" class="form-label">Отдел</label>
|
||||
<input type="text" class="form-control" id="editDepartment">
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editPosition" class="form-label">Должность</label>
|
||||
<input type="text" class="form-control" id="editPosition">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="editPhone" class="form-label">Телефон</label>
|
||||
<input type="tel" class="form-control" id="editPhone">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
|
||||
<button type="button" class="btn btn-primary" onclick="profileManager.saveProfile()">
|
||||
<i class="fas fa-save me-1"></i>Сохранить
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Подвал -->
|
||||
<footer class="bg-dark text-white mt-5 py-4">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h5>Система управления складом</h5>
|
||||
<p class="mb-0">Эффективное управление товарными запасами</p>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-end">
|
||||
<p class="mb-0">© 2024 Склад-Менеджер. Все права защищены.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Скрипты -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
||||
<script src="js/auth.js"></script>
|
||||
<script src="js/warehouse.js"></script>
|
||||
<script src="js/profile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
292
search.html
Normal file
292
search.html
Normal file
@ -0,0 +1,292 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Поиск - Склад-Менеджер</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Навигационная панель -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<i class="fas fa-warehouse me-2"></i>
|
||||
Склад-Менеджер
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav me-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">
|
||||
<i class="fas fa-home me-1"></i>Главная
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="catalog.html">
|
||||
<i class="fas fa-boxes me-1"></i>Каталог
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="history.html">
|
||||
<i class="fas fa-history me-1"></i>История
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="search.html">
|
||||
<i class="fas fa-search me-1"></i>Поиск
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item dropdown" id="adminDropdown" style="display: none;">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
|
||||
<i class="fas fa-cog me-1"></i>Администрирование
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="admin/users.html">Управление пользователями</a></li>
|
||||
<li><a class="dropdown-item" href="admin/categories.html">Категории товаров</a></li>
|
||||
<li><a class="dropdown-item" href="admin/reports.html">Отчеты</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown" id="profileDropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
|
||||
<i class="fas fa-user me-1"></i>Профиль
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="profile.html">Мой профиль</a></li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<li><a class="dropdown-item" href="#" id="logoutBtn">Выйти</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Основной контент -->
|
||||
<main class="container mt-4">
|
||||
<!-- Заголовок страницы -->
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<h1 class="mb-1">
|
||||
<i class="fas fa-search me-2"></i>
|
||||
Поиск
|
||||
</h1>
|
||||
<p class="text-muted mb-0">Быстрый поиск товаров и операций</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Поисковая форма -->
|
||||
<div class="search-container">
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="input-group">
|
||||
<span class="input-group-text">
|
||||
<i class="fas fa-search"></i>
|
||||
</span>
|
||||
<input type="text" class="form-control search-input" id="searchQuery" placeholder="Введите название товара, описание, штрих-код или любые другие данные для поиска...">
|
||||
<button class="btn btn-primary" type="button" id="searchBtn">
|
||||
<i class="fas fa-search me-1"></i>Найти
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<select class="form-select" id="searchType">
|
||||
<option value="all">Все</option>
|
||||
<option value="items">Только товары</option>
|
||||
<option value="operations">Только операции</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Расширенные фильтры -->
|
||||
<div class="row mt-3" id="advancedFilters" style="display: none;">
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="categoryFilter" class="form-label">Категория товара</label>
|
||||
<select class="form-select" id="categoryFilter">
|
||||
<option value="">Все категории</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="priceRange" class="form-label">Диапазон цен</label>
|
||||
<div class="input-group">
|
||||
<input type="number" class="form-control" id="minPrice" placeholder="От">
|
||||
<span class="input-group-text">-</span>
|
||||
<input type="number" class="form-control" id="maxPrice" placeholder="До">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="dateRange" class="form-label">Период</label>
|
||||
<div class="input-group">
|
||||
<input type="date" class="form-control" id="startDate">
|
||||
<span class="input-group-text">-</span>
|
||||
<input type="date" class="form-control" id="endDate">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<label class="form-label"> </label>
|
||||
<div class="d-grid">
|
||||
<button class="btn btn-outline-secondary" id="clearFiltersBtn">
|
||||
<i class="fas fa-times me-1"></i>Очистить
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Кнопка расширенных фильтров -->
|
||||
<div class="row mt-3">
|
||||
<div class="col-12">
|
||||
<button class="btn btn-link" id="toggleAdvancedFilters">
|
||||
<i class="fas fa-filter me-1"></i>Расширенные фильтры
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Результаты поиска -->
|
||||
<div id="searchResults" style="display: none;">
|
||||
<!-- Статистика результатов -->
|
||||
<div class="row mb-3">
|
||||
<div class="col-12">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<div>
|
||||
<h5 id="resultsCount">Найдено результатов: 0</h5>
|
||||
</div>
|
||||
<div class="d-flex gap-2">
|
||||
<select class="form-select form-select-sm" id="sortResults" style="width: auto;">
|
||||
<option value="relevance">По релевантности</option>
|
||||
<option value="name">По названию</option>
|
||||
<option value="date">По дате</option>
|
||||
<option value="price">По цене</option>
|
||||
</select>
|
||||
<button class="btn btn-outline-primary btn-sm" id="exportResultsBtn">
|
||||
<i class="fas fa-download me-1"></i>Экспорт
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Переключатель вкладок -->
|
||||
<ul class="nav nav-tabs mb-3" id="resultsTabs">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" id="items-tab" data-bs-toggle="tab" href="#itemsResults">
|
||||
<i class="fas fa-boxes me-1"></i>Товары <span class="badge bg-secondary" id="itemsCount">0</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="operations-tab" data-bs-toggle="tab" href="#operationsResults">
|
||||
<i class="fas fa-history me-1"></i>Операции <span class="badge bg-secondary" id="operationsCount">0</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- Содержимое вкладок -->
|
||||
<div class="tab-content" id="resultsTabContent">
|
||||
<!-- Вкладка товаров -->
|
||||
<div class="tab-pane fade show active" id="itemsResults">
|
||||
<div class="row" id="itemsResultsContainer">
|
||||
<!-- Результаты товаров будут загружены через JavaScript -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Вкладка операций -->
|
||||
<div class="tab-pane fade" id="operationsResults">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover" id="operationsResultsTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Дата</th>
|
||||
<th>Тип</th>
|
||||
<th>Товар</th>
|
||||
<th>Количество</th>
|
||||
<th>Сотрудник</th>
|
||||
<th>Статус</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- Результаты операций будут загружены через JavaScript -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Пагинация -->
|
||||
<div class="row mt-4">
|
||||
<div class="col-12">
|
||||
<nav aria-label="Навигация по результатам">
|
||||
<ul class="pagination justify-content-center" id="resultsPagination">
|
||||
<!-- Пагинация будет создана через JavaScript -->
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Пустое состояние -->
|
||||
<div id="emptyState" class="text-center py-5">
|
||||
<i class="fas fa-search fa-3x text-muted mb-3"></i>
|
||||
<h4>Начните поиск</h4>
|
||||
<p class="text-muted">Введите запрос в поле поиска выше, чтобы найти товары или операции</p>
|
||||
</div>
|
||||
|
||||
<!-- Состояние загрузки -->
|
||||
<div id="loadingState" class="text-center py-5" style="display: none;">
|
||||
<div class="loading-spinner text-primary mb-3"></div>
|
||||
<p class="text-muted">Поиск...</p>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Модальное окно деталей товара -->
|
||||
<div class="modal fade" id="itemDetailsModal" tabindex="-1">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">
|
||||
<i class="fas fa-box me-2"></i>
|
||||
Детали товара
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body" id="itemDetailsContent">
|
||||
<!-- Содержимое будет загружено через JavaScript -->
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
|
||||
<button type="button" class="btn btn-primary" id="editItemBtn">
|
||||
<i class="fas fa-edit me-1"></i>Редактировать
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Подвал -->
|
||||
<footer class="bg-dark text-white mt-5 py-4">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h5>Система управления складом</h5>
|
||||
<p class="mb-0">Эффективное управление товарными запасами</p>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-end">
|
||||
<p class="mb-0">© 2024 Склад-Менеджер. Все права защищены.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Скрипты -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
||||
<script src="js/auth.js"></script>
|
||||
<script src="js/warehouse.js"></script>
|
||||
<script src="js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user