262 lines
14 KiB
HTML
262 lines
14 KiB
HTML
{% extends 'base.html' %}
|
|
|
|
{% block title %}Склад{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container-fluid py-4">
|
|
<!-- Заголовок -->
|
|
<div class="d-flex align-items-center justify-content-between mb-4">
|
|
<div>
|
|
<h4 class="mb-1">Управление складом</h4>
|
|
<p class="text-muted mb-0">Выберите операцию или справочник</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-3">
|
|
<!-- Основные операции -->
|
|
<div class="col-12">
|
|
<h6 class="text-uppercase text-muted mb-3" style="font-size: 0.75rem; letter-spacing: 0.5px; font-weight: 600;">Операции</h6>
|
|
<div class="row g-3">
|
|
<!-- Склады -->
|
|
<div class="col-md-6 col-lg-4">
|
|
<a href="{% url 'inventory:warehouse-list' %}" class="card shadow-sm h-100 text-decoration-none">
|
|
<div class="card-body p-3">
|
|
<div class="d-flex align-items-center">
|
|
<div class="rounded-circle bg-primary bg-opacity-10 p-3 me-3">
|
|
<i class="bi bi-building text-primary" style="font-size: 1.5rem;"></i>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h6 class="mb-0 text-dark">Склады</h6>
|
|
<small class="text-muted">Управление складами</small>
|
|
</div>
|
|
<i class="bi bi-chevron-right text-muted"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Приходы -->
|
|
<div class="col-md-6 col-lg-4">
|
|
<a href="{% url 'inventory:incoming-list' %}" class="card shadow-sm h-100 text-decoration-none">
|
|
<div class="card-body p-3">
|
|
<div class="d-flex align-items-center">
|
|
<div class="rounded-circle bg-success bg-opacity-10 p-3 me-3">
|
|
<i class="bi bi-arrow-down-square text-success" style="font-size: 1.5rem;"></i>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h6 class="mb-0 text-dark">Приходы</h6>
|
|
<small class="text-muted">Поступление товара</small>
|
|
</div>
|
|
<i class="bi bi-chevron-right text-muted"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Продажи -->
|
|
<div class="col-md-6 col-lg-4">
|
|
<a href="{% url 'inventory:sale-list' %}" class="card shadow-sm h-100 text-decoration-none">
|
|
<div class="card-body p-3">
|
|
<div class="d-flex align-items-center">
|
|
<div class="rounded-circle bg-danger bg-opacity-10 p-3 me-3">
|
|
<i class="bi bi-arrow-up-square text-danger" style="font-size: 1.5rem;"></i>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h6 class="mb-0 text-dark">Продажи</h6>
|
|
<small class="text-muted">Реализация товара</small>
|
|
</div>
|
|
<i class="bi bi-chevron-right text-muted"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Инвентаризация -->
|
|
<div class="col-md-6 col-lg-4">
|
|
<a href="{% url 'inventory:inventory-list' %}" class="card shadow-sm h-100 text-decoration-none">
|
|
<div class="card-body p-3">
|
|
<div class="d-flex align-items-center">
|
|
<div class="rounded-circle bg-info bg-opacity-10 p-3 me-3">
|
|
<i class="bi bi-clipboard-check text-info" style="font-size: 1.5rem;"></i>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h6 class="mb-0 text-dark">Инвентаризация</h6>
|
|
<small class="text-muted">Переучет товаров</small>
|
|
</div>
|
|
<i class="bi bi-chevron-right text-muted"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Списания -->
|
|
<div class="col-md-6 col-lg-4">
|
|
<a href="{% url 'inventory:writeoff-list' %}" class="card shadow-sm h-100 text-decoration-none">
|
|
<div class="card-body p-3">
|
|
<div class="d-flex align-items-center">
|
|
<div class="rounded-circle bg-warning bg-opacity-10 p-3 me-3">
|
|
<i class="bi bi-x-circle text-warning" style="font-size: 1.5rem;"></i>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h6 class="mb-0 text-dark">Списания</h6>
|
|
<small class="text-muted">Списание товара</small>
|
|
</div>
|
|
<i class="bi bi-chevron-right text-muted"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Перемещения -->
|
|
<div class="col-md-6 col-lg-4">
|
|
<a href="{% url 'inventory:transfer-list' %}" class="card shadow-sm h-100 text-decoration-none">
|
|
<div class="card-body p-3">
|
|
<div class="d-flex align-items-center">
|
|
<div class="rounded-circle bg-secondary bg-opacity-10 p-3 me-3">
|
|
<i class="bi bi-arrow-left-right text-secondary" style="font-size: 1.5rem;"></i>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h6 class="mb-0 text-dark">Перемещения</h6>
|
|
<small class="text-muted">Между складами</small>
|
|
</div>
|
|
<i class="bi bi-chevron-right text-muted"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Справочники -->
|
|
<div class="col-12 mt-4">
|
|
<h6 class="text-uppercase text-muted mb-3" style="font-size: 0.75rem; letter-spacing: 0.5px; font-weight: 600;">Справочники</h6>
|
|
<div class="row g-3">
|
|
<!-- Остатки -->
|
|
<div class="col-md-6 col-lg-4">
|
|
<a href="{% url 'inventory:stock-list' %}" class="card shadow-sm h-100 text-decoration-none">
|
|
<div class="card-body p-3">
|
|
<div class="d-flex align-items-center">
|
|
<div class="rounded-circle bg-primary bg-opacity-10 p-3 me-3">
|
|
<i class="bi bi-box-seam text-primary" style="font-size: 1.5rem;"></i>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h6 class="mb-0 text-dark">Остатки</h6>
|
|
<small class="text-muted">Текущие остатки товаров</small>
|
|
</div>
|
|
<i class="bi bi-chevron-right text-muted"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Партии -->
|
|
<div class="col-md-6 col-lg-4">
|
|
<a href="{% url 'inventory:batch-list' %}" class="card shadow-sm h-100 text-decoration-none">
|
|
<div class="card-body p-3">
|
|
<div class="d-flex align-items-center">
|
|
<div class="rounded-circle bg-success bg-opacity-10 p-3 me-3">
|
|
<i class="bi bi-diagram-3 text-success" style="font-size: 1.5rem;"></i>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h6 class="mb-0 text-dark">Партии</h6>
|
|
<small class="text-muted">Партии товаров</small>
|
|
</div>
|
|
<i class="bi bi-chevron-right text-muted"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Журнал -->
|
|
<div class="col-md-6 col-lg-4">
|
|
<a href="{% url 'inventory:movement-list' %}" class="card shadow-sm h-100 text-decoration-none">
|
|
<div class="card-body p-3">
|
|
<div class="d-flex align-items-center">
|
|
<div class="rounded-circle bg-info bg-opacity-10 p-3 me-3">
|
|
<i class="bi bi-journal-check text-info" style="font-size: 1.5rem;"></i>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h6 class="mb-0 text-dark">Журнал</h6>
|
|
<small class="text-muted">Журнал операций</small>
|
|
</div>
|
|
<i class="bi bi-chevron-right text-muted"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Партии поступлений -->
|
|
<div class="col-md-6 col-lg-4">
|
|
<a href="{% url 'inventory:incoming-batch-list' %}" class="card shadow-sm h-100 text-decoration-none">
|
|
<div class="card-body p-3">
|
|
<div class="d-flex align-items-center">
|
|
<div class="rounded-circle bg-secondary bg-opacity-10 p-3 me-3">
|
|
<i class="bi bi-box-arrow-in-down text-secondary" style="font-size: 1.5rem;"></i>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h6 class="mb-0 text-dark">Партии поступлений</h6>
|
|
<small class="text-muted">История поступлений</small>
|
|
</div>
|
|
<i class="bi bi-chevron-right text-muted"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Резервирования -->
|
|
<div class="col-md-6 col-lg-4">
|
|
<a href="{% url 'inventory:reservation-list' %}" class="card shadow-sm h-100 text-decoration-none">
|
|
<div class="card-body p-3">
|
|
<div class="d-flex align-items-center">
|
|
<div class="rounded-circle bg-warning bg-opacity-10 p-3 me-3">
|
|
<i class="bi bi-bookmark-check text-warning" style="font-size: 1.5rem;"></i>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h6 class="mb-0 text-dark">Резервирования</h6>
|
|
<small class="text-muted">Активные резервы</small>
|
|
</div>
|
|
<i class="bi bi-chevron-right text-muted"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Распределение -->
|
|
<div class="col-md-6 col-lg-4">
|
|
<a href="{% url 'inventory:allocation-list' %}" class="card shadow-sm h-100 text-decoration-none">
|
|
<div class="card-body p-3">
|
|
<div class="d-flex align-items-center">
|
|
<div class="rounded-circle bg-danger bg-opacity-10 p-3 me-3">
|
|
<i class="bi bi-distribute-vertical text-danger" style="font-size: 1.5rem;"></i>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h6 class="mb-0 text-dark">Распределение</h6>
|
|
<small class="text-muted">Распределение продаж</small>
|
|
</div>
|
|
<i class="bi bi-chevron-right text-muted"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.card {
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
|
border: 1px solid #e9ecef;
|
|
}
|
|
|
|
.card:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1) !important;
|
|
}
|
|
|
|
.card-body {
|
|
cursor: pointer;
|
|
}
|
|
</style>
|
|
{% endblock %}
|