diff --git a/HardwareShop/HardwareShopBusinessLogic/BusinessLogics/Storekeeper/ReportStorekeeperLogic.cs b/HardwareShop/HardwareShopBusinessLogic/BusinessLogics/Storekeeper/ReportStorekeeperLogic.cs
index 15942a6..f514eae 100644
--- a/HardwareShop/HardwareShopBusinessLogic/BusinessLogics/Storekeeper/ReportStorekeeperLogic.cs
+++ b/HardwareShop/HardwareShopBusinessLogic/BusinessLogics/Storekeeper/ReportStorekeeperLogic.cs
@@ -50,12 +50,12 @@ namespace HardwareShopBusinessLogic.BusinessLogics.Storekeeper
         }
         /// Получение сведений по комплектующим за период, 
         /// с указанием в каких товарах и сборках они использовались
-		public List<ReportComponentsViewModel> GetComponents(UserBindingModel user, ReportBindingModel model)
+		public List<ReportComponentsViewModel> GetComponents(ReportBindingModel model)
         {
             var result = new List<ReportComponentsViewModel>();
             var components = _componentStorage.GetFilteredList(new()
             {
-                UserId = user.Id,
+                UserId = model.UserId,
                 DateFrom = model.DateFrom,
                 DateTo = model.DateTo
             });
diff --git a/HardwareShop/HardwareShopClientApp/Controllers/StorekeeperController.cs b/HardwareShop/HardwareShopClientApp/Controllers/StorekeeperController.cs
index c7f00d5..bdc6e80 100644
--- a/HardwareShop/HardwareShopClientApp/Controllers/StorekeeperController.cs
+++ b/HardwareShop/HardwareShopClientApp/Controllers/StorekeeperController.cs
@@ -418,5 +418,18 @@ namespace HardwareShopStorekeeperApp.Controllers
             }
             return View();
         }
+
+        [HttpPost]
+        public List<ReportComponentsViewModel> Report([FromBody] ReportBindingModel reportModel)
+        {
+            if (APIClient.User == null)
+            {
+                throw new Exception("Вы как сюда попали? Сюда вход только авторизованным");
+            }
+            reportModel.UserId = APIClient.User.Id;
+            List<ReportComponentsViewModel>? list = APIClient.PostRequestWithResult
+                <ReportBindingModel, List<ReportComponentsViewModel>>("api/report/componentsreport", reportModel);
+            return list!;
+        }
     }
 }
diff --git a/HardwareShop/HardwareShopClientApp/Views/Storekeeper/Report.cshtml b/HardwareShop/HardwareShopClientApp/Views/Storekeeper/Report.cshtml
index 1a7fd27..44c2ea5 100644
--- a/HardwareShop/HardwareShopClientApp/Views/Storekeeper/Report.cshtml
+++ b/HardwareShop/HardwareShopClientApp/Views/Storekeeper/Report.cshtml
@@ -4,13 +4,71 @@
     Layout = "~/Views/Shared/_LayoutStorekeeper.cshtml";
 }
 
-<form method="post" class="d-flex flex-column align-items-center">
-    <div class="col-sm-3">
-        <label class="form-label">С</label>
-        <input type="date" class="form-control" name="dateFrom">
-        <label class="form-label">По</label>
-        <input type="date" class="form-control" name="dateTo">
-    </div>
-    <button type="submit" class="btn btn-primary mt-3 px-4">Вывод на страницу</button>
-    <button type="submit" class="btn btn-primary mt-3 px-4">Отправить на почту</button>
-</form>
\ No newline at end of file
+<div class="d-flex flex-column align-items-center">
+	<div class="col-sm-3">
+		<label class="form-label">С</label>
+		<input type="date" class="form-control" name="dateFrom" id="dateFrom">
+		<label class="form-label">По</label>
+		<input type="date" class="form-control" name="dateTo" id="dateTo">
+	</div>
+	<button type="submit" class="btn btn-primary mt-3 px-4" id="page">Вывод на страницу</button>
+	<button type="submit" class="btn btn-primary mt-3 px-4" id="mail">Отправить на почту</button>
+</div>
+
+<table class="table">
+	<thead>
+		<tr>
+			<th scope="col">Комплектующее</th>
+			<th scope="col">Товар/Сборка</th>
+			<th scope="col">Количество</th>
+		</tr>
+	</thead>
+	<tbody id="result">
+	</tbody>
+</table>
+
+@section Scripts
+{
+	<script>
+		let list = []
+		const from = document.getElementById("dateFrom");
+		const to = document.getElementById("dateTo");
+		const onpage = document.getElementById("page");
+		const onmail = document.getElementById("mail");
+		const resultTable = document.getElementById("result");
+
+		onpage.addEventListener("click", () => {
+				console.log('try to get report')
+				if (from.value && to.value && from.value !== '' && to.value !== '') {
+					const dateFrom = new Date(from.value);
+					const dateTo = new Date(to.value);
+					const reportModel = { "DateFrom": dateFrom, "DateTo": dateTo }
+					$.ajax({
+						method: "POST",
+						contentType: "application/json",
+						url: `/Storekeeper/Report`,
+						data: JSON.stringify(reportModel),
+						success: function (result) {
+							list = result
+							console.log(list)
+							reloadTable()
+						}
+					}).fail(function(xhr, textStatus, errorThrown) {
+						alert(xhr.responseText);
+					})
+				} else { alert("empty fields") }
+			})
+
+		function reloadTable() {
+			resultString = '';
+			list.forEach((elem) => {
+				resultString += `<tr><td>${elem.componentName}</td><td></td><td></td></tr>`;
+				elem.goodOrBuilds.forEach((goodOrBuild) => {
+					resultString += `<tr><td></td><td>${goodOrBuild.item1}</td><td>${goodOrBuild.item2}</td></tr>`;
+				})
+				resultString += `<tr><td>Итого</td><td></td><td>${elem.totalCount}</td></tr>`;
+			})
+			resultTable.innerHTML = resultString
+		}
+	</script>
+}
\ No newline at end of file
diff --git a/HardwareShop/HardwareShopContracts/BindingModels/ReportBindingModel.cs b/HardwareShop/HardwareShopContracts/BindingModels/ReportBindingModel.cs
index 2b9f8d4..08b8b88 100644
--- a/HardwareShop/HardwareShopContracts/BindingModels/ReportBindingModel.cs
+++ b/HardwareShop/HardwareShopContracts/BindingModels/ReportBindingModel.cs
@@ -4,6 +4,8 @@
     {
         public string FileName { get; set; } = string.Empty;
 
+        public int UserId { get; set; }
+
         public DateTime? DateFrom { get; set; }
 
         public DateTime? DateTo { get; set; }
diff --git a/HardwareShop/HardwareShopContracts/BusinessLogicsContracts/IReportStorekeeperLogic.cs b/HardwareShop/HardwareShopContracts/BusinessLogicsContracts/IReportStorekeeperLogic.cs
index 7a35f24..f426eb7 100644
--- a/HardwareShop/HardwareShopContracts/BusinessLogicsContracts/IReportStorekeeperLogic.cs
+++ b/HardwareShop/HardwareShopContracts/BusinessLogicsContracts/IReportStorekeeperLogic.cs
@@ -18,7 +18,7 @@ namespace HardwareShopContracts.BusinessLogicsContracts
         /// <param name="model"></param>
         /// <param name="user"></param>
         /// <returns></returns>
-        List<ReportComponentsViewModel> GetComponents(UserBindingModel user, ReportBindingModel model);
+        List<ReportComponentsViewModel> GetComponents(ReportBindingModel model);
 
         /// <summary>
         /// Сохранение списка сборок по выбранным товарам в файл-Word
diff --git a/HardwareShop/HardwareShopRestApi/Controllers/ReportController.cs b/HardwareShop/HardwareShopRestApi/Controllers/ReportController.cs
index a356090..43b6be8 100644
--- a/HardwareShop/HardwareShopRestApi/Controllers/ReportController.cs
+++ b/HardwareShop/HardwareShopRestApi/Controllers/ReportController.cs
@@ -1,5 +1,6 @@
 using HardwareShopContracts.BindingModels;
 using HardwareShopContracts.BusinessLogicsContracts;
+using HardwareShopContracts.ViewModels;
 using Microsoft.AspNetCore.Mvc;
 
 namespace HardwareShopRestApi.Controllers
@@ -40,7 +41,22 @@ namespace HardwareShopRestApi.Controllers
             }
             catch (Exception ex)
             {
-                _logger.LogError(ex, "Ошибка сохранения списка сборок по выбранным товарам");
+                _logger.LogError(ex, "Ошибка получения списка сборок по выбранным товарам");
+                throw;
+            }
+        }
+
+        [HttpPost]
+        public List<ReportComponentsViewModel>? ComponentsReport(ReportBindingModel model)
+        {
+            try
+            {
+                var list = _reportStorekeeperLogic.GetComponents(model);
+                return list;
+            }
+            catch (Exception ex)
+            {
+                _logger.LogError(ex, "Ошибка получения сведений по полученным пользователем комплектующим за период");
                 throw;
             }
         }
diff --git a/HardwareShop/HardwareShopRestApi/qwe.xlsx b/HardwareShop/HardwareShopRestApi/qwe.xlsx
deleted file mode 100644
index 6340319..0000000
Binary files a/HardwareShop/HardwareShopRestApi/qwe.xlsx and /dev/null differ