Основа для оформления накладных

This commit is contained in:
2024-12-01 17:57:16 +03:00
parent d708baf2dd
commit 988d8fe006
10 changed files with 128 additions and 80 deletions

View File

@@ -0,0 +1,27 @@
{% macro render_item(item, show_amount = False, show_form = False) %}
<div class="card">
<div class="card-body">
<h6 class="card-title">{{ item['name'] }}</h6>
<p class="card-text">Цена: {{ item['price'] }} ₽</p>
{% if show_amount %}
<span>Количество: {{item['count']}}</span><br>
<form method="POST" action="">
<input type="hidden" name="product_display" value="{{item['work_id']}}" />
<button class="btn btn-primary">
Добавить в корзину
</button>
<button type="submit" name="product_display_minus" value="minus" class="btn btn-danger">-</button>
<button type="submit" name="product_display_plus" value="plus" class="btn btn-success">+</button>
</form>
{% endif %}
{% if show_form %}
<form method="POST" action="">
<input type="hidden" name="product_display" value="{{item['work_id']}}" />
<input type="submit" class="btn btn-primary" value="Купить" name="buy" />
</form>
{% endif %}
</div>
</div>
{% endmacro %}

View File

@@ -1,48 +1,41 @@
{% import 'card.html' as card %}
<!DOCTYPE html>
<html lang="en">
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="UTF-8">
<title>Авторизация</title>
<title>Оформление накладной</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="/static/css/waybill.css" type="text/css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<link href="/static/css/main.css" type="text/css" rel="stylesheet">
</head>
<body>
<h1>Заглушка для примера составления накладной</h1>
<form method="POST">
<div class="container">
<!-- Пример карточки -->
<div class="card">
<img src="https://via.placeholder.com/250x150" alt="Фото товара">
<h3>Название товара 1</h3>
<p class="price">Цена: 500 руб.</p>
<p class="quantity">Количество: 10 шт.</p>
<div class="input-container">
<input type="number" name="1" placeholder="Введите количество" min="1" max="1000" value="0">
<div class="container mt-4">
<div class="row">
<!-- Секция товаров -->
<div class="col-md-8">
<h4>Список товаров</h4>
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
{% for item in items %}
<div class="col">
{{ card.render_item(item, show_form = True, show_amount = False) }}
</div>
{% endfor %}
</div>
</div>
<div class="card">
<img src="https://via.placeholder.com/250x150" alt="Фото товара">
<h3>Название товара 2</h3>
<p class="price">Цена: 1200 руб.</p>
<p class="quantity">Количество: 5 шт.</p>
<div class="input-container">
<input type="number" name="2" placeholder="Введите количество" min="0" max="1000" value="0">
</div>
</div>
<div class="card">
<img src="https://via.placeholder.com/250x150" alt="Фото товара">
<h3>Название товара 3</h3>
<p class="price">Цена: 800 руб.</p>
<p class="quantity">Количество: 7 шт.</p>
<div class="input-container">
<input type="number" name="3" placeholder="Введите количество" min="1" max="1000" value="0">
<!-- Секция корзины -->
<div class="col-md-4">
<h4>Корзина</h4>
<ul class="list-group" id="cart-items">
<li class="list-group-item">Корзина пуста</li>
</ul>
<div class="mt-3">
<h5>Итог: <span id="total-price">0</span></h5>
</div>
</div>
</div>
<div class="button-container">
<button type="submit">Создать накладную</button>
<a href="{{ url_for('index') }}"><button>На главную страницу</button></a>
</div>
</form>
</div>
</body>
</html>
</html>