| | | 1 | | @using OzonDomains.Models.SupplierStatuses |
| | | 2 | | @using OzonOrdersWeb.Areas.Studio2.Controllers.Directories |
| | | 3 | | @using OzonOrdersWeb.Areas.Studio2.ViewModels.Grid |
| | | 4 | | @model List<SupplierStatus> |
| | | 5 | | @{ |
| | 0 | 6 | | ViewData["Title"] = $"Статусы поставщиков ({Model.Count} шт.)"; |
| | 0 | 7 | | Layout = "~/Views/Shared/_Layout.cshtml"; |
| | 0 | 8 | | var cartCount = Model.Count(x => x.StatusKind == SupplierStatusKind.Cart); |
| | 0 | 9 | | var orderCount = Model.Count(x => x.StatusKind == SupplierStatusKind.Order); |
| | 0 | 10 | | var withoutColor = Model.Count(x => x.StatusColorId == null); |
| | 0 | 11 | | var rows = Model.Select(s => new |
| | 0 | 12 | | { |
| | 0 | 13 | | id = s.Id, |
| | 0 | 14 | | provider = SupplierStatusController.DescribeProvider(s.ProviderKey), |
| | 0 | 15 | | supplierName = s.Supplier?.Name, |
| | 0 | 16 | | kind = SupplierStatusController.DescribeKind(s.StatusKind), |
| | 0 | 17 | | isCart = s.StatusKind == SupplierStatusKind.Cart, |
| | 0 | 18 | | code = s.ExternalCode, |
| | 0 | 19 | | name = s.Name, |
| | 0 | 20 | | color = s.StatusColor?.ColorCode, |
| | 0 | 21 | | isFinal = s.IsFinal, |
| | 0 | 22 | | sortOrder = s.SortOrder |
| | 0 | 23 | | }); |
| | | 24 | | } |
| | | 25 | | |
| | 0 | 26 | | @await Html.PartialAsync("_BsxGridShell") |
| | | 27 | | |
| | | 28 | | <div class="container-fluid py-3 bsx-surface"> |
| | | 29 | | <div class="app-section-hero app-section-hero--import d-flex flex-wrap justify-content-between align-items-start gap |
| | | 30 | | <div> |
| | | 31 | | <h1><i class="fas fa-dolly me-2 text-primary"></i>Статусы поставщиков</h1> |
| | | 32 | | <div class="subtitle">Справочник состояний заказа у API-поставщиков: АВД, Армтек RU/BY, ML-Auto BY/RU</div> |
| | | 33 | | <div class="subtitle-help"> |
| | | 34 | | Записи создаются <strong>автоматически</strong> при первой встрече статуса у поставщика — заранее |
| | | 35 | | заводить их не нужно. Здесь задаются <strong>цвет плашки</strong> (она видна третьей строкой в колонке |
| | | 36 | | статусов списка заказов), отображаемое имя и признак <strong>конечного</strong> статуса, после которого |
| | | 37 | | отслеживание заказа прекращается. Цвет сохраняется сразу, остальные поля — кнопкой «Сохранить» в строке. |
| | | 38 | | </div> |
| | | 39 | | <div class="app-section-hero__quick-links"> |
| | | 40 | | <a asp-area="Studio2" asp-controller="AppStatus" asp-action="Index"><i class="fas fa-tags"></i>Статусы з |
| | | 41 | | <a asp-area="Studio2" asp-controller="ClientStatus" asp-action="Index"><i class="fas fa-user-tag"></i>Ст |
| | | 42 | | <a asp-area="Studio2" asp-controller="SupplierCart" asp-action="Index"><i class="fas fa-cart-shopping">< |
| | | 43 | | <a asp-area="Studio2" asp-controller="Orders" asp-action="Index"><i class="fas fa-list"></i>Заказы</a> |
| | | 44 | | </div> |
| | | 45 | | </div> |
| | | 46 | | <div class="bsx-dir-stats"> |
| | 0 | 47 | | <span class="bsx-dir-stat">Всего <b>@Model.Count</b></span> |
| | 0 | 48 | | <span class="bsx-dir-stat">Корзина <b>@cartCount</b></span> |
| | 0 | 49 | | <span class="bsx-dir-stat">Заказ <b>@orderCount</b></span> |
| | 0 | 50 | | @if (withoutColor > 0) |
| | | 51 | | { |
| | 0 | 52 | | <span class="bsx-dir-stat bsx-dir-stat--warn" title="Статусы без цвета отображаются прозрачной плашкой"> |
| | | 53 | | } |
| | | 54 | | </div> |
| | | 55 | | </div> |
| | | 56 | | |
| | 0 | 57 | | @if (TempData["SupplierStatusMessage"] is string message) |
| | | 58 | | { |
| | 0 | 59 | | <div class="alert alert-info py-2 px-3">@message</div> |
| | | 60 | | } |
| | | 61 | | |
| | 0 | 62 | | @await Html.PartialAsync("_BsxDirectoryGrid", new BsxDirectoryGridViewModel("supplierStatus", "Статусы поставщиков", |
| | 0 | 63 | | "«Корзина» — до оформления, «Заказ» — после передачи поставщику. Клик по названию, «Конечный» или «Порядок» — пр |
| | | 64 | | </div> |
| | | 65 | | |
| | | 66 | | @section Scripts { |
| | | 67 | | <script src="~/js/Studio2/Grid/bsx-directory.js" asp-append-version="true"></script> |
| | | 68 | | <script> |
| | | 69 | | (function () { |
| | | 70 | | const D = window.BsxDirectory; |
| | | 71 | | |
| | | 72 | | D.grid({ |
| | | 73 | | key: 'dirSupplierStatus', |
| | | 74 | | prefix: 'supplierStatus', |
| | 0 | 75 | | rows: @Json.Serialize(rows), |
| | 0 | 76 | | onSave: r => D.submit('@Url.Action("Update", "SupplierStatus", new { area = "Studio2" })', |
| | | 77 | | { id: r.id, name: r.name, isFinal: r.isFinal, sortOrder: r.sortOrder ?? '' }), |
| | | 78 | | columnDefs: [ |
| | | 79 | | D.setCol({ field: 'provider', headerName: 'Поставщик', width: 190, |
| | | 80 | | cellRenderer: p => `<div class="bsx-cell-stack"><span class="fw-semibold">${BsxGrid.esc(p.value)}</spa |
| | | 81 | | ? `<small class="bsx-muted">${BsxGrid.esc(p.data.supplierName)}</small>` |
| | | 82 | | : '<small class="bsx-tone-text-warning" title="Свяжите провайдера с поставщиком на странице настро |
| | | 83 | | D.setCol({ field: 'kind', headerName: 'Стадия', width: 130, |
| | | 84 | | cellRenderer: p => D.tone(p.value, p.data.isCart ? 'info' : 'purple', p.data.isCart ? 'fa-cart-shoppin |
| | | 85 | | { field: 'code', headerName: 'Код', headerTooltip: 'Как его вернул API', width: 170, cellClass: 'bsx-cod |
| | | 86 | | { field: 'name', headerName: 'Статус', flex: 1, minWidth: 200, editable: true, cellEditorParams: { maxLe |
| | | 87 | | { colId: 'preview', headerName: 'Плашка', width: 220, sortable: false, filter: false, valueGetter: p => |
| | | 88 | | cellRenderer: p => D.colorPill(p.data.name, p.data.color) }, |
| | | 89 | | D.colorCol({ |
| | 0 | 90 | | updateUrl: '@Url.Action("UpdateStatusColor", "SupplierStatus", new { area = "Studio2" })', |
| | 0 | 91 | | resetUrl: '@Url.Action("ResetStatusColor", "SupplierStatus", new { area = "Studio2" })' |
| | | 92 | | }), |
| | | 93 | | D.boolCol({ field: 'isFinal', headerName: 'Конечный', headerTooltip: 'Остановить опрос поставщика', widt |
| | | 94 | | editable: true, cellEditor: 'agCheckboxCellEditor' }), |
| | | 95 | | D.numCol({ field: 'sortOrder', headerName: 'Порядок', width: 110, editable: true, cellEditor: 'agNumberC |
| | | 96 | | valueFormatter: p => p.value ?? '—' }), |
| | | 97 | | D.actionsCol(() => [], { width: 120 }) |
| | | 98 | | ] |
| | | 99 | | }); |
| | | 100 | | })(); |
| | | 101 | | </script> |
| | | 102 | | } |