diff --git a/src/webparts/requestPortal/shared/ui/OrganizationField/OrganizationField.module.scss b/src/webparts/requestPortal/shared/ui/OrganizationField/OrganizationField.module.scss index 95938a0..d072838 100644 --- a/src/webparts/requestPortal/shared/ui/OrganizationField/OrganizationField.module.scss +++ b/src/webparts/requestPortal/shared/ui/OrganizationField/OrganizationField.module.scss @@ -20,6 +20,11 @@ color: $gray-700; } +// Блок таблицы на всю ширину сетки формы (без FormField — его подпись дублировала бы заголовок колонки). +.tableWrap { + grid-column: 1 / -1; +} + // Таблица организаций: те же цвета, что у .line — «подставлено автоматически». .table { width: 100%; diff --git a/src/webparts/requestPortal/shared/ui/OrganizationField/OrganizationTable.tsx b/src/webparts/requestPortal/shared/ui/OrganizationField/OrganizationTable.tsx index 8b6473e..56cba86 100644 --- a/src/webparts/requestPortal/shared/ui/OrganizationField/OrganizationTable.tsx +++ b/src/webparts/requestPortal/shared/ui/OrganizationField/OrganizationTable.tsx @@ -1,12 +1,10 @@ import * as React from 'react'; import styles from './OrganizationField.module.scss'; -import { FormField } from '@tnsu/ui-kit'; import { parseOrganizationLine } from '../../dictionary/organizationLines'; interface IOrganizationTableProps { /** `\n`-joined «Компания — должность — подразделение» на организацию (см. formatEmployeeOrganizationsWithDepartment). */ value: string; - label?: string; /** Индекс строки, остающейся в печати (см. OrganizationField.printIndex); остальные — `rp-no-print`. */ printIndex?: number; } @@ -14,14 +12,15 @@ interface IOrganizationTableProps { /** * Организации сотрудника таблицей «Организация · Должность · Подразделение» — * read-only, подтягивается из Employee/ByEmail. На каждую организацию своё - * подразделение (сотрудник может состоять в нескольких). Нет данных — ничего не рендерим. + * подразделение (сотрудник может состоять в нескольких). Без внешней подписи: её роль + * играет заголовок колонки «Организация». Нет данных — ничего не рендерим. */ -export const OrganizationTable: React.FC = ({ value, label = 'Организация', printIndex }) => { +export const OrganizationTable: React.FC = ({ value, printIndex }) => { const rows = value ? value.split('\n').map(parseOrganizationLine) : []; if (rows.length === 0) return null; return ( - +
@@ -40,6 +39,6 @@ export const OrganizationTable: React.FC = ({ value, la ))}
- +
); };