From 8578653c16a4c42bfa694cd43c72a475e61c316c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=A2=D0=B8=D0=BC=D1=83=D1=80=20=D0=93=D0=BE=D1=80=D0=BE?= =?UTF-8?q?=D0=B4=D0=B5=D1=86=D0=BA=D0=B8=D0=B9?= Date: Thu, 13 Aug 2026 10:01:08 +0500 Subject: [PATCH] feat: changed get time logic to approvers --- config/jest.config.json | 4 + docs/PLAN.md | 105 ++++++ .../components/RequestPortal.tsx | 18 +- src/webparts/requestPortal/data/categories.ts | 3 +- src/webparts/requestPortal/data/requests.ts | 5 +- .../features/submit/SubmitFeature.tsx | 8 +- .../RecruitingHire/RecruitingHireForm.tsx | 2 + .../RecruitingHire/RecruitingHireView.tsx | 9 +- .../RecruitingSelectionForm.tsx | 2 + .../RecruitingSelectionView.tsx | 3 +- .../forms/Ticket1C/Ticket1CForm.tsx | 2 + .../forms/Ticket1C/Ticket1CView.tsx | 2 + .../requestPortal/forms/Ticket1C/submit.ts | 6 +- .../TmcTransfer/TmcTransferForm.module.scss | 20 ++ .../forms/TmcTransfer/TmcTransferForm.tsx | 302 ++++++++++++++++++ .../TmcTransfer/TmcTransferView.module.scss | 15 + .../forms/TmcTransfer/TmcTransferView.tsx | 200 ++++++++++++ .../TmcTransfer/approval/provisioning.json | 14 + .../requestPortal/forms/TmcTransfer/load.ts | 74 +++++ .../requestPortal/forms/TmcTransfer/model.ts | 65 ++++ .../forms/TmcTransfer/provisioning.json | 25 ++ .../TmcTransfer/sections/HeaderSection.tsx | 52 +++ .../sections/ItemsSection.module.scss | 4 + .../TmcTransfer/sections/ItemsSection.tsx | 13 + .../requestPortal/forms/TmcTransfer/submit.ts | 78 +++++ .../forms/Vacation/VacationForm.tsx | 2 + .../forms/Vacation/VacationView.tsx | 3 +- .../WorkplaceSetup/WorkplaceSetupForm.tsx | 2 + .../WorkplaceSetup/WorkplaceSetupView.tsx | 2 + src/webparts/requestPortal/forms/registry.ts | 3 + .../requestPortal/forms/viewRegistry.ts | 3 + .../shared/approval/approvalList.service.ts | 33 +- .../shared/approval/approvalRoute.service.ts | 8 +- .../approval/approvalSubmission.service.ts | 5 +- .../shared/approval/ui/ApprovalMatrix.tsx | 22 +- .../requestPortal/shared/createdBy.ts | 28 ++ .../requestPortal/shared/dictionary/index.ts | 4 + .../shared/dictionary/models/IProject.ts | 31 ++ .../shared/dictionary/projects.service.ts | 44 +++ .../shared/dictionary/ui/DepartmentPicker.tsx | 8 +- .../dictionary/ui/ProjectPicker.module.scss | 90 ++++++ .../shared/dictionary/ui/ProjectPicker.tsx | 126 ++++++++ .../requestPortal/shared/requestCode.ts | 12 +- .../ConfirmDialog/ConfirmDialog.module.scss | 98 ++++++ .../shared/ui/ConfirmDialog/ConfirmDialog.tsx | 82 +++++ .../shared/ui/ConfirmDialog/confirmModal.ts | 44 +++ .../shared/ui/FormCard/FormCard.tsx | 5 +- .../InitiatorLine/InitiatorLine.module.scss | 34 ++ .../shared/ui/InitiatorLine/InitiatorLine.tsx | 51 +++ .../shared/ui/ItemsTable/ILineItem.ts | 18 ++ .../ui/ItemsTable/ItemsTable.module.scss | 166 ++++++++++ .../shared/ui/ItemsTable/ItemsTable.tsx | 207 ++++++++++++ .../shared/ui/ItemsTable/parseExcelRows.ts | 100 ++++++ src/webparts/requestPortal/shared/ui/index.ts | 10 + .../requestPortal/shared/unsavedChanges.ts | 23 +- 55 files changed, 2249 insertions(+), 46 deletions(-) create mode 100644 config/jest.config.json create mode 100644 docs/PLAN.md create mode 100644 src/webparts/requestPortal/forms/TmcTransfer/TmcTransferForm.module.scss create mode 100644 src/webparts/requestPortal/forms/TmcTransfer/TmcTransferForm.tsx create mode 100644 src/webparts/requestPortal/forms/TmcTransfer/TmcTransferView.module.scss create mode 100644 src/webparts/requestPortal/forms/TmcTransfer/TmcTransferView.tsx create mode 100644 src/webparts/requestPortal/forms/TmcTransfer/approval/provisioning.json create mode 100644 src/webparts/requestPortal/forms/TmcTransfer/load.ts create mode 100644 src/webparts/requestPortal/forms/TmcTransfer/model.ts create mode 100644 src/webparts/requestPortal/forms/TmcTransfer/provisioning.json create mode 100644 src/webparts/requestPortal/forms/TmcTransfer/sections/HeaderSection.tsx create mode 100644 src/webparts/requestPortal/forms/TmcTransfer/sections/ItemsSection.module.scss create mode 100644 src/webparts/requestPortal/forms/TmcTransfer/sections/ItemsSection.tsx create mode 100644 src/webparts/requestPortal/forms/TmcTransfer/submit.ts create mode 100644 src/webparts/requestPortal/shared/createdBy.ts create mode 100644 src/webparts/requestPortal/shared/dictionary/models/IProject.ts create mode 100644 src/webparts/requestPortal/shared/dictionary/projects.service.ts create mode 100644 src/webparts/requestPortal/shared/dictionary/ui/ProjectPicker.module.scss create mode 100644 src/webparts/requestPortal/shared/dictionary/ui/ProjectPicker.tsx create mode 100644 src/webparts/requestPortal/shared/ui/ConfirmDialog/ConfirmDialog.module.scss create mode 100644 src/webparts/requestPortal/shared/ui/ConfirmDialog/ConfirmDialog.tsx create mode 100644 src/webparts/requestPortal/shared/ui/ConfirmDialog/confirmModal.ts create mode 100644 src/webparts/requestPortal/shared/ui/InitiatorLine/InitiatorLine.module.scss create mode 100644 src/webparts/requestPortal/shared/ui/InitiatorLine/InitiatorLine.tsx create mode 100644 src/webparts/requestPortal/shared/ui/ItemsTable/ILineItem.ts create mode 100644 src/webparts/requestPortal/shared/ui/ItemsTable/ItemsTable.module.scss create mode 100644 src/webparts/requestPortal/shared/ui/ItemsTable/ItemsTable.tsx create mode 100644 src/webparts/requestPortal/shared/ui/ItemsTable/parseExcelRows.ts diff --git a/config/jest.config.json b/config/jest.config.json new file mode 100644 index 0000000..068dfc7 --- /dev/null +++ b/config/jest.config.json @@ -0,0 +1,4 @@ +{ + "extends": "@microsoft/spfx-web-build-rig/profiles/default/config/jest.config.json", + "collectCoverage": false +} diff --git a/docs/PLAN.md b/docs/PLAN.md new file mode 100644 index 0000000..fd82ff8 --- /dev/null +++ b/docs/PLAN.md @@ -0,0 +1,105 @@ +# План: обсуждение задачи + +_Создано: 2026-08-12_ + +## Контекст +Пишем сюда идею, договорённости и шаги, чтобы ничего не забыть. + +## Идея (со слов пользователя) +> Данные заявок лежат в списках SP Online. Т.к. рекомендуемый предел ~5000, а заявки +> копятся бесконечно, придумать механизм «архивации»/шардинга: при достижении 5000 +> элементов заводить новый список с тем же именем + числовой постфикс (`— данные_2`), +> и фронт начинает писать новые заявки туда. + +## Важный факт (уточнение) +- **5000 = List View Threshold** — лимит на строки, сканируемые ОДНИМ запросом, а НЕ на хранение. +- Список SPO хранит **до 30 млн** элементов. «Переполнения» по хранению не будет. +- Реальная проблема = запросы без индекса, сканирующие >5000 строк → throttling. + Лечится индексами + фильтрацией, а не разбиением списка. + +## Цена шардинга по счётчику (что ломается в нашем коде) +- `myRequests.service` → чтение становится UNION по N шардам на каждый тип. +- `requestCode.ts` → код `type-YYMM-itemId`, itemId в новом списке снова с 1 → дубли кодов. +- Списки согласования растут ещё быстрее (строки маршрута) — их тоже шардить? +- Провижининг схемы/индексов/прав (Sites.Selected) для каждого нового списка на лету. +- Отчётность/поиск «за период» становятся кросс-списочными. + +## Варианты (развилка) +- **A. Индексы + пагинация (рекомендую как базу)** — индексируем RequestStatus/Created/Author, + читаем через `.top()`+paging. Закрывает throughput-проблему полностью. Кода минимум. +- **B. Архивация по статусу/дате** — закрытые заявки переносим в `...— архив`, активный список + остаётся маленьким. Это «правильная» версия интуиции пользователя. Разгрузка без ломки кодов. +- **C. Шардинг по 5000 (исходная идея)** — крайний вариант, только если реально упрёмся в десятки млн. + +## ВЫБРАННОЕ НАПРАВЛЕНИЕ (после обсуждения) +Причина тормозов подтверждена пользователем: слабый интернет (Казахстан) + список зависает. +Есть мандат «держать ≤5000 элементов в списке, плодить новые списки». +Решение = **C (шардинг) + обязательная пагинация**. Обе части нужны: +- **Шардинг** ≤5000 на список — выполняет мандат / снимает threshold-throttling (ops). +- **Пагинация + фильтр по индексу** — фронт НИКОГДА не качает весь список, только маленькую + страницу (`.top(50)`, фильтр по Author/RequestStatus). Именно это убирает зависания на + слабом канале. Без этой части шардинг сам по себе скорость НЕ спасёт (4999 строк грузятся + так же долго, как 5000). + +## Кто что создаёт (решено) +- Создание шардов — **бэкенд-скрипт по расписанию** (НЕ фронт). Варианты хостинга: + Azure Function (timer) / Azure Automation runbook (PnP.PowerShell) / Power Automate / + cron на своём сервере (есть git.tnsu.kz → своя инфра). Auth: app-only (сертификат), Sites.Selected. +- Плюсы: права на создание списков не на фронте; тяжёлый провижининг мимо слабого канала юзера; + нет гонок (шард готовится заранее); переиспользуем существующий PnP-провижининг. + +## Контракт бэк ↔ фронт: РЕЕСТР ШАРДОВ +Маленький SP-список / config-элемент. На каждый тип заявки: +`базовое имя`, `номер активного шарда`, `счётчик`, (для approval — свой активный/счётчик). +- Бэкенд-джоб ОБНОВЛЯЕТ (создал шард → новый активный номер). +- Фронт ЧИТАЕТ (активный список для записи + полный набор для чтения). + +## Роли в коде фронта (обёртки, детали позже) +- `resolveActiveList(type)` → активный список для записи; все `submit.ts` зовут её вместо + хардкода `DATA_LIST_TITLE`. +- `resolveAllShards(type)` → все шарды для чтения; запрос по каждому с фильтром + `.top()`, + склейка маленьких кусков (быстро на слабом канале). +- Порог переключения — 4900 (запас до 5000). +- Коды: внести номер шарда (`type-YYMM-s2-itemId`), иначе itemId в новом списке снова с 1 → дубли. +- Списки согласования шардить по СВОЕМУ счётчику (растут в 3-5 раз быстрее) — проектируем после данных. + +## Открытые вопросы (для следующего обсуждения) +1. Хостинг бэкенд-джоба: Azure Function / Automation / Power Automate / свой cron (git.tnsu.kz)? Что доступно и кто админит? +2. Реестр шардов — отдельный SP-список или один JSON config-элемент? (склоняюсь к маленькому списку — виден в админке) +3. ~~Формат кода с шардом?~~ РЕШЕНО: offset-схема (см. ниже). +4. Согласование: шардим сразу вместе с данными или сначала только данные, approval потом? +5. ~~Старые данные >5000 сейчас?~~ РЕШЕНО: таких списков нет, гринфилд. Разовая миграция НЕ нужна. + Текущие списки = «шард №1». Настоящая архивация (прятать старые из выдачи) — опционально, потом. +6. Прогноз объёма: заявок/месяц по каждому типу — чтобы понять реальную частоту переключений. + +## Решения (зафиксировано) +- Направление: шардинг + обязательная пагинация (обе части). +- Создание шардов: бэкенд-скрипт по расписанию (app-only), НЕ фронт. +- Стык бэк↔фронт: реестр шардов. +- РЕЖИМ РАБОТЫ: сейчас ТОЛЬКО план и обсуждение. Код НЕ пишем без явного подтверждения пользователя. + +### Код заявки: offset-схема (сквозная нумерация) +- ВАЖНО: SP-шный `ID` мы НЕ контролируем — в каждом новом списке он всегда с 1. Нельзя заставить + SP стартовать с 5001. Поэтому сквозную нумерацию делаем в НАШЕМ коде, не в SP ID. +- Код = `type-YYMM-{offset + itemId}`, offset = сумма финальных счётчиков всех предыдущих шардов. + - Шард 1: offset 0 → `hr-2608-1` … (совпадает с текущим форматом → обратная совместимость!) + - Шард 2: offset 5000 → `hr-2608-5001` … +- Уникальность гарантирована. Непрерывность не идеальна (удаления → дырки в SP ID), но это ок — + важна уникальность, а не отсутствие пропусков. +- Финальный счётчик закрытого шарда пишет бэкенд-джоб в реестр при переключении. + +### «Мои заявки» — из ВСЕХ шардов +- `resolveAllShards(type)`: опрос всех шардов, каждый с фильтром по Author + `.top()`, склейка+сортировка. +- Трафик мал (с каждого шарда пара строк) → быстро на слабом канале. +- Оптимизация на потом: при большом числе шардов читать по умолчанию только свежие, старые — по кнопке «Показать ещё». + +## Шаги (черновик, не выполняем) +- [ ] Закрыть открытые вопросы 1-6 (обсуждение) +- [ ] Спроектировать схему реестра шардов +- [ ] Спроектировать интерфейс `resolveActiveList` / `resolveAllShards` (без реализации) +- [ ] Спроектировать бэкенд-джоб (псевдокод/алгоритм) +- [ ] Только после «го» — реализация + +## Заметки +- Паттерн доступа сегодня: у каждой формы свой `DATA_LIST_TITLE`, доступ через + `getSP().web.lists.getByTitle(...)` (см. `forms/*/submit.ts`, `load.ts`, `myRequests.service`). diff --git a/src/webparts/requestPortal/components/RequestPortal.tsx b/src/webparts/requestPortal/components/RequestPortal.tsx index f5df610..cf721c6 100644 --- a/src/webparts/requestPortal/components/RequestPortal.tsx +++ b/src/webparts/requestPortal/components/RequestPortal.tsx @@ -2,6 +2,7 @@ import * as React from 'react'; import styles from './RequestPortal.module.scss'; import type { IRequestPortalProps } from './IRequestPortalProps'; import { IconSprite } from '../shared/ui/Icon/IconSprite'; +import { ConfirmHost } from '../shared/ui'; import { navigate, persistOwnTab, @@ -112,9 +113,11 @@ const RequestPortal: React.FC = ({ hasTeamsContext, context // Смена категории закрывает открытую форму (SubmitFeature сбрасывает выбор, // когда категория перестаёт совпадать) — значит введённое пропадёт. const changeCategory = (categoryId: string): void => { - if (!confirmDiscardFormChanges()) return; - markFormClean(); - setActiveCategoryId(categoryId); + confirmDiscardFormChanges().then((ok) => { + if (!ok) return; + markFormClean(); + setActiveCategoryId(categoryId); + }).catch(() => undefined); }; const goto = (nav: NavSection): void => { @@ -239,14 +242,17 @@ const RequestPortal: React.FC = ({ hasTeamsContext, context // Закрытие панели РЕДАКТИРОВАНИЯ: там открыта форма, и её содержимое живёт // только в памяти — уходя без сохранения, пользователь теряет правки. const closeEditDrawer = (): void => { - if (!confirmDiscardFormChanges()) return; - markFormClean(); - closeDrawer(); + confirmDiscardFormChanges().then((ok) => { + if (!ok) return; + markFormClean(); + closeDrawer(); + }).catch(() => undefined); }; return (
+
= ({ // если правки есть и они не сохранены; после согласия флаг снимаем — терять // уже нечего. const handleBack = (): void => { - if (!confirmDiscardFormChanges()) return; - markFormClean(); - setSelectedRequest(null); + confirmDiscardFormChanges().then((ok) => { + if (!ok) return; + markFormClean(); + setSelectedRequest(null); + }).catch(() => undefined); }; const renderSelected = (request: IRequestType): React.ReactNode => { diff --git a/src/webparts/requestPortal/forms/RecruitingHire/RecruitingHireForm.tsx b/src/webparts/requestPortal/forms/RecruitingHire/RecruitingHireForm.tsx index 54e022f..2d2c57b 100644 --- a/src/webparts/requestPortal/forms/RecruitingHire/RecruitingHireForm.tsx +++ b/src/webparts/requestPortal/forms/RecruitingHire/RecruitingHireForm.tsx @@ -4,6 +4,7 @@ import styles from './RecruitingHireForm.module.scss'; import { Alert, FormCard, + InitiatorLine, FormModeProvider, FileDropzone, AttachmentList, @@ -219,6 +220,7 @@ const RecruitingHireForm: React.FC = ({ requestType, context, } headerRight={ requestId || requestStatus ? ( <> diff --git a/src/webparts/requestPortal/forms/RecruitingHire/RecruitingHireView.tsx b/src/webparts/requestPortal/forms/RecruitingHire/RecruitingHireView.tsx index 329ec9f..4bc3818 100644 --- a/src/webparts/requestPortal/forms/RecruitingHire/RecruitingHireView.tsx +++ b/src/webparts/requestPortal/forms/RecruitingHire/RecruitingHireView.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { useState, useEffect, useMemo, useCallback } from 'react'; import type { WebPartContext } from '@microsoft/sp-webpart-base'; import styles from './RecruitingHireView.module.scss'; -import { Alert, Button, FormCard, FormModeProvider, CollapseSection, FormField, AttachmentList, Icon, PrintButton } from '../../shared/ui'; +import { Alert, Button, FormCard, InitiatorLine, FormModeProvider, CollapseSection, FormField, AttachmentList, Icon, PrintButton } from '../../shared/ui'; import { ApproverService, DecisionPanel, @@ -129,8 +129,10 @@ const RecruitingHireView: React.FC = ({ context, itemI // Раздел «Новая заявка» остаётся смонтированным при переключении // вкладок, но переход «на основе» пересоздаёт форму — если там // остались несохранённые правки, спрашиваем перед их потерей. - if (!confirmDiscardFormChanges()) return; - navigate({ mode: 'create', nav: 'new', formKey: WORKPLACE_FORM_KEY, sourceId: itemId }); + confirmDiscardFormChanges().then((ok) => { + if (!ok) return; + navigate({ mode: 'create', nav: 'new', formKey: WORKPLACE_FORM_KEY, sourceId: itemId }); + }).catch(() => undefined); }} > @@ -143,6 +145,7 @@ const RecruitingHireView: React.FC = ({ context, itemI } headerRight={status ? : undefined} > diff --git a/src/webparts/requestPortal/forms/RecruitingSelection/RecruitingSelectionForm.tsx b/src/webparts/requestPortal/forms/RecruitingSelection/RecruitingSelectionForm.tsx index 859e050..dbb05e1 100644 --- a/src/webparts/requestPortal/forms/RecruitingSelection/RecruitingSelectionForm.tsx +++ b/src/webparts/requestPortal/forms/RecruitingSelection/RecruitingSelectionForm.tsx @@ -4,6 +4,7 @@ import styles from './RecruitingSelectionForm.module.scss'; import { Alert, FormCard, + InitiatorLine, FormModeProvider, FileDropzone, AttachmentList, @@ -184,6 +185,7 @@ const RecruitingSelectionForm: React.FC = ({ requestType, con } headerRight={ requestId || requestStatus ? ( <> diff --git a/src/webparts/requestPortal/forms/RecruitingSelection/RecruitingSelectionView.tsx b/src/webparts/requestPortal/forms/RecruitingSelection/RecruitingSelectionView.tsx index 76c8c99..f0357dc 100644 --- a/src/webparts/requestPortal/forms/RecruitingSelection/RecruitingSelectionView.tsx +++ b/src/webparts/requestPortal/forms/RecruitingSelection/RecruitingSelectionView.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { useState, useEffect, useMemo, useCallback } from 'react'; import type { WebPartContext } from '@microsoft/sp-webpart-base'; import styles from './RecruitingSelectionView.module.scss'; -import { Alert, FormCard, FormModeProvider, CollapseSection, FormField, AttachmentList, PrintButton } from '../../shared/ui'; +import { Alert, FormCard, InitiatorLine, FormModeProvider, CollapseSection, FormField, AttachmentList, PrintButton } from '../../shared/ui'; import { ApproverService, DecisionPanel, @@ -111,6 +111,7 @@ const RecruitingSelectionView: React.FC = ({ cont } headerRight={status ? : undefined} > diff --git a/src/webparts/requestPortal/forms/Ticket1C/Ticket1CForm.tsx b/src/webparts/requestPortal/forms/Ticket1C/Ticket1CForm.tsx index 31484ad..748a705 100644 --- a/src/webparts/requestPortal/forms/Ticket1C/Ticket1CForm.tsx +++ b/src/webparts/requestPortal/forms/Ticket1C/Ticket1CForm.tsx @@ -4,6 +4,7 @@ import styles from './Ticket1CForm.module.scss'; import { Alert, FormCard, + InitiatorLine, FormModeProvider, FileDropzone, AttachmentList, @@ -268,6 +269,7 @@ const Ticket1CForm: React.FC = ({ requestType, context, onCan } headerRight={ requestId || requestStatus ? ( <> diff --git a/src/webparts/requestPortal/forms/Ticket1C/Ticket1CView.tsx b/src/webparts/requestPortal/forms/Ticket1C/Ticket1CView.tsx index 0b4a573..8ea7448 100644 --- a/src/webparts/requestPortal/forms/Ticket1C/Ticket1CView.tsx +++ b/src/webparts/requestPortal/forms/Ticket1C/Ticket1CView.tsx @@ -6,6 +6,7 @@ import { Alert, Button, FormCard, + InitiatorLine, FormModeProvider, CollapseSection, FormField, @@ -190,6 +191,7 @@ const Ticket1CView: React.FC = ({ context, itemId }) => { } headerRight={status ? : undefined} > diff --git a/src/webparts/requestPortal/forms/Ticket1C/submit.ts b/src/webparts/requestPortal/forms/Ticket1C/submit.ts index 28fa406..23e74e0 100644 --- a/src/webparts/requestPortal/forms/Ticket1C/submit.ts +++ b/src/webparts/requestPortal/forms/Ticket1C/submit.ts @@ -10,6 +10,10 @@ export const APPROVAL_LIST_TITLE = 'Заявка в отдел 1С — согл // name "Заявка в отдел 1С" (не путать с «Маршрут #8» — это id самого маршрута // в админке, отдельная сущность от id типа заявки). export const TICKET1C_REQUEST_TYPE_ID = 10; +// Префикс уникального кода заявки — буквенная метка «1С» вместо числового id +// типа (10). Только для отображения/идентификации; на резолв маршрута и +// уведомления (там нужен числовой TICKET1C_REQUEST_TYPE_ID) не влияет. +export const TICKET1C_CODE_PREFIX = '1С'; /** Экземпляр сервиса списка согласования этой формы. */ export function ticket1cApprovalService(): ApprovalListService { @@ -59,7 +63,7 @@ export async function saveTicketRequest( const added = await list.items.add(item); id = (added as { Id: number }).Id; // Код известен только после создания элемента (нужен его Id). - code = buildRequestUniqueCode(TICKET1C_REQUEST_TYPE_ID, id, new Date()); + code = buildRequestUniqueCode(TICKET1C_CODE_PREFIX, id, new Date()); await list.items.getById(id).update({ RequestUniqueCode: code }); } diff --git a/src/webparts/requestPortal/forms/TmcTransfer/TmcTransferForm.module.scss b/src/webparts/requestPortal/forms/TmcTransfer/TmcTransferForm.module.scss new file mode 100644 index 0000000..e1ef36d --- /dev/null +++ b/src/webparts/requestPortal/forms/TmcTransfer/TmcTransferForm.module.scss @@ -0,0 +1,20 @@ +@import '../../../../styles/design-tokens'; + +.back { + display: inline-flex; + align-items: center; + gap: $sp-2; + margin-bottom: $sp-4; + padding: 0; + border: 0; + background: transparent; + color: $navy-700; + font-family: $font-sans; + font-size: $fs-sm; + cursor: pointer; + transition: color .18s; + + &:hover { + color: $gold-600; + } +} diff --git a/src/webparts/requestPortal/forms/TmcTransfer/TmcTransferForm.tsx b/src/webparts/requestPortal/forms/TmcTransfer/TmcTransferForm.tsx new file mode 100644 index 0000000..3672f90 --- /dev/null +++ b/src/webparts/requestPortal/forms/TmcTransfer/TmcTransferForm.tsx @@ -0,0 +1,302 @@ +import * as React from 'react'; +import { useState, useMemo, useCallback, useEffect } from 'react'; +import styles from './TmcTransferForm.module.scss'; +import { + Alert, + FormCard, + InitiatorLine, + FormModeProvider, + FileDropzone, + AttachmentList, + CollapseSection, + FormField, + Icon, + RequestNumber, + SubmitActions, + useRequestSubmit +} from '../../shared/ui'; +import { + ApprovalMatrix, + StatusBadge, + useMatrixEditor, + getPlannedMatrix, + notifyActiveStep, + REQUEST_STATUS, + isEditableStatus, + IApproverToWrite, + APPROVAL_PHASE, + findUnassignedStep +} from '../../shared/approval'; +import { + uploadAttachments, + getAttachments, + deleteAttachment, + IAttachmentInfo +} from '../../shared/attachments/attachments.service'; +import { IRequestFormProps } from '../../models/types'; +import { IFormData, EMPTY_DATA, SetField } from './model'; +import { + saveTmcTransferRequest, + tmcTransferApprovalService, + TMC_TRANSFER_REQUEST_TYPE_ID, + DATA_LIST_TITLE, + APPROVAL_LIST_TITLE +} from './submit'; +import { loadTmcTransferRequest } from './load'; +import { HeaderSection } from './sections/HeaderSection'; +import { ItemsSection } from './sections/ItemsSection'; + +const TmcTransferForm: React.FC = ({ requestType, context, onCancel, onSaved, editId }) => { + const [data, setData] = useState(EMPTY_DATA); + const [files, setFiles] = useState([]); + const [existingAttachments, setExistingAttachments] = useState([]); + const [requestId, setRequestId] = useState(editId); + const [requestStatus, setRequestStatus] = useState(undefined); + const [requestCode, setRequestCode] = useState(undefined); + const submit = useRequestSubmit(); + + const readOnly = !isEditableStatus(requestStatus); + + const set: SetField = (key, value) => setData((prev) => ({ ...prev, [key]: value })); + + // Новая заявка — предзаполняем «От» текущим пользователем и дату сегодняшней. + useEffect(() => { + if (editId) { + return; + } + const user = context.pageContext.user; + const today = new Date().toISOString().slice(0, 10); + setData((prev) => ({ + ...prev, + RequesterEmail: user.email || '', + AuthorName: user.displayName || '', + RequestDate: prev.RequestDate || today + })); + }, [editId, context]); + + // Открыта СВОЯ заявка на редактирование — подгружаем содержимое, статус и вложения. + useEffect(() => { + if (!editId) { + return; + } + let alive = true; + Promise.all([loadTmcTransferRequest(editId), getAttachments(DATA_LIST_TITLE, editId)]) + .then(([loaded, atts]) => { + if (alive) { + setData(loaded.data); + setRequestStatus(loaded.status); + setRequestCode(loaded.code || undefined); + setExistingAttachments(atts); + } + }) + .catch((e) => { + if (alive) { + submit.setError(`Не удалось загрузить заявку №${editId}: ${(e as Error).message}`); + } + }); + return () => { + alive = false; + }; + }, [editId]); + + const approval = useMemo(() => tmcTransferApprovalService(), []); + const userEmail = context.pageContext.user.email; + // У новой заявки маршрут ПЛАНИРУЕТСЯ (resolve по внешнему API), у открытой на + // редактирование — читается из уже записанных строк. + // projectId = oid проекта-источника: по нему бэкенд подставляет согласующего + // «руководитель проекта-источника». Меняется проект → перепланируем маршрут. + const projectId = data.SourceProjectId || null; + const targetProjectId = data.TargetProjectId || null; + // Маршрут согласования зависит от проекта-источника («Откуда»): пока он не + // выбран, resolve вернёт 404 — не грузим, показываем заглушку. У открытой на + // редактирование заявки маршрут уже записан, источник не нужен. + const matrixReady = !!editId || !!projectId; + // Исполнитель определяется проектом-получателем («Куда»): показываем блок с + // заглушкой, пока «Куда» не выбрано. Источник тоже нужен, иначе resolve 404. + const executorsReady = !!editId || (!!projectId && !!targetProjectId); + const loadMatrix = useCallback( + () => + editId + ? approval + .getMatrixForRequest(editId) + .then((rows) => rows.filter((r) => r.phase !== APPROVAL_PHASE.execution)) + : getPlannedMatrix(context, TMC_TRANSFER_REQUEST_TYPE_ID, userEmail, approval, 'Approval', null, undefined, projectId), + [context, userEmail, approval, editId, projectId] + ); + const matrix = useMatrixEditor(loadMatrix, `${userEmail}-${editId ?? 'new'}-${projectId}`, !readOnly, matrixReady, (login) => + approval.getJobTitle(login) + ); + + // Фаза исполнения: исполнители из маршрута (status='Execution'), только для чтения. + const loadExecutors = useCallback( + () => + editId + ? approval + .getMatrixForRequest(editId) + .then((rows) => rows.filter((r) => r.phase === APPROVAL_PHASE.execution)) + : getPlannedMatrix(context, TMC_TRANSFER_REQUEST_TYPE_ID, userEmail, approval, 'Execution', null, undefined, projectId), + [context, userEmail, approval, editId, projectId] + ); + const executors = useMatrixEditor( + loadExecutors, + `${userEmail}-${editId ?? 'new'}-${projectId}-${targetProjectId}`, + false, + executorsReady, + (login) => approval.getJobTitle(login) + ); + + const hasItems = data.Items.some((i) => i.name.trim().length > 0); + const isValid = + data.SourceProject.trim().length > 0 && data.TargetProject.trim().length > 0 && hasItems; + const validate = (): string | undefined => + isValid + ? undefined + : 'Заполните обязательные поля: проект-источник, проект-получатель и хотя бы одну позицию ТМЦ.'; + + const toApprovers = (rows: typeof matrix.rows): IApproverToWrite[] => + rows.map((r) => ({ + email: r.email, + position: r.position, + allowReassign: r.allowReassign, + order: r.order + })); + + // Удаление уже прикреплённого файла (в правке) — сразу из заявки. + const handleRemoveAttachment = (fileName: string): void => { + if (requestId === undefined) { + return; + } + deleteAttachment(DATA_LIST_TITLE, requestId, fileName) + .then(() => setExistingAttachments((prev) => prev.filter((a) => a.fileName !== fileName))) + .catch(() => undefined); + }; + + const save = (status: string): (() => Promise) => async (): Promise => { + const { id, code } = await saveTmcTransferRequest( + requestId, + data, + toApprovers(matrix.rows), + toApprovers(executors.rows), + status + ); + setRequestId(id); + setRequestStatus(status); + if (code) { + setRequestCode(code); + } + if (files.length > 0) { + await uploadAttachments(DATA_LIST_TITLE, id, files); + setFiles([]); + setExistingAttachments(await getAttachments(DATA_LIST_TITLE, id)); + } + if (onSaved) { + onSaved(); + } + if (status === REQUEST_STATUS.onApproval) { + await notifyActiveStep(context, approval, id, { + requestTypeId: TMC_TRANSFER_REQUEST_TYPE_ID, + dataListName: DATA_LIST_TITLE, + approvalListName: APPROVAL_LIST_TITLE + }); + } + }; + + const validateSubmit = (): string | undefined => { + const formError = validate(); + if (formError) return formError; + const unassigned = findUnassignedStep(matrix.rows); + if (unassigned) { + return `Шаг ${unassigned.order} маршрута согласования («${unassigned.position || 'без должности'}») без назначенного человека — выберите согласующего или удалите шаг.`; + } + const unassignedExecutor = findUnassignedStep(executors.rows); + if (unassignedExecutor) { + return `Шаг ${unassignedExecutor.order} исполнения («${unassignedExecutor.position || 'без должности'}») без назначенного человека — выберите исполнителя или удалите шаг.`; + } + return undefined; + }; + + const handleSaveDraft = (): Promise => + submit.run('draft', save(REQUEST_STATUS.draft), validate); + const handleSubmit = (): Promise => + submit.run('submit', save(REQUEST_STATUS.onApproval), validateSubmit); + + const sectionProps = { data, set, context }; + + return ( +
+ + + } + headerRight={ + requestId || requestStatus ? ( + <> + {requestStatus && } + {requestCode && } + + ) : undefined + } + > + {submit.savedKind && !submit.error && ( + + {submit.savedKind === 'draft' ? 'Черновик сохранён.' : 'Заявка отправлена на согласование.'} + + )} + {submit.error && {submit.error}} + + + + + + + {!readOnly && ( + + {existingAttachments.length > 0 && ( + + + + )} + 0 ? 'Добавить файлы' : 'Файлы'} full> + + + + )} + + approval.searchUsers(q)} + waiting={!matrixReady} + waitingText="Выберите проект-источник («Откуда»), чтобы построить маршрут согласования." + /> + + {/* Блок исполнителя показываем, только когда по маршруту реально есть + исполнители (грузится по проектам, см. executorsReady). */} + {executorsReady && !executors.loading && executors.rows.length > 0 && ( + approval.searchUsers(q)} + title="Исполнение (после согласования)" + roleLabel="Исполнитель" + emptyText="Исполнители не заданы по маршруту." + /> + )} + + + +
+ ); +}; + +export default TmcTransferForm; diff --git a/src/webparts/requestPortal/forms/TmcTransfer/TmcTransferView.module.scss b/src/webparts/requestPortal/forms/TmcTransfer/TmcTransferView.module.scss new file mode 100644 index 0000000..05d1096 --- /dev/null +++ b/src/webparts/requestPortal/forms/TmcTransfer/TmcTransferView.module.scss @@ -0,0 +1,15 @@ +@import '../../../../styles/design-tokens'; + +.state { + padding: $sp-8; + color: $gray-500; + font-size: $fs-sm; + text-align: center; +} + +.toolbar { + display: flex; + justify-content: flex-end; + gap: $sp-3; + margin-bottom: $sp-4; +} diff --git a/src/webparts/requestPortal/forms/TmcTransfer/TmcTransferView.tsx b/src/webparts/requestPortal/forms/TmcTransfer/TmcTransferView.tsx new file mode 100644 index 0000000..45d6cd0 --- /dev/null +++ b/src/webparts/requestPortal/forms/TmcTransfer/TmcTransferView.tsx @@ -0,0 +1,200 @@ +import * as React from 'react'; +import { useState, useEffect, useMemo, useCallback } from 'react'; +import type { WebPartContext } from '@microsoft/sp-webpart-base'; +import styles from './TmcTransferView.module.scss'; +import { + Alert, + Button, + FormCard, + InitiatorLine, + FormModeProvider, + CollapseSection, + FormField, + AttachmentList, + PrintButton, + Icon +} from '../../shared/ui'; +import { navigate } from '../../shared/routing'; +import { + ApproverService, + DecisionPanel, + StatusBadge, + ApprovalMatrix, + useMatrixEditor, + notifyActiveStep, + isEditableStatus, + APPROVAL_PHASE +} from '../../shared/approval'; +import { getAttachments, IAttachmentInfo } from '../../shared/attachments/attachments.service'; +import { IFormData, EMPTY_DATA, SetField } from './model'; +import { loadTmcTransferRequest } from './load'; +import { + tmcTransferApprovalService, + TMC_TRANSFER_REQUEST_TYPE_ID, + DATA_LIST_TITLE, + APPROVAL_LIST_TITLE +} from './submit'; +import { HeaderSection } from './sections/HeaderSection'; +import { ItemsSection } from './sections/ItemsSection'; + +interface ITmcTransferViewProps { + context: WebPartContext; + itemId: number; +} + +// Заявка «СЗ на перемещение ТМЦ» только для просмотра (режим согласующего). +const TmcTransferView: React.FC = ({ context, itemId }) => { + const [data, setData] = useState(EMPTY_DATA); + const [status, setStatus] = useState(''); + const [code, setCode] = useState(''); + const [attachments, setAttachments] = useState([]); + const [loading, setLoading] = useState(true); + const [error, setError] = useState(null); + + // В просмотре форма read-only, но секции ждут set — даём no-op. + const set: SetField = () => undefined; + + const approverService = useMemo( + () => new ApproverService(tmcTransferApprovalService(), DATA_LIST_TITLE), + [] + ); + + const [decisionSeq, setDecisionSeq] = useState(0); + const approval = useMemo(() => tmcTransferApprovalService(), []); + const loadApprovers = useCallback( + () => + approval + .getMatrixForRequest(itemId) + .then((rows) => rows.filter((r) => r.phase !== APPROVAL_PHASE.execution)), + [approval, itemId] + ); + const approvers = useMatrixEditor(loadApprovers, `a-${itemId}-${decisionSeq}`, false, true, (l) => + approval.getJobTitle(l) + ); + const loadExecutors = useCallback( + () => + approval + .getMatrixForRequest(itemId) + .then((rows) => rows.filter((r) => r.phase === APPROVAL_PHASE.execution)), + [approval, itemId] + ); + const executors = useMatrixEditor(loadExecutors, `e-${itemId}-${decisionSeq}`, false, true, (l) => + approval.getJobTitle(l) + ); + + useEffect(() => { + let alive = true; + setLoading(true); + Promise.all([loadTmcTransferRequest(itemId), getAttachments(DATA_LIST_TITLE, itemId)]) + .then(([loaded, files]) => { + if (alive) { + setData(loaded.data); + setStatus(loaded.status); + setCode(loaded.code); + setAttachments(files); + setError(null); + setLoading(false); + } + }) + .catch((e) => { + if (alive) { + setError(`Не удалось загрузить заявку №${itemId}: ${(e as Error).message}`); + setLoading(false); + } + }); + return () => { + alive = false; + }; + }, [itemId]); + + if (loading) { + return
Загрузка заявки…
; + } + if (error) { + return ( +
+ {error} +
+ ); + } + + const sectionProps = { data, set, context }; + + return ( +
+
+ {isEditableStatus(status) && ( + + )} + +
+ +
+ } + headerRight={status ? : undefined} + > + + + + + +
+ + + + + +
+ + + approval.searchUsers(q)} /> + + {!executors.loading && executors.rows.length > 0 && ( + approval.searchUsers(q)} + title="Исполнение" + roleLabel="Исполнитель" + emptyText="Исполнители не назначены." + /> + )} +
+ +
+ approval.searchUsers(q)} + onDecided={(newStatus) => { + setStatus(newStatus); + setDecisionSeq((n) => n + 1); + notifyActiveStep(context, approval, itemId, { + requestTypeId: TMC_TRANSFER_REQUEST_TYPE_ID, + dataListName: DATA_LIST_TITLE, + approvalListName: APPROVAL_LIST_TITLE + }).catch(() => undefined); + }} + onDelegated={() => { + setDecisionSeq((n) => n + 1); + notifyActiveStep(context, approval, itemId, { + requestTypeId: TMC_TRANSFER_REQUEST_TYPE_ID, + dataListName: DATA_LIST_TITLE, + approvalListName: APPROVAL_LIST_TITLE + }).catch(() => undefined); + }} + /> +
+
+ ); +}; + +export default TmcTransferView; diff --git a/src/webparts/requestPortal/forms/TmcTransfer/approval/provisioning.json b/src/webparts/requestPortal/forms/TmcTransfer/approval/provisioning.json new file mode 100644 index 0000000..2ad169b --- /dev/null +++ b/src/webparts/requestPortal/forms/TmcTransfer/approval/provisioning.json @@ -0,0 +1,14 @@ +{ + "dataListTitle": "СЗ на перемещение ТМЦ — согласование", + "columns": [ + { "internalName": "TansuSiteApprover", "title": "Согласующий", "type": "User", "userSelectionMode": "PeopleOnly" }, + { "internalName": "ApprovalStatus", "title": "Статус", "type": "Choice", "choices": ["Черновик", "Ждёт очереди", "На согласовании", "На исполнении", "Согласовано", "Выполнено", "Отклонено", "Возвращена на доработку"] }, + { "internalName": "Ticket", "title": "Заявка", "type": "Lookup", "lookupList": "СЗ на перемещение ТМЦ — данные", "lookupShowField": "Title" }, + { "internalName": "Date", "title": "Дата", "type": "DateTime" }, + { "internalName": "Comment", "title": "Комментарий", "type": "Note" }, + { "internalName": "StepOrder", "title": "Порядок", "type": "Number" }, + { "internalName": "AllowReassignToOtherApprovers", "title": "Можно перепоручать", "type": "Boolean" }, + { "internalName": "Phase", "title": "Фаза", "type": "Choice", "choices": ["Согласование", "Исполнение"] }, + { "internalName": "DelegatedBy", "title": "Кем переназначено", "type": "User", "userSelectionMode": "PeopleOnly" } + ] +} diff --git a/src/webparts/requestPortal/forms/TmcTransfer/load.ts b/src/webparts/requestPortal/forms/TmcTransfer/load.ts new file mode 100644 index 0000000..78131c6 --- /dev/null +++ b/src/webparts/requestPortal/forms/TmcTransfer/load.ts @@ -0,0 +1,74 @@ +import { getSP } from '../../shared/pnp/pnpjs'; +import { ILineItem } from '../../shared/ui'; +import { IFormData, EMPTY_DATA } from './model'; +import { DATA_LIST_TITLE } from './submit'; + +export interface ILoadedRequest { + data: IFormData; + status: string; + /** Уникальный код заявки; '' — если запись создана до появления поля. */ + code: string; +} + +/** Безопасный разбор ItemsJson в массив позиций (пустой массив при ошибке/пустом значении). */ +function parseItems(raw: unknown): ILineItem[] { + if (typeof raw !== 'string' || raw.trim() === '') return []; + try { + const parsed = JSON.parse(raw); + return Array.isArray(parsed) ? (parsed as ILineItem[]) : []; + } catch { + return []; + } +} + +/** Прочитать заявку «СЗ на перемещение ТМЦ» по id: модель формы + статус + код. */ +export async function loadTmcTransferRequest(itemId: number): Promise { + const item = (await getSP() + .web.lists.getByTitle(DATA_LIST_TITLE) + .items.getById(itemId) + .select( + 'Id', + 'Recipient', + 'RequesterEmail', + 'AuthorName', + 'Subject', + 'RequestDate', + 'SourceProject', + 'SourceProjectId', + 'SourceProjectManager', + 'TargetProject', + 'TargetProjectId', + 'Reason', + 'ContactPerson', + 'ContactPhone', + 'ItemsJson', + 'RequestStatus', + 'RequestUniqueCode' + )()) as Record; + + const requestDate = (item.RequestDate as string) || ''; + + const data: IFormData = { + ...EMPTY_DATA, + Recipient: (item.Recipient as string) || '', + RequesterEmail: (item.RequesterEmail as string) || '', + AuthorName: (item.AuthorName as string) || '', + Subject: (item.Subject as string) || '', + RequestDate: requestDate.slice(0, 10), // ISO → YYYY-MM-DD для input type=date + SourceProject: (item.SourceProject as string) || '', + SourceProjectId: (item.SourceProjectId as string) || '', + SourceProjectManager: (item.SourceProjectManager as string) || '', + TargetProject: (item.TargetProject as string) || '', + TargetProjectId: (item.TargetProjectId as string) || '', + Reason: (item.Reason as string) || '', + ContactPerson: (item.ContactPerson as string) || '', + ContactPhone: (item.ContactPhone as string) || '', + Items: parseItems(item.ItemsJson) + }; + + return { + data, + status: (item.RequestStatus as string) || '', + code: (item.RequestUniqueCode as string) || '' + }; +} diff --git a/src/webparts/requestPortal/forms/TmcTransfer/model.ts b/src/webparts/requestPortal/forms/TmcTransfer/model.ts new file mode 100644 index 0000000..af1bfd3 --- /dev/null +++ b/src/webparts/requestPortal/forms/TmcTransfer/model.ts @@ -0,0 +1,65 @@ +import { WebPartContext } from '@microsoft/sp-webpart-base'; +import { ILineItem } from '../../shared/ui'; + +/** + * Данные формы «Служебная записка на перемещение ТМЦ». + * Ключи шапки = internalName колонок SP-списка «СЗ на перемещение ТМЦ — данные». + * Табличная часть (Items) в SP не разворачивается в колонки, а сериализуется + * в JSON-колонку ItemsJson (см. submit.ts / load.ts). + */ +export interface IFormData { + // Шапка служебной записки + Recipient: string; // Кому (по умолч. «Директору Самаевой А.А.») + // NB: не «Author» — это зарезервированное системное имя колонки SP (Created By). + RequesterEmail: string; // От — email заявителя (текущий пользователь) + AuthorName: string; // От — Ф.И.О. заявителя (для печати) + Subject: string; // Тема (по умолч. «Перемещение ТМЦ») + RequestDate: string; // Дата (YYYY-MM-DD) + + // Проект-источник (откуда забираем) — выбор из справочника /Project + SourceProject: string; + SourceProjectId: string; // oid проекта ('' — если введён вручную) + /** Снимок email руководителя проекта-источника — для будущего маршрута согласования. */ + SourceProjectManager: string; + + // Проект-получатель (куда перемещаем) + TargetProject: string; + TargetProjectId: string; + + Reason: string; // Обоснование / вступительный текст + ContactPerson: string; // Исполнитель («Исп. …»), Ф.И.О. + ContactPhone: string; // Телефон исполнителя + + // Табличная часть — позиции ТМЦ (сериализуется в ItemsJson) + Items: ILineItem[]; +} + +/** Обновление одного поля формы с сохранением типа значения. */ +export type SetField = (key: K, value: IFormData[K]) => void; + +/** Пропсы каждой секции формы. */ +export interface ISectionProps { + data: IFormData; + set: SetField; + context: WebPartContext; +} + +export const DEFAULT_RECIPIENT = 'Директору Самаевой А.А.'; +export const DEFAULT_SUBJECT = 'Перемещение ТМЦ'; + +export const EMPTY_DATA: IFormData = { + Recipient: DEFAULT_RECIPIENT, + RequesterEmail: '', + AuthorName: '', + Subject: DEFAULT_SUBJECT, + RequestDate: '', + SourceProject: '', + SourceProjectId: '', + SourceProjectManager: '', + TargetProject: '', + TargetProjectId: '', + Reason: '', + ContactPerson: '', + ContactPhone: '', + Items: [] +}; diff --git a/src/webparts/requestPortal/forms/TmcTransfer/provisioning.json b/src/webparts/requestPortal/forms/TmcTransfer/provisioning.json new file mode 100644 index 0000000..f6ea1ce --- /dev/null +++ b/src/webparts/requestPortal/forms/TmcTransfer/provisioning.json @@ -0,0 +1,25 @@ +{ + "dataListTitle": "СЗ на перемещение ТМЦ — данные", + "columns": [ + { "internalName": "RequestUniqueCode", "title": "Уникальный код заявки", "type": "Text" }, + { "internalName": "RequestStatus", "title": "Статус", "type": "Choice", "choices": ["Черновик", "На согласовании", "Согласовано", "Отклонено", "Возвращена на доработку", "Выполнение", "Закрыта"] }, + + { "internalName": "Recipient", "title": "Кому", "type": "Text" }, + { "internalName": "RequesterEmail", "title": "От (email заявителя)", "type": "Text" }, + { "internalName": "AuthorName", "title": "От (Ф.И.О.)", "type": "Text" }, + { "internalName": "Subject", "title": "Тема", "type": "Text" }, + { "internalName": "RequestDate", "title": "Дата", "type": "DateTime", "dateOnly": true }, + + { "internalName": "SourceProject", "title": "Проект-источник (откуда)", "type": "Text", "required": true }, + { "internalName": "SourceProjectId", "title": "Id проекта-источника", "type": "Text" }, + { "internalName": "SourceProjectManager", "title": "Руководитель проекта-источника (email)", "type": "Text" }, + { "internalName": "TargetProject", "title": "Проект-получатель (куда)", "type": "Text", "required": true }, + { "internalName": "TargetProjectId", "title": "Id проекта-получателя", "type": "Text" }, + + { "internalName": "Reason", "title": "Обоснование / текст", "type": "Note" }, + { "internalName": "ContactPerson", "title": "Исполнитель (Ф.И.О.)", "type": "Text" }, + { "internalName": "ContactPhone", "title": "Телефон исполнителя", "type": "Text" }, + + { "internalName": "ItemsJson", "title": "Позиции ТМЦ (JSON)", "type": "Note" } + ] +} diff --git a/src/webparts/requestPortal/forms/TmcTransfer/sections/HeaderSection.tsx b/src/webparts/requestPortal/forms/TmcTransfer/sections/HeaderSection.tsx new file mode 100644 index 0000000..049ccd7 --- /dev/null +++ b/src/webparts/requestPortal/forms/TmcTransfer/sections/HeaderSection.tsx @@ -0,0 +1,52 @@ +import * as React from 'react'; +import { FormGrid, FormField, TextInput, TextArea } from '../../../shared/ui'; +import { ProjectPicker } from '../../../shared/dictionary'; +import { ISectionProps } from '../model'; + +/** + * Шапка служебной записки: заявитель, проекты «откуда → куда», дата, обоснование. + * «Кому» и «Тема» — константы служебки (пишутся из модели по умолчанию), в форме не показываются. + */ +export const HeaderSection: React.FC = ({ data, set, context }) => ( + + + { + set('SourceProject', name); + set('SourceProjectId', id); + // Снимок руководителя проекта-источника — пригодится для маршрута согласования. + set('SourceProjectManager', project ? project.projectManager || '' : ''); + }} + /> + + + { + set('TargetProject', name); + set('TargetProjectId', id); + }} + /> + + + + set('RequestDate', v)} /> + + + +