smaa/octopus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Добавлены шаблоны интерфейса документов списания

Browse Source 
- list.html - список документов с фильтрацией по статусу и складу
- form.html - форма создания документа
- detail.html - детальный просмотр документа с возможностью добавления/редактирования позиций
- Интерактивное управление позициями через AJAX (добавление, редактирование, удаление)
- Отображение статистики документа (количество позиций, общее количество, себестоимость)
- Кнопки проведения и отмены документа с подтверждением
- Адаптивный дизайн с использованием Bootstrap 5
This commit is contained in:
Andrey Smakotin
2025-12-10 23:35:58 +03:00
parent 39798af448
commit 96e04ca4b7
3 changed files with 380 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

209
myproject/inventory/templates/inventory/writeoff_document/detail.html Normal file
View File

@@ -0,0 +1,209 @@
{% extends 'base.html' %}
{% block title %}Документ списания {{ document.document_number }}{% endblock %}
{% block content %}
<div class="container-fluid px-4 py-3">
<!-- Breadcrumbs -->
<nav aria-label="breadcrumb" class="mb-2">
<ol class="breadcrumb breadcrumb-sm mb-0">
<li class="breadcrumb-item"><a href="{% url 'inventory:writeoff-document-list' %}">Документы списания</a></li>
<li class="breadcrumb-item active">{{ document.document_number }}</li>
</ol>
</nav>
<!-- Messages -->
{% if messages %}
{% for message in messages %}
<div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
{{ message }}
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
{% endfor %}
{% endif %}
<div class="row g-3">
<!-- Основная информация -->
<div class="col-lg-8">
<div class="card border-0 shadow-sm mb-3">
<div class="card-header bg-light py-3 d-flex justify-content-between align-items-center">
<h5 class="mb-0">
<i class="bi bi-file-earmark-minus me-2"></i>{{ document.document_number }}
{% if document.status == 'draft' %}
<span class="badge bg-warning text-dark ms-2">Черновик</span>
{% elif document.status == 'confirmed' %}
<span class="badge bg-success ms-2">Проведён</span>
{% elif document.status == 'cancelled' %}
<span class="badge bg-secondary ms-2">Отменён</span>
{% endif %}
</h5>
{% if document.can_edit %}
<div class="btn-group">
<form method="post" action="{% url 'inventory:writeoff-document-confirm' document.pk %}" class="d-inline">
{% csrf_token %}
<button type="submit" class="btn btn-success btn-sm" {% if not document.can_confirm %}disabled{% endif %}>
<i class="bi bi-check-lg me-1"></i>Провести
</button>
</form>
<form method="post" action="{% url 'inventory:writeoff-document-cancel' document.pk %}" class="d-inline ms-2">
{% csrf_token %}
<button type="submit" class="btn btn-outline-danger btn-sm" onclick="return confirm('Отменить документ?')">
<i class="bi bi-x-lg me-1"></i>Отменить
</button>
</form>
</div>
{% endif %}
</div>
<div class="card-body">
<div class="row mb-3">
<div class="col-md-4">
<p class="text-muted small mb-1">Склад</p>
<p class="fw-semibold">{{ document.warehouse.name }}</p>
</div>
<div class="col-md-4">
<p class="text-muted small mb-1">Дата документа</p>
<p class="fw-semibold">{{ document.date|date:"d.m.Y" }}</p>
</div>
<div class="col-md-4">
<p class="text-muted small mb-1">Создан</p>
<p class="fw-semibold">{{ document.created_at|date:"d.m.Y H:i" }}</p>
</div>
</div>
{% if document.notes %}
<div class="mb-3">
<p class="text-muted small mb-1">Примечания</p>
<p>{{ document.notes }}</p>
</div>
{% endif %}
{% if document.confirmed_at %}
<div class="row">
<div class="col-md-6">
<p class="text-muted small mb-1">Проведён</p>
<p class="fw-semibold">{{ document.confirmed_at|date:"d.m.Y H:i" }}</p>
</div>
<div class="col-md-6">
<p class="text-muted small mb-1">Провёл</p>
<p class="fw-semibold">{% if document.confirmed_by %}{{ document.confirmed_by.username }}{% else %}-{% endif %}</p>
</div>
</div>
{% endif %}
</div>
</div>
<!-- Таблица позиций -->
<div class="card border-0 shadow-sm">
<div class="card-header bg-light py-3">
<h6 class="mb-0"><i class="bi bi-table me-2"></i>Позиции документа</h6>
</div>
<div class="card-body p-0">
<div class="table-responsive">
<table class="table table-hover mb-0">
<thead class="table-light">
<tr>
<th scope="col" class="px-3 py-2">Товар</th>
<th scope="col" class="px-3 py-2 text-end">Количество</th>
<th scope="col" class="px-3 py-2">Причина</th>
<th scope="col" class="px-3 py-2">Примечания</th>
{% if document.can_edit %}
<th scope="col" class="px-3 py-2"></th>
{% endif %}
</tr>
</thead>
<tbody>
{% for item in document.items.all %}
<tr>
<td class="px-3 py-2">
<a href="{% url 'products:product-detail' item.product.id %}">{{ item.product.name }}</a>
</td>
<td class="px-3 py-2 text-end">{{ item.quantity }}</td>
<td class="px-3 py-2">
<span class="badge bg-light text-dark">{{ item.get_reason_display }}</span>
</td>
<td class="px-3 py-2">
{% if item.notes %}{{ item.notes|truncatechars:50 }}{% else %}-{% endif %}
</td>
{% if document.can_edit %}
<td class="px-3 py-2 text-end">
<form method="post" action="{% url 'inventory:writeoff-document-remove-item' document.pk item.pk %}" class="d-inline">
{% csrf_token %}
<button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('Удалить позицию?')">
<i class="bi bi-trash"></i>
</button>
</form>
</td>
{% endif %}
</tr>
{% empty %}
<tr>
<td colspan="{% if document.can_edit %}5{% else %}4{% endif %}" class="px-3 py-4 text-center text-muted">
<i class="bi bi-inbox fs-3 d-block mb-2"></i>
Позиций пока нет
</td>
</tr>
{% endfor %}
</tbody>
{% if document.items.exists %}
<tfoot class="table-light">
<tr>
<td class="px-3 py-2 fw-semibold">Итого:</td>
<td class="px-3 py-2 text-end fw-semibold">{{ document.total_quantity }}</td>
<td colspan="{% if document.can_edit %}3{% else %}2{% endif %}"></td>
</tr>
</tfoot>
{% endif %}
</table>
</div>
</div>
</div>
</div>
<!-- Боковая панель: добавление позиции -->
{% if document.can_edit %}
<div class="col-lg-4">
<div class="card border-0 shadow-sm sticky-top" style="top: 1rem;">
<div class="card-header bg-light py-3">
<h6 class="mb-0"><i class="bi bi-plus-circle me-2"></i>Добавить товар</h6>
</div>
<div class="card-body">
<form method="post" action="{% url 'inventory:writeoff-document-add-item' document.pk %}">
{% csrf_token %}
<div class="mb-3">
<label for="id_product" class="form-label">Товар <span class="text-danger">*</span></label>
{{ item_form.product }}
{% if item_form.product.errors %}
<div class="text-danger small">{{ item_form.product.errors.0 }}</div>
{% endif %}
</div>
<div class="mb-3">
<label for="id_quantity" class="form-label">Количество <span class="text-danger">*</span></label>
{{ item_form.quantity }}
{% if item_form.quantity.errors %}
<div class="text-danger small">{{ item_form.quantity.errors.0 }}</div>
{% endif %}
</div>
<div class="mb-3">
<label for="id_reason" class="form-label">Причина</label>
{{ item_form.reason }}
</div>
<div class="mb-3">
<label for="id_notes" class="form-label">Примечания</label>
{{ item_form.notes }}
</div>
<button type="submit" class="btn btn-primary w-100">
<i class="bi bi-plus-lg me-1"></i>Добавить
</button>
</form>
</div>
</div>
</div>
{% endif %}
</div>
</div>
{% endblock %}

62
myproject/inventory/templates/inventory/writeoff_document/form.html Normal file
View File

@@ -0,0 +1,62 @@
{% extends 'base.html' %}
{% block title %}Создать документ списания{% endblock %}
{% block content %}
<div class="container-fluid px-4 py-3">
<!-- Breadcrumbs -->
<nav aria-label="breadcrumb" class="mb-2">
<ol class="breadcrumb breadcrumb-sm mb-0">
<li class="breadcrumb-item"><a href="{% url 'inventory:writeoff-document-list' %}">Документы списания</a></li>
<li class="breadcrumb-item active">Создать</li>
</ol>
</nav>
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="card border-0 shadow-sm">
<div class="card-header bg-light py-3">
<h5 class="mb-0">
<i class="bi bi-file-earmark-plus me-2"></i>Новый документ списания
</h5>
</div>
<div class="card-body">
<form method="post">
{% csrf_token %}
<div class="mb-3">
<label for="id_warehouse" class="form-label">Склад <span class="text-danger">*</span></label>
{{ form.warehouse }}
{% if form.warehouse.errors %}
<div class="text-danger small">{{ form.warehouse.errors.0 }}</div>
{% endif %}
</div>
<div class="mb-3">
<label for="id_date" class="form-label">Дата документа <span class="text-danger">*</span></label>
{{ form.date }}
{% if form.date.errors %}
<div class="text-danger small">{{ form.date.errors.0 }}</div>
{% endif %}
</div>
<div class="mb-3">
<label for="id_notes" class="form-label">Примечания</label>
{{ form.notes }}
</div>
<div class="d-flex gap-2">
<button type="submit" class="btn btn-primary">
<i class="bi bi-check-lg me-1"></i>Создать
</button>
<a href="{% url 'inventory:writeoff-document-list' %}" class="btn btn-outline-secondary">
Отмена
</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
{% endblock %}

109
myproject/inventory/templates/inventory/writeoff_document/list.html Normal file
View File

@@ -0,0 +1,109 @@
{% extends 'base.html' %}
{% block title %}Документы списания{% endblock %}
{% block content %}
<div class="container-fluid px-4 py-3">
<!-- Header -->
<div class="d-flex justify-content-between align-items-center mb-3">
<h4 class="mb-0">
<i class="bi bi-file-earmark-minus me-2"></i>Документы списания
</h4>
<a href="{% url 'inventory:writeoff-document-create' %}" class="btn btn-primary">
<i class="bi bi-plus-lg me-1"></i>Создать документ
</a>
</div>
<!-- Messages -->
{% if messages %}
{% for message in messages %}
<div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
{{ message }}
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
{% endfor %}
{% endif %}
<!-- Table -->
<div class="card border-0 shadow-sm">
<div class="card-body p-0">
<div class="table-responsive">
<table class="table table-hover mb-0">
<thead class="table-light">
<tr>
<th scope="col" class="px-3 py-2">Номер</th>
<th scope="col" class="px-3 py-2">Дата</th>
<th scope="col" class="px-3 py-2">Склад</th>
<th scope="col" class="px-3 py-2">Статус</th>
<th scope="col" class="px-3 py-2 text-end">Позиций</th>
<th scope="col" class="px-3 py-2 text-end">Количество</th>
<th scope="col" class="px-3 py-2">Создал</th>
<th scope="col" class="px-3 py-2"></th>
</tr>
</thead>
<tbody>
{% for doc in documents %}
<tr>
<td class="px-3 py-2">
<a href="{% url 'inventory:writeoff-document-detail' doc.pk %}" class="fw-semibold text-decoration-none">
{{ doc.document_number }}
</a>
</td>
<td class="px-3 py-2">{{ doc.date|date:"d.m.Y" }}</td>
<td class="px-3 py-2">{{ doc.warehouse.name }}</td>
<td class="px-3 py-2">
{% if doc.status == 'draft' %}
<span class="badge bg-warning text-dark">Черновик</span>
{% elif doc.status == 'confirmed' %}
<span class="badge bg-success">Проведён</span>
{% elif doc.status == 'cancelled' %}
<span class="badge bg-secondary">Отменён</span>
{% endif %}
</td>
<td class="px-3 py-2 text-end">{{ doc.items.count }}</td>
<td class="px-3 py-2 text-end">{{ doc.total_quantity }}</td>
<td class="px-3 py-2">
{% if doc.created_by %}{{ doc.created_by.username }}{% else %}-{% endif %}
</td>
<td class="px-3 py-2 text-end">
<a href="{% url 'inventory:writeoff-document-detail' doc.pk %}" class="btn btn-sm btn-outline-primary">
<i class="bi bi-eye"></i>
</a>
</td>
</tr>
{% empty %}
<tr>
<td colspan="8" class="px-3 py-4 text-center text-muted">
<i class="bi bi-inbox fs-1 d-block mb-2"></i>
Документов списания пока нет
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
<!-- Pagination -->
{% if page_obj.has_other_pages %}
<nav class="mt-3">
<ul class="pagination justify-content-center">
{% if page_obj.has_previous %}
<li class="page-item">
<a class="page-link" href="?page={{ page_obj.previous_page_number }}">Назад</a>
</li>
{% endif %}
<li class="page-item disabled">
<span class="page-link">{{ page_obj.number }} из {{ page_obj.paginator.num_pages }}</span>
</li>
{% if page_obj.has_next %}
<li class="page-item">
<a class="page-link" href="?page={{ page_obj.next_page_number }}">Вперёд</a>
</li>
{% endif %}
</ul>
</nav>
{% endif %}
</div>
{% endblock %}