Spaces:
Running
Running
Update index.html
Browse files- index.html +43 -39
index.html
CHANGED
@@ -8,42 +8,44 @@
|
|
8 |
</head>
|
9 |
<body>
|
10 |
<div class="container">
|
11 |
-
|
12 |
-
|
13 |
-
|
14 |
-
|
15 |
-
<
|
16 |
-
|
17 |
-
|
18 |
-
|
19 |
-
|
20 |
-
|
21 |
-
|
|
|
22 |
|
23 |
-
|
24 |
-
|
25 |
-
|
26 |
-
|
27 |
|
28 |
-
|
29 |
-
|
30 |
-
|
31 |
-
|
32 |
-
|
33 |
-
|
34 |
-
|
35 |
-
|
36 |
-
|
37 |
-
|
38 |
-
|
39 |
-
|
40 |
-
|
41 |
-
|
42 |
-
|
43 |
-
|
|
|
44 |
|
45 |
-
<!-- Корзина -->
|
46 |
-
<div class="cart">
|
47 |
<h2>Корзина</h2>
|
48 |
<table id="cartTable">
|
49 |
<thead>
|
@@ -62,12 +64,14 @@
|
|
62 |
<button id="sellCartBtn" onclick="sellCart()">Продать товары из корзины</button>
|
63 |
</div>
|
64 |
|
65 |
-
<!--
|
66 |
-
<div class="stats">
|
67 |
-
<h2
|
68 |
-
<
|
69 |
-
|
70 |
-
|
|
|
|
|
71 |
</div>
|
72 |
</div>
|
73 |
|
|
|
8 |
</head>
|
9 |
<body>
|
10 |
<div class="container">
|
11 |
+
<!-- Колонка 1: Инвентарь -->
|
12 |
+
<div class="column inventory">
|
13 |
+
<h2>Инвентарь</h2>
|
14 |
+
<!-- Форма добавления товара -->
|
15 |
+
<form id="productForm">
|
16 |
+
<input type="text" id="productName" placeholder="Название товара" required>
|
17 |
+
<input type="number" id="purchasePrice" placeholder="Приходная цена" required>
|
18 |
+
<input type="number" id="salePrice" placeholder="Отпускная цена" required>
|
19 |
+
<input type="number" id="quantity" placeholder="Остаток (пачек)" required>
|
20 |
+
<input type="number" id="itemsPerPack" placeholder="Количество штук в пачке" required>
|
21 |
+
<button type="submit">Добавить товар</button>
|
22 |
+
</form>
|
23 |
|
24 |
+
<!-- Поиск по товарам -->
|
25 |
+
<div class="search-container">
|
26 |
+
<input type="text" id="searchInput" placeholder="Поиск по названию товара">
|
27 |
+
</div>
|
28 |
|
29 |
+
<!-- Таблица товаров -->
|
30 |
+
<table id="productTable">
|
31 |
+
<thead>
|
32 |
+
<tr>
|
33 |
+
<th>Название</th>
|
34 |
+
<th>Приходная цена</th>
|
35 |
+
<th>Отпускная цена</th>
|
36 |
+
<th>Остаток (пачек)</th>
|
37 |
+
<th>Штук в пачке</th>
|
38 |
+
<th>Действия</th>
|
39 |
+
</tr>
|
40 |
+
</thead>
|
41 |
+
<tbody>
|
42 |
+
<!-- Строки с товарами будут добавляться сюда -->
|
43 |
+
</tbody>
|
44 |
+
</table>
|
45 |
+
</div>
|
46 |
|
47 |
+
<!-- Колонка 2: Корзина -->
|
48 |
+
<div class="column cart">
|
49 |
<h2>Корзина</h2>
|
50 |
<table id="cartTable">
|
51 |
<thead>
|
|
|
64 |
<button id="sellCartBtn" onclick="sellCart()">Продать товары из корзины</button>
|
65 |
</div>
|
66 |
|
67 |
+
<!-- Колонка 3: Отчеты -->
|
68 |
+
<div class="column stats">
|
69 |
+
<h2>Отчеты</h2>
|
70 |
+
<div class="stats-content">
|
71 |
+
<p>Общее количество проданных товаров: <span id="totalSold">0</span></p>
|
72 |
+
<p>Общая выручка: <span id="totalRevenue">0</span></p>
|
73 |
+
<p>Общая прибыль: <span id="totalProfit">0</span></p>
|
74 |
+
</div>
|
75 |
</div>
|
76 |
</div>
|
77 |
|