feat: добавил поле организация во все заявки, а также расширил компонет выбора даты для ui-kit
This commit is contained in:
@@ -25,14 +25,16 @@ import {
|
||||
unassignedStepMessage
|
||||
} from '../../shared/approval';
|
||||
import { IRequestFormProps } from '../../models/types';
|
||||
import { getEmployeeOrganizations, formatEmployeeOrganizations } from '../../shared/dictionary';
|
||||
import { friendlyErrorMessage } from '../../shared/diagnostics';
|
||||
import { isoDatePlusDays, formatIsoDate } from '../../shared/dateUtils';
|
||||
import {
|
||||
approvalListTitle,
|
||||
approvalListTitleForListId,
|
||||
dataListTitle,
|
||||
dataListTitleForListId
|
||||
} from '../../shared/listTitles';
|
||||
import { FORM_ID, IFormData, EMPTY_DATA, SetField } from './model';
|
||||
import { FORM_ID, IFormData, EMPTY_DATA, SetField, MIN_NOTICE_DAYS } from './model';
|
||||
import { saveVacationRequest, vacationApprovalService } from './submit';
|
||||
import { loadVacationRequest } from './load';
|
||||
import { RequestSection } from './sections/RequestSection';
|
||||
@@ -88,7 +90,10 @@ const VacationForm: React.FC<IRequestFormProps> = ({
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [editId, editListId]);
|
||||
|
||||
// Новая заявка — по умолчанию на себя: подставляем текущего пользователя и его должность.
|
||||
// Новая заявка — по умолчанию на себя: подставляем текущего пользователя,
|
||||
// его должность и организации (Employee/ByEmail — см. shared/dictionary/
|
||||
// employeeOrganizations.service.ts; сотрудник может состоять сразу в
|
||||
// нескольких организациях, должность берём из ПЕРВОЙ записи).
|
||||
useEffect(() => {
|
||||
if (editId) {
|
||||
return;
|
||||
@@ -96,12 +101,14 @@ const VacationForm: React.FC<IRequestFormProps> = ({
|
||||
let alive = true;
|
||||
const user = context.pageContext.user;
|
||||
setData((prev) => ({ ...prev, Employee: prev.Employee || user.email }));
|
||||
approval
|
||||
.getJobTitle(user.loginName)
|
||||
.then((title) => {
|
||||
if (alive && title) {
|
||||
setData((prev) => ({ ...prev, Position: prev.Position || title }));
|
||||
}
|
||||
getEmployeeOrganizations(context, user.email)
|
||||
.then((records) => {
|
||||
if (!alive) return;
|
||||
setData((prev) => ({
|
||||
...prev,
|
||||
Position: prev.Position || records[0]?.position || prev.Position,
|
||||
Organization: formatEmployeeOrganizations(records)
|
||||
}));
|
||||
})
|
||||
.catch(() => undefined);
|
||||
return () => {
|
||||
@@ -110,15 +117,22 @@ const VacationForm: React.FC<IRequestFormProps> = ({
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [editId]);
|
||||
|
||||
// Выбор другого сотрудника подтягивает его должность (как в исходной pto-tracker).
|
||||
// Выбор другого сотрудника подтягивает его должность и организации (как в
|
||||
// исходной pto-tracker, но источник — Employee/ByEmail вместо SPS-JobTitle).
|
||||
const handleEmployeeChange = (login: string): void => {
|
||||
setData((prev) => ({ ...prev, Employee: login }));
|
||||
if (!login) {
|
||||
setData((prev) => ({ ...prev, Organization: '' }));
|
||||
return;
|
||||
}
|
||||
approval
|
||||
.getJobTitle(login)
|
||||
.then((title) => setData((prev) => ({ ...prev, Position: title || prev.Position })))
|
||||
getEmployeeOrganizations(context, login)
|
||||
.then((records) =>
|
||||
setData((prev) => ({
|
||||
...prev,
|
||||
Position: records[0]?.position || prev.Position,
|
||||
Organization: formatEmployeeOrganizations(records)
|
||||
}))
|
||||
)
|
||||
.catch(() => undefined);
|
||||
};
|
||||
|
||||
@@ -141,14 +155,23 @@ const VacationForm: React.FC<IRequestFormProps> = ({
|
||||
);
|
||||
|
||||
const daysNum = Number(data.DaysCount);
|
||||
// Заявку нужно подавать не позднее чем за MIN_NOTICE_DAYS дней до даты начала
|
||||
// отпуска — календарь (min у input type=date, см. RequestSection) не даёт
|
||||
// выбрать более раннюю дату, но проверяем и здесь на случай обхода UI.
|
||||
const minStartDate = isoDatePlusDays(MIN_NOTICE_DAYS);
|
||||
const isStartDateValid = !data.StartDate || data.StartDate >= minStartDate;
|
||||
const isValid = !!(
|
||||
data.Employee &&
|
||||
data.Position.trim() &&
|
||||
data.StartDate &&
|
||||
isStartDateValid &&
|
||||
Number.isFinite(daysNum) &&
|
||||
daysNum > 0
|
||||
);
|
||||
const validate = (): string | undefined => {
|
||||
if (data.StartDate && !isStartDateValid) {
|
||||
return `Заявку на отпуск нужно подать не позднее чем за ${MIN_NOTICE_DAYS} дней до даты начала — минимально доступная дата: ${formatIsoDate(minStartDate)}.`;
|
||||
}
|
||||
if (!isValid) return 'Заполните обязательные поля: сотрудник, должность, дата начала, количество дней (> 0).';
|
||||
if (requestTypeIdState.error) return `Не удалось определить тип заявки: ${requestTypeIdState.error}`;
|
||||
if (!requestTypeId) return 'Тип заявки ещё определяется — подождите немного и повторите.';
|
||||
|
||||
@@ -120,7 +120,7 @@ const VacationView: React.FC<IVacationViewProps> = ({ context, itemId, formKey,
|
||||
|
||||
<div className="rp-print-root">
|
||||
<FormCard
|
||||
title="Заявка на отпуск"
|
||||
title="Заявка на трудовой отпуск"
|
||||
subtitle={`№${code || itemId}`}
|
||||
belowSubtitle={
|
||||
<InitiatorLine
|
||||
|
||||
@@ -28,14 +28,17 @@ export async function loadVacationRequest(itemId: number, listId?: string): Prom
|
||||
'Position',
|
||||
'StartDate',
|
||||
'DaysCount',
|
||||
'Organization',
|
||||
'RequestStatus',
|
||||
'RequestUniqueCode',
|
||||
'Employee/Title',
|
||||
'Employee/EMail'
|
||||
'Employee/EMail',
|
||||
'Substitute/EMail'
|
||||
)
|
||||
.expand('Employee')()) as Record<string, unknown>;
|
||||
.expand('Employee', 'Substitute')()) as Record<string, unknown>;
|
||||
|
||||
const employee = item.Employee as { Title?: string; EMail?: string } | undefined;
|
||||
const substitute = item.Substitute as { EMail?: string } | undefined;
|
||||
const start = (item.StartDate as string) || '';
|
||||
const days = item.DaysCount;
|
||||
|
||||
@@ -44,7 +47,9 @@ export async function loadVacationRequest(itemId: number, listId?: string): Prom
|
||||
Employee: employee?.EMail || '',
|
||||
Position: (item.Position as string) || '',
|
||||
StartDate: start.slice(0, 10), // ISO → YYYY-MM-DD для input type=date
|
||||
DaysCount: days === null || days === undefined ? '' : String(days)
|
||||
DaysCount: days === null || days === undefined ? '' : String(days),
|
||||
Substitute: substitute?.EMail || '',
|
||||
Organization: (item.Organization as string) || ''
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
@@ -22,6 +22,16 @@ export interface IFormData {
|
||||
StartDate: string;
|
||||
/** Строка из input type=number; при записи → number. */
|
||||
DaysCount: string;
|
||||
/** E-mail замещающего на время отсутствия (People). Пусто = не выбран. */
|
||||
Substitute: string;
|
||||
/**
|
||||
* Организации сотрудника (`\n`-joined «Компания — должность» на строку) —
|
||||
* подтягивается автоматически из Employee/ByEmail (см.
|
||||
* shared/dictionary/employeeOrganizations.service.ts) при выборе Employee,
|
||||
* read-only (см. shared/ui/OrganizationField). Сотрудник может состоять
|
||||
* сразу в нескольких организациях — тогда строк несколько.
|
||||
*/
|
||||
Organization: string;
|
||||
}
|
||||
|
||||
/** Обновление одного поля формы с сохранением типа значения. */
|
||||
@@ -43,8 +53,14 @@ export const EMPTY_DATA: IFormData = {
|
||||
Employee: '',
|
||||
Position: '',
|
||||
StartDate: '',
|
||||
DaysCount: ''
|
||||
DaysCount: '',
|
||||
Substitute: '',
|
||||
Organization: ''
|
||||
};
|
||||
|
||||
/** Плейсхолдер для поля выбора сотрудника. */
|
||||
export const EMPLOYEE_PLACEHOLDER = 'Начните вводить Ф.И.О. сотрудника…';
|
||||
/** Заявку нужно подавать не позднее чем за столько дней до даты начала отпуска. */
|
||||
export const MIN_NOTICE_DAYS = 14;
|
||||
/** Плейсхолдер для поля выбора замещающего. */
|
||||
export const SUBSTITUTE_PLACEHOLDER = 'Начните вводить Ф.И.О. замещающего…';
|
||||
|
||||
@@ -8,6 +8,8 @@
|
||||
{ "internalName": "Position", "title": "Должность", "type": "Text" },
|
||||
{ "internalName": "StartDate", "title": "Дата начала", "type": "DateTime", "dateOnly": true },
|
||||
{ "internalName": "EndDate", "title": "Дата окончания", "type": "DateTime", "dateOnly": true },
|
||||
{ "internalName": "DaysCount", "title": "Количество дней", "type": "Number" }
|
||||
{ "internalName": "DaysCount", "title": "Количество дней", "type": "Number" },
|
||||
{ "internalName": "Substitute", "title": "Лицо, замещающее на время отсутствия", "type": "User", "userSelectionMode": "PeopleOnly" },
|
||||
{ "internalName": "Organization", "title": "Организация", "type": "Note" }
|
||||
]
|
||||
}
|
||||
|
||||
@@ -1,10 +1,11 @@
|
||||
import * as React from 'react';
|
||||
import { CollapseSection, FormField, TextInput, PeopleField } from '../../../shared/ui';
|
||||
import { ISectionProps, EMPLOYEE_PLACEHOLDER } from '../model';
|
||||
import { CollapseSection, FormField, TextInput, PeopleField, OrganizationField } from '../../../shared/ui';
|
||||
import { ISectionProps, EMPLOYEE_PLACEHOLDER, SUBSTITUTE_PLACEHOLDER, MIN_NOTICE_DAYS } from '../model';
|
||||
import { isoDatePlusDays } from '../../../shared/dateUtils';
|
||||
|
||||
/** Единственная секция формы «Заявка на отпуск»: сотрудник, должность, даты. */
|
||||
export const RequestSection: React.FC<ISectionProps> = ({ data, set, context, onEmployeeChange }) => (
|
||||
<CollapseSection title="Заявка на отпуск" icon="people">
|
||||
<CollapseSection title="Заявка на трудовой отпуск" icon="people">
|
||||
<FormField label="Сотрудник" htmlFor="Employee" required full>
|
||||
<PeopleField
|
||||
context={context}
|
||||
@@ -16,11 +17,26 @@ export const RequestSection: React.FC<ISectionProps> = ({ data, set, context, on
|
||||
<FormField label="Должность" htmlFor="Position" required>
|
||||
<TextInput id="Position" value={data.Position} onChange={(v) => set('Position', v)} />
|
||||
</FormField>
|
||||
<OrganizationField value={data.Organization} />
|
||||
<FormField label="Дата начала" htmlFor="StartDate" required>
|
||||
<TextInput id="StartDate" type="date" value={data.StartDate} onChange={(v) => set('StartDate', v)} />
|
||||
<TextInput
|
||||
id="StartDate"
|
||||
type="date"
|
||||
value={data.StartDate}
|
||||
onChange={(v) => set('StartDate', v)}
|
||||
min={isoDatePlusDays(MIN_NOTICE_DAYS)}
|
||||
/>
|
||||
</FormField>
|
||||
<FormField label="Количество дней" htmlFor="DaysCount" required>
|
||||
<TextInput id="DaysCount" type="number" value={data.DaysCount} onChange={(v) => set('DaysCount', v)} />
|
||||
</FormField>
|
||||
<FormField label="Лицо, замещающее на время отсутствия" htmlFor="Substitute" full>
|
||||
<PeopleField
|
||||
context={context}
|
||||
value={data.Substitute}
|
||||
onChange={(v) => set('Substitute', v)}
|
||||
placeholder={SUBSTITUTE_PLACEHOLDER}
|
||||
/>
|
||||
</FormField>
|
||||
</CollapseSection>
|
||||
);
|
||||
|
||||
@@ -29,8 +29,14 @@ function buildTitle(employeeName: string): string {
|
||||
return `Отпуск — ${employeeName} — ${pad2(now.getDate())}.${pad2(now.getMonth() + 1)}.${now.getFullYear()}`;
|
||||
}
|
||||
|
||||
/** Поля элемента списка данных из модели формы (+ Employee по Id, + вычисленная EndDate). */
|
||||
function buildItem(data: IFormData, status: string, employeeId: number, employeeName: string): Record<string, unknown> {
|
||||
/** Поля элемента списка данных из модели формы (+ Employee/Substitute по Id, + вычисленная EndDate). */
|
||||
function buildItem(
|
||||
data: IFormData,
|
||||
status: string,
|
||||
employeeId: number,
|
||||
employeeName: string,
|
||||
substituteId: number | undefined
|
||||
): Record<string, unknown> {
|
||||
const days = Number(data.DaysCount);
|
||||
return {
|
||||
Title: buildTitle(employeeName),
|
||||
@@ -39,7 +45,9 @@ function buildItem(data: IFormData, status: string, employeeId: number, employee
|
||||
Position: data.Position || null,
|
||||
StartDate: data.StartDate || null,
|
||||
DaysCount: Number.isFinite(days) && days > 0 ? days : null,
|
||||
EndDate: computeEndDate(data.StartDate, days) || null
|
||||
EndDate: computeEndDate(data.StartDate, days) || null,
|
||||
SubstituteId: substituteId ?? null,
|
||||
Organization: data.Organization || null
|
||||
};
|
||||
}
|
||||
|
||||
@@ -68,7 +76,9 @@ export async function saveVacationRequest(
|
||||
listId?: string
|
||||
): Promise<ISaveResult> {
|
||||
const employee = await ensureEmployee(data.Employee);
|
||||
const item = buildItem(data, status, employee.Id, employee.Title || data.Employee);
|
||||
// Замещающий необязателен: резолвим только если выбран.
|
||||
const substituteId = data.Substitute ? (await ensureEmployee(data.Substitute)).Id : undefined;
|
||||
const item = buildItem(data, status, employee.Id, employee.Title || data.Employee, substituteId);
|
||||
|
||||
const result = await saveRequestItem(FORM_ID, existingId, listId, requestTypeId, item);
|
||||
await writeRoute(vacationApprovalService(listId), result.id, approvers, [], status);
|
||||
|
||||
Reference in New Issue
Block a user