From e9b0df48228b5772b66c6d30d4679f27743e5b31 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?=
 <gorodetskiy.timur@tnsu.kz>
Date: Fri, 25 Sep 2026 14:37:42 +0500
Subject: [PATCH] =?UTF-8?q?feat:=20=D0=B2=D0=B0=D1=80=D0=B8=D0=B0=D0=BD?=
 =?UTF-8?q?=D1=82=D1=8B=20=D0=BF=D0=BE=D0=BB=D0=B5=D0=B9=20=D0=B7=D0=B0?=
 =?UTF-8?q?=D1=8F=D0=B2=D0=BA=D0=B8=201=D0=A1=20=D0=B8=D0=B7=20=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=BB=D0=BE=D0=BD=D0=BE=D0=BA=20SP=20+=20=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=B4=20=D1=80=D0=B0=D0=B1=D0=BE=D1=82=20=C2=AB=D0=9C=D0=B0?=
 =?UTF-8?q?=D1=80=D1=88=D1=80=D1=83=D1=82=D1=8B=20=D0=B2=20=D0=94=D0=9E?=
 =?UTF-8?q?=C2=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

«Виды работ», «Организация» и «База 1С» теперь читаются из колонок списка
(общий хук shared/fieldChoices), а не из констант: новый пункт добавляется
в параметрах столбца без правки кода и деплоя. Пилот — на форме 1С, при
успехе переводим остальные формы. В стартовые варианты provisioning.json
добавлен «Маршруты в ДО».

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 .../requestPortal/forms/Ticket1C/config.ts    |  48 ++-----
 .../forms/Ticket1C/provisioning.json          |   3 +-
 .../Ticket1C/sections/RequestSection.tsx      | 120 +++++++++++-------
 .../fieldChoices/fieldChoices.service.ts      |  40 ++++++
 .../shared/fieldChoices/index.ts              |   3 +
 .../shared/fieldChoices/useFieldChoices.ts    |  36 ++++++
 6 files changed, 162 insertions(+), 88 deletions(-)
 create mode 100644 src/webparts/requestPortal/shared/fieldChoices/fieldChoices.service.ts
 create mode 100644 src/webparts/requestPortal/shared/fieldChoices/index.ts
 create mode 100644 src/webparts/requestPortal/shared/fieldChoices/useFieldChoices.ts

diff --git a/src/webparts/requestPortal/forms/Ticket1C/config.ts b/src/webparts/requestPortal/forms/Ticket1C/config.ts
index 986d05b..534356c 100644
--- a/src/webparts/requestPortal/forms/Ticket1C/config.ts
+++ b/src/webparts/requestPortal/forms/Ticket1C/config.ts
@@ -1,45 +1,15 @@
-// Варианты Choice-полей — см. forms/Ticket1C/provisioning.json (единый источник правды).
-
-export const WORK_TYPE_OPTIONS: string[] = [
-  'Создание пользователя в 1С',
-  'Расширение прав доступа / предоставление доступа к документам других пользователей',
-  'Открытие даты запрета',
-  'Прочее',
-  'Не работает 1С',
-  'Блокировка пользователя',
-];
-
-export const ORGANIZATION_OPTIONS: string[] = [
-  'AFL Engineering',
-  'CL MANAGEMENT',
-  'KazPromService',
-  'QAZGEOMAX',
-  'TANSU Construction',
-  'АСТЕЛ-К',
-  'ГеоТрек',
-  'Монтажник-Т',
-  'ОСН Беркут',
-  'CT Global',
-];
-
-export const DB1C_OPTIONS: string[] = [
-  '1С: Зарплата и управление персоналом (ЗУП)',
-  '1С: Документооборот (ДО)',
-  '1С: Автотранспортное предприятие (АТП)',
-  '1С: БСО TANSU Construction',
-  '1С: Бухгалтерия AFL Engineering',
-  '1С: Бухгалтерия CL MANAGEMENT',
-  '1С: Бухгалтерия KazPromService',
-  '1С: Бухгалтерия QAZGEOMAX',
-  '1С: Бухгалтерия АСТЕЛ-К',
-  '1С: Бухгалтерия ГеоТрек',
-  '1С: Бухгалтерия Монтажник-Т',
-  '1С: Бухгалтерия ОСН Беркут',
-  '1С: Бухгалтерия CT Global',
-];
+// Варианты «Видов работ», «Организации» и «Базы 1С» в коде не хранятся — форма
+// читает их из колонок списка SP (см. shared/fieldChoices). Чтобы добавить пункт,
+// допишите его в параметрах столбца списка. Варианты в provisioning.json —
+// только стартовые, для создания списка с нуля.
 
 export const QUESTION_MAX = 1000;
 
+// Пользовательские тексты состояний загрузки вариантов полей.
+export const CHOICES_LOADING_PLACEHOLDER = 'Загрузка вариантов…';
+export const CHOICES_EMPTY_PLACEHOLDER = 'Нет вариантов — обратитесь к администратору';
+export const CHOICES_ERROR_PREFIX = 'Не удалось загрузить варианты полей';
+
 // Значения из property pane старой web part (см. живую страницу SharePoint).
 export const PLANNER_PLAN_ID = '168WqDV8CEKkW3cL6olCRZgACwYa';
 export const PLANNER_BUCKET_NAME = 'Входящие неотсортированные';
diff --git a/src/webparts/requestPortal/forms/Ticket1C/provisioning.json b/src/webparts/requestPortal/forms/Ticket1C/provisioning.json
index 26f9524..936392c 100644
--- a/src/webparts/requestPortal/forms/Ticket1C/provisioning.json
+++ b/src/webparts/requestPortal/forms/Ticket1C/provisioning.json
@@ -11,7 +11,8 @@
       "Открытие даты запрета",
       "Прочее",
       "Не работает 1С",
-      "Блокировка пользователя"
+      "Блокировка пользователя",
+      "Маршруты в ДО"
     ] },
     { "internalName": "Organization", "title": "Организация", "type": "Choice", "required": true, "choices": [
       "AFL Engineering",
diff --git a/src/webparts/requestPortal/forms/Ticket1C/sections/RequestSection.tsx b/src/webparts/requestPortal/forms/Ticket1C/sections/RequestSection.tsx
index db82bd5..bd5f117 100644
--- a/src/webparts/requestPortal/forms/Ticket1C/sections/RequestSection.tsx
+++ b/src/webparts/requestPortal/forms/Ticket1C/sections/RequestSection.tsx
@@ -1,52 +1,76 @@
 import * as React from 'react';
-import { CollapseSection, FormField, MultiChoiceField, Select, TextArea, TextInput, ISelectOption } from '../../../shared/ui';
-import { ISectionProps } from '../model';
-import { WORK_TYPE_OPTIONS, ORGANIZATION_OPTIONS, DB1C_OPTIONS, QUESTION_MAX } from '../config';
+import { Alert, CollapseSection, FormField, MultiChoiceField, Select, TextArea, TextInput, ISelectOption } from '../../../shared/ui';
+import { useFieldChoices, IFieldChoicesState } from '../../../shared/fieldChoices';
+import { dataListTitle } from '../../../shared/listTitles';
+import { FORM_ID, ISectionProps } from '../model';
+import {
+  QUESTION_MAX,
+  CHOICES_LOADING_PLACEHOLDER,
+  CHOICES_EMPTY_PLACEHOLDER,
+  CHOICES_ERROR_PREFIX
+} from '../config';
 
-const toOptions = (values: string[]): ISelectOption[] => values.map((v) => ({ value: v, label: v }));
+function choicesPlaceholder(state: IFieldChoicesState, readyText: string): string {
+  if (state.isLoading) return CHOICES_LOADING_PLACEHOLDER;
+  if (state.options.length === 0) return CHOICES_EMPTY_PLACEHOLDER;
+  return readyText;
+}
 
-const WORK_TYPE_SELECT_OPTIONS = toOptions(WORK_TYPE_OPTIONS);
-const ORGANIZATION_SELECT_OPTIONS = toOptions(ORGANIZATION_OPTIONS);
-const DB1C_SELECT_OPTIONS = toOptions(DB1C_OPTIONS);
+// Сохранённое значение могли убрать из вариантов колонки — без этого Select
+// показал бы пустое поле, и заявитель не увидел бы, что было выбрано.
+function withCurrentValue(options: ISelectOption[], value: string): ISelectOption[] {
+  if (!value || options.some((o) => o.value === value)) return options;
+  return [{ value, label: value }, ...options];
+}
 
-export const RequestSection: React.FC<ISectionProps> = ({ data, set }) => (
-  <CollapseSection title="Заявка" icon="clipboard">
-    <FormField label="Наименование задачи" htmlFor="TaskName" required full>
-      <TextInput id="TaskName" value={data.TaskName} onChange={(v) => set('TaskName', v)} />
-    </FormField>
-    <FormField label="Виды работ" htmlFor="WorkType" required>
-      <Select
-        id="WorkType"
-        value={data.WorkType}
-        onChange={(v) => set('WorkType', v)}
-        options={WORK_TYPE_SELECT_OPTIONS}
-        placeholder="— выберите —"
-      />
-    </FormField>
-    <FormField label="Организация" htmlFor="Organization" required>
-      <Select
-        id="Organization"
-        value={data.Organization}
-        onChange={(v) => set('Organization', v)}
-        options={ORGANIZATION_SELECT_OPTIONS}
-        placeholder="— выберите —"
-      />
-    </FormField>
-    <FormField label="База 1С" fieldKey="DB1C" required>
-      <MultiChoiceField
-        value={data.DB1C}
-        onChange={(v) => set('DB1C', v)}
-        options={DB1C_SELECT_OPTIONS}
-        placeholder="Выберите одну или несколько баз"
-      />
-    </FormField>
-    <FormField label={`Вопрос (${data.Question.length}/${QUESTION_MAX})`} htmlFor="Question" required full>
-      <TextArea
-        id="Question"
-        value={data.Question}
-        onChange={(v) => set('Question', v.slice(0, QUESTION_MAX))}
-        rows={6}
-      />
-    </FormField>
-  </CollapseSection>
-);
+export const RequestSection: React.FC<ISectionProps> = ({ data, set }) => {
+  // Варианты — из текущей партиции: туда пишутся новые заявки.
+  const listTitle = dataListTitle(FORM_ID);
+  const workTypes = useFieldChoices(listTitle, 'WorkType');
+  const organizations = useFieldChoices(listTitle, 'Organization');
+  const databases = useFieldChoices(listTitle, 'DB1C');
+  const choicesError = workTypes.error || organizations.error || databases.error;
+
+  return (
+    <CollapseSection title="Заявка" icon="clipboard">
+      {choicesError && <Alert variant="err">{`${CHOICES_ERROR_PREFIX}: ${choicesError}`}</Alert>}
+      <FormField label="Наименование задачи" htmlFor="TaskName" required full>
+        <TextInput id="TaskName" value={data.TaskName} onChange={(v) => set('TaskName', v)} />
+      </FormField>
+      <FormField label="Виды работ" htmlFor="WorkType" required>
+        <Select
+          id="WorkType"
+          value={data.WorkType}
+          onChange={(v) => set('WorkType', v)}
+          options={withCurrentValue(workTypes.options, data.WorkType)}
+          placeholder={choicesPlaceholder(workTypes, '— выберите —')}
+        />
+      </FormField>
+      <FormField label="Организация" htmlFor="Organization" required>
+        <Select
+          id="Organization"
+          value={data.Organization}
+          onChange={(v) => set('Organization', v)}
+          options={withCurrentValue(organizations.options, data.Organization)}
+          placeholder={choicesPlaceholder(organizations, '— выберите —')}
+        />
+      </FormField>
+      <FormField label="База 1С" fieldKey="DB1C" required>
+        <MultiChoiceField
+          value={data.DB1C}
+          onChange={(v) => set('DB1C', v)}
+          options={databases.options}
+          placeholder={choicesPlaceholder(databases, 'Выберите одну или несколько баз')}
+        />
+      </FormField>
+      <FormField label={`Вопрос (${data.Question.length}/${QUESTION_MAX})`} htmlFor="Question" required full>
+        <TextArea
+          id="Question"
+          value={data.Question}
+          onChange={(v) => set('Question', v.slice(0, QUESTION_MAX))}
+          rows={6}
+        />
+      </FormField>
+    </CollapseSection>
+  );
+};
diff --git a/src/webparts/requestPortal/shared/fieldChoices/fieldChoices.service.ts b/src/webparts/requestPortal/shared/fieldChoices/fieldChoices.service.ts
new file mode 100644
index 0000000..aa563bd
--- /dev/null
+++ b/src/webparts/requestPortal/shared/fieldChoices/fieldChoices.service.ts
@@ -0,0 +1,40 @@
+import '@pnp/sp/fields';
+import { getSP } from '../pnp/pnpjs';
+
+/** Ответ SP по колонке Choice: массив в nometadata, { results } — в verbose-формате OData. */
+interface IChoiceFieldResponse {
+  Choices?: string[] | { results?: string[] };
+}
+
+// Кеш на время жизни страницы: варианты администратор меняет редко, а форму за
+// сессию открывают по нескольку раз — повторно ходить в SP незачем. Хранится
+// промис, чтобы параллельные вызовы (три поля одной формы) не дублировали запрос.
+const cache = new Map<string, Promise<string[]>>();
+
+/**
+ * Варианты колонки Choice/MultiChoice прямо из списка SharePoint.
+ *
+ * Колонка списка — единственный источник вариантов: чтобы добавить пункт,
+ * достаточно дописать его в параметрах столбца, без правки кода и деплоя.
+ */
+export function getFieldChoices(listTitle: string, internalName: string): Promise<string[]> {
+  const key = `${listTitle}|${internalName}`.toLowerCase();
+  const cached = cache.get(key);
+  if (cached) return cached;
+
+  const request = loadFieldChoices(listTitle, internalName);
+  // Сбой не кешируем — при следующем открытии формы запрос уйдёт заново.
+  request.catch(() => cache.delete(key));
+  cache.set(key, request);
+  return request;
+}
+
+async function loadFieldChoices(listTitle: string, internalName: string): Promise<string[]> {
+  const field = (await getSP()
+    .web.lists.getByTitle(listTitle)
+    .fields.getByInternalNameOrTitle(internalName)
+    .select('Choices')()) as IChoiceFieldResponse;
+
+  const choices = Array.isArray(field.Choices) ? field.Choices : field.Choices?.results || [];
+  return choices.filter((choice) => choice.trim() !== '');
+}
diff --git a/src/webparts/requestPortal/shared/fieldChoices/index.ts b/src/webparts/requestPortal/shared/fieldChoices/index.ts
new file mode 100644
index 0000000..3d41e6d
--- /dev/null
+++ b/src/webparts/requestPortal/shared/fieldChoices/index.ts
@@ -0,0 +1,3 @@
+export { getFieldChoices } from './fieldChoices.service';
+export { useFieldChoices } from './useFieldChoices';
+export type { IFieldChoicesState } from './useFieldChoices';
diff --git a/src/webparts/requestPortal/shared/fieldChoices/useFieldChoices.ts b/src/webparts/requestPortal/shared/fieldChoices/useFieldChoices.ts
new file mode 100644
index 0000000..a700027
--- /dev/null
+++ b/src/webparts/requestPortal/shared/fieldChoices/useFieldChoices.ts
@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { ISelectOption } from '@tnsu/ui-kit';
+import { friendlyErrorMessage } from '../diagnostics';
+import { getFieldChoices } from './fieldChoices.service';
+
+export interface IFieldChoicesState {
+  /** Варианты колонки в формате Select/MultiChoiceField; пусто, пока грузится или при ошибке. */
+  options: ISelectOption[];
+  isLoading: boolean;
+  /** Текст ошибки загрузки; undefined — ошибки нет. */
+  error?: string;
+}
+
+const LOADING_STATE: IFieldChoicesState = { options: [], isLoading: true };
+
+/** Варианты колонки Choice списка SharePoint — см. getFieldChoices. */
+export function useFieldChoices(listTitle: string, internalName: string): IFieldChoicesState {
+  const [state, setState] = React.useState<IFieldChoicesState>(LOADING_STATE);
+
+  React.useEffect(() => {
+    let alive = true;
+    setState(LOADING_STATE);
+    getFieldChoices(listTitle, internalName)
+      .then((choices) => {
+        if (alive) setState({ options: choices.map((c) => ({ value: c, label: c })), isLoading: false });
+      })
+      .catch((e) => {
+        if (alive) setState({ options: [], isLoading: false, error: friendlyErrorMessage(e) });
+      });
+    return () => {
+      alive = false;
+    };
+  }, [listTitle, internalName]);
+
+  return state;
+}