86 lines
3.0 KiB
HTML
86 lines
3.0 KiB
HTML
{% extends "base.html" %}
|
||
{% block body_class %}page-bg bg-orders{% endblock %}
|
||
{% block content %}
|
||
<style>
|
||
body.bg-orders {
|
||
background-color: #B3B3DA;
|
||
background-image:
|
||
linear-gradient(rgba(179, 179, 218, 0.75), rgba(179, 179, 218, 0.75)),
|
||
url('{{ url_for("static", filename="bg/bg_zakaz.png", v=1) }}');
|
||
background-size: auto 40vh;
|
||
}
|
||
.orders-page .card {
|
||
background-color: #B3B3DA;
|
||
border: 1px solid #B3B3DA;
|
||
box-shadow: none;
|
||
}
|
||
.orders-page .card-body {
|
||
background-color: transparent;
|
||
}
|
||
</style>
|
||
<div class="orders-page">
|
||
<div class="d-flex align-items-center justify-content-between mb-3">
|
||
<h3 class="mb-0">Заказанные расходные материалы</h3>
|
||
<div class="d-flex gap-2">
|
||
{% if session.get('role') in ('admin','storekeeper') %}
|
||
<button class="btn btn-outline-primary" type="button" id="toggleOrderAdd">Добавить заказ</button>
|
||
<form method="post" action="/orders/consumables/clear" onsubmit="return confirm('Очистить все заказы?');">
|
||
<button class="btn btn-outline-danger" type="submit">Очистить заказы</button>
|
||
</form>
|
||
{% endif %}
|
||
<a class="btn btn-success" href="/report/consumables_orders.xlsx">Экспорт в Excel</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card mb-3 d-none" id="orderAddCard">
|
||
<div class="card-body">
|
||
<form method="post" action="/orders/consumables/add" class="row g-2 align-items-center">
|
||
<div class="col-md-4">
|
||
<input name="model" class="form-control" placeholder="Модель расходного материала">
|
||
</div>
|
||
<div class="col-md-4">
|
||
<input name="barcode" class="form-control" placeholder="Штрихкод (опционально)">
|
||
</div>
|
||
<div class="col-md-2">
|
||
<input name="quantity" class="form-control" placeholder="Количество" value="1">
|
||
</div>
|
||
<div class="col-md-2 d-grid">
|
||
<button class="btn btn-primary">Добавить в заказ</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
(function() {
|
||
const toggleBtn = document.getElementById('toggleOrderAdd');
|
||
const card = document.getElementById('orderAddCard');
|
||
if (!toggleBtn || !card) return;
|
||
toggleBtn.addEventListener('click', () => {
|
||
card.classList.toggle('d-none');
|
||
});
|
||
})();
|
||
</script>
|
||
|
||
{% if not rows %}
|
||
<div class="card mb-3">
|
||
<div class="card-body">
|
||
Нет данных о заказах расходных материалов.
|
||
</div>
|
||
</div>
|
||
{% endif %}
|
||
|
||
<table class="table table-striped table-sm">
|
||
<tr><th>Дата</th><th>Штрихкод</th><th>Модель</th><th>Количество</th></tr>
|
||
{% for date, barcode, model, qty in rows %}
|
||
<tr>
|
||
<td>{{ date }}</td>
|
||
<td>{{ barcode }}</td>
|
||
<td>{{ model }}</td>
|
||
<td>{{ qty }}</td>
|
||
</tr>
|
||
{% endfor %}
|
||
</table>
|
||
</div>
|
||
{% endblock %}
|