Spaces:
Running
Running
| <html lang="ru"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Система учета товаров</title> | |
| <link rel="stylesheet" href="styles.css"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>Система учета товаров</h1> | |
| <!-- Форма добавления товара --> | |
| <form id="productForm"> | |
| <input type="text" id="productName" placeholder="Название товара" required> | |
| <input type="number" id="purchasePrice" placeholder="Приходная цена" required> | |
| <input type="number" id="salePrice" placeholder="Отпускная цена" required> | |
| <input type="number" id="quantity" placeholder="Остаток (пачек)" required> | |
| <input type="number" id="itemsPerPack" placeholder="Количество штук в пачке" required> | |
| <button type="submit">Добавить товар</button> | |
| </form> | |
| <!-- Поиск по товарам --> | |
| <div class="search-container"> | |
| <input type="text" id="searchInput" placeholder="Поиск по названию товара"> | |
| </div> | |
| <!-- Таблица товаров --> | |
| <table id="productTable"> | |
| <thead> | |
| <tr> | |
| <th>Название</th> | |
| <th>Приходная цена</th> | |
| <th>Отпускная цена</th> | |
| <th>Остаток (пачек)</th> | |
| <th>Штук в пачке</th> | |
| <th>Действия</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <!-- Строки с товарами будут добавляться сюда --> | |
| </tbody> | |
| </table> | |
| <!-- Корзина --> | |
| <div class="cart"> | |
| <h2>Корзина</h2> | |
| <table id="cartTable"> | |
| <thead> | |
| <tr> | |
| <th>Название</th> | |
| <th>Количество</th> | |
| <th>Цена за единицу</th> | |
| <th>Итого</th> | |
| <th>Действия</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <!-- Товары в корзине будут добавляться сюда --> | |
| </tbody> | |
| </table> | |
| <button id="sellCartBtn" onclick="sellCart()">Продать товары из корзины</button> | |
| </div> | |
| <!-- Статистика продаж --> | |
| <div class="stats"> | |
| <h2>Статистика продаж за месяц</h2> | |
| <p>Общее количество проданных товаров: <span id="totalSold">0</span></p> | |
| <p>Общая выручка: <span id="totalRevenue">0</span></p> | |
| <p>Общая прибыль: <span id="totalProfit">0</span></p> | |
| </div> | |
| </div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |