feat: feat: брендированная печать, поле «Подразделение» и подача ТМЦ за другого

- Печать доступна только после согласования (Отдел рекрутинга); выбор
  организации и логотип-шапка для форм с несколькими юрлицами
- «СЗ на перемещение ТМЦ»: заявителя можно выбрать (подача за другого),
  маршрут резолвится на выбранного
- «Реферальная рекомендация»: организация вакансии (мультивыбор) и
  подразделение/проект вакансии
- Поле «Подразделение» (справочник) — Vacation, UnpaidLeave, Clearance,
  WorkplaceSetup, RecruitingHire, RecruitingSelection, TmcTransfer
- Поле «Проект» — Vacation, UnpaidLeave, Clearance

src/webparts/requestPortal/forms/Clearance/ClearanceView.module.scss

@@ -9,7 +9,10 @@
 
 .toolbar {
   display: flex;
+  flex-wrap: wrap;
+  align-items: center;
   justify-content: flex-end;
+  gap: $sp-3;
   margin-bottom: $sp-4;
 }
 

src/webparts/requestPortal/forms/Clearance/ClearanceView.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 './ClearanceView.module.scss';
-import { Alert, Button, FormCard, InitiatorLine, FormModeProvider, PrintButton } from '../../shared/ui';
+import { Alert, Button, FormCard, InitiatorLine, FormModeProvider, PrintButton, PrintOrgSelect, OrgLetterhead } from '../../shared/ui';
 import {
   ApproverService,
   DecisionPanel,
@@ -53,6 +53,9 @@ const ClearanceView: React.FC<IClearanceViewProps> = ({ context, itemId, formKey
   const [hrRecordsEditable, setHrRecordsEditable] = useState<boolean>(false);
   const [parkingEditable, setParkingEditable] = useState<boolean>(false);
   const [saveState, setSaveState] = useState<SaveState>('idle');
+  // Какая из организаций сотрудника (см. OrganizationField) идёт в печать —
+  // выбор в тулбаре через PrintOrgSelect, по умолчанию первая.
+  const [printOrgIndex, setPrintOrgIndex] = useState<number>(0);
 
   const set: SetField = (key, value) => setData((prev) => ({ ...prev, [key]: value }));
 
@@ -176,7 +179,7 @@ const ClearanceView: React.FC<IClearanceViewProps> = ({ context, itemId, formKey
   }
 
   const canEditAnything = hrRecordsEditable || parkingEditable;
-  const sectionProps = { data, set, context, hrRecordsEditable, parkingEditable };
+  const sectionProps = { data, set, context, hrRecordsEditable, parkingEditable, printOrgIndex };
 
   const notify = (): void => {
     // requestTypeId ещё не резолвился — решение уже применилось (строка списка
@@ -193,6 +196,7 @@ const ClearanceView: React.FC<IClearanceViewProps> = ({ context, itemId, formKey
   return (
     <div>
       <div className={`${styles.toolbar} rp-no-print`}>
+        <PrintOrgSelect value={data.Organization} selectedIndex={printOrgIndex} onChange={setPrintOrgIndex} />
         <PrintButton />
       </div>
 
@@ -212,6 +216,7 @@ const ClearanceView: React.FC<IClearanceViewProps> = ({ context, itemId, formKey
       )}
 
       <div className="rp-print-root">
+        <OrgLetterhead value={data.Organization} selectedIndex={printOrgIndex} />
         <FormCard
           title="Обходной лист"
           subtitle={`№${code || itemId}`}

src/webparts/requestPortal/forms/Clearance/load.ts

@@ -32,6 +32,8 @@ export async function loadClearanceRequest(itemId: number, listId?: string): Pro
       'AccessCard',
       'TrainingAmount',
       'Organization',
+      'Project',
+      'ProjectId',
       'RequestStatus',
       'RequestUniqueCode',
       'Employee/Title',
@@ -52,7 +54,9 @@ export async function loadClearanceRequest(itemId: number, listId?: string): Pro
     ParkingCard: !!item.ParkingCard,
     AccessCard: !!item.AccessCard,
     TrainingAmount: amount === null || amount === undefined ? '' : String(amount),
-    Organization: (item.Organization as string) || ''
+    Organization: (item.Organization as string) || '',
+    Project: (item.Project as string) || '',
+    ProjectId: (item.ProjectId as string) || ''
   };
 
   return {

src/webparts/requestPortal/forms/Clearance/model.ts

@@ -31,6 +31,10 @@ export interface IFormData {
    * read-only (см. shared/ui/OrganizationField).
    */
   Organization: string;
+  /** Проект (справочник /Project, см. shared/dictionary/ProjectPicker) — необязательное, справочное. */
+  Project: string;
+  /** oid проекта ('' — если введён вручную без выбора из списка). */
+  ProjectId: string;
 }
 
 /** Обновление одного поля формы с сохранением типа значения. */
@@ -46,6 +50,8 @@ export interface ISectionProps {
    * отдельный обработчик. Если не передан (режим чтения) — правка через set.
    */
   onEmployeeChange?: (login: string) => void;
+  /** Индекс организации для печати (см. shared/ui/PrintOrgSelect и OrganizationField.printIndex). */
+  printOrgIndex?: number;
 }
 
 export const EMPTY_DATA: IFormData = {
@@ -56,7 +62,9 @@ export const EMPTY_DATA: IFormData = {
   ParkingCard: false,
   AccessCard: false,
   TrainingAmount: '',
-  Organization: ''
+  Organization: '',
+  Project: '',
+  ProjectId: ''
 };
 
 /** Плейсхолдер для поля выбора сотрудника. */

src/webparts/requestPortal/forms/Clearance/provisioning.json

@@ -12,6 +12,8 @@
     { "internalName": "ParkingCard", "title": "Парковочная карта", "type": "Boolean" },
     { "internalName": "AccessCard", "title": "Карта СКУД", "type": "Boolean" },
     { "internalName": "TrainingAmount", "title": "Обучение: сумма", "type": "Number", "decimals": 2 },
-    { "internalName": "Organization", "title": "Организация", "type": "Note" }
+    { "internalName": "Organization", "title": "Организация", "type": "Note" },
+    { "internalName": "Project", "title": "Проект", "type": "Text" },
+    { "internalName": "ProjectId", "title": "Id проекта (справочник)", "type": "Text" }
   ]
 }

src/webparts/requestPortal/forms/Clearance/sections/RequestSection.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { CollapseSection, FormField, TextInput, MoneyInput, Toggle, PeopleField, OrganizationField } from '../../../shared/ui';
+import { ProjectPicker } from '../../../shared/dictionary';
 import { ISectionProps, EMPLOYEE_PLACEHOLDER } from '../model';
 
 // Подразделение подтягивается автоматически при выборе сотрудника (см.
@@ -21,7 +22,8 @@ export const RequestSection: React.FC<IRequestSectionProps> = ({
   context,
   onEmployeeChange,
   hrRecordsEditable,
-  parkingEditable
+  parkingEditable,
+  printOrgIndex
 }) => (
   <CollapseSection title="Обходной лист" icon="people">
     <FormField label="Сотрудник" htmlFor="Employee" required full>
@@ -54,7 +56,19 @@ export const RequestSection: React.FC<IRequestSectionProps> = ({
         placeholder="Подставится автоматически по выбранному сотруднику"
       />
     </FormField>
-    <OrganizationField value={data.Organization} />
+    <OrganizationField value={data.Organization} printIndex={printOrgIndex} />
+    <FormField label="Проект" htmlFor="Project">
+      <ProjectPicker
+        id="Project"
+        context={context}
+        value={data.Project}
+        onChange={(name, id) => {
+          set('Project', name);
+          set('ProjectId', id);
+        }}
+        placeholder="Начните вводить название или код проекта…"
+      />
+    </FormField>
     <FormField label="Дата расторжения договора" htmlFor="TerminationDate" required>
       <TextInput
         id="TerminationDate"

src/webparts/requestPortal/forms/Clearance/submit.ts

@@ -68,7 +68,9 @@ function buildItem(data: IFormData, status: string, employeeId: number, employee
     ParkingCard: data.ParkingCard,
     AccessCard: data.AccessCard,
     TrainingAmount: Number.isFinite(amount) && data.TrainingAmount.trim() !== '' ? amount : null,
-    Organization: data.Organization || null
+    Organization: data.Organization || null,
+    Project: data.Project || null,
+    ProjectId: data.ProjectId || null
   };
 }