Заявка на услуги (#18)

Co-authored-by: gorbenko.pavel <gorbenko.pavel@tansu.kz>
Reviewed-on: http://git.tnsu.kz/timur.gorodetskiy/request-portal/pulls/18

src/webparts/requestPortal/forms/TmcTransfer/TmcTransferForm.tsx

@@ -50,6 +50,7 @@ import { saveTmcTransferRequest, tmcTransferApprovalService } from './submit';
 import { loadTmcTransferRequest } from './load';
 import { HeaderSection } from './sections/HeaderSection';
 import { ItemsSection } from './sections/ItemsSection';
+import { useStableCallback } from '../../shared/useStableCallback';
 
 const TmcTransferForm: React.FC<IRequestFormProps> = ({
   requestType,
@@ -67,6 +68,14 @@ const TmcTransferForm: React.FC<IRequestFormProps> = ({
   const [requestStatus, setRequestStatus] = useState<string | undefined>(undefined);
   const [requestCode, setRequestCode] = useState<string | undefined>(undefined);
   const submit = useRequestSubmit();
+  // onCodeLoaded — колбэк родителя (RequestPortal → EditFeature): его ссылка
+  // может меняться на каждом рендере, поэтому в зависимости эффектов идёт
+  // стабильная обёртка, а не сам проп — иначе заявка перезапрашивалась бы при
+  // каждом рендере родителя.
+  const notifyCode = useStableCallback(onCodeLoaded);
+  // submit целиком в зависимости класть нельзя (пересоздаётся при каждой смене
+  // saving/error), а setError стабилен — его и берём.
+  const { setError: setSubmitError } = submit;
 
   const readOnly = !isEditableStatus(requestStatus);
 
@@ -135,19 +144,19 @@ const TmcTransferForm: React.FC<IRequestFormProps> = ({
           setData(loaded.data);
           setRequestStatus(loaded.status);
           setRequestCode(loaded.code || undefined);
-          if (loaded.code) onCodeLoaded?.(loaded.code);
+          if (loaded.code) notifyCode(loaded.code);
           setExistingAttachments(atts);
         }
       })
       .catch((e) => {
         if (alive) {
-          submit.setError(`Не удалось загрузить заявку №${editId}: ${friendlyErrorMessage(e)}`);
+          setSubmitError(`Не удалось загрузить заявку №${editId}: ${friendlyErrorMessage(e)}`);
         }
       });
     return () => {
       alive = false;
     };
-  }, [editId, editListId]);
+  }, [editId, editListId, notifyCode, setSubmitError]);
 
   // editListId уже проверен в EditFeature (см. её комментарий) — если бы партиции
   // не нашлось в реестре, форма сюда вообще не смонтировалась бы, поэтому здесь

src/webparts/requestPortal/forms/TmcTransfer/TmcTransferView.tsx

@@ -40,6 +40,7 @@ import { loadTmcTransferRequest } from './load';
 import { tmcTransferApprovalService } from './submit';
 import { HeaderSection } from './sections/HeaderSection';
 import { ItemsSection } from './sections/ItemsSection';
+import { useStableCallback } from '../../shared/useStableCallback';
 
 interface ITmcTransferViewProps {
   context: WebPartContext;
@@ -54,6 +55,11 @@ interface ITmcTransferViewProps {
 
 // Заявка «СЗ на перемещение ТМЦ» только для просмотра (режим согласующего).
 const TmcTransferView: React.FC<ITmcTransferViewProps> = ({ context, itemId, formKey, listId, onCodeLoaded }) => {
+  // onCodeLoaded — колбэк родителя (RequestPortal → ApproveFeature): его ссылка
+  // может меняться на каждом рендере, поэтому в зависимости эффекта загрузки
+  // идёт стабильная обёртка, а не сам проп — иначе заявка перезапрашивалась бы
+  // при каждом рендере родителя.
+  const notifyCode = useStableCallback(onCodeLoaded);
   const [data, setData] = useState<IFormData>(EMPTY_DATA);
   const [status, setStatus] = useState<string>('');
   const [code, setCode] = useState<string>('');
@@ -107,7 +113,7 @@ const TmcTransferView: React.FC<ITmcTransferViewProps> = ({ context, itemId, for
           setData(loaded.data);
           setStatus(loaded.status);
           setCode(loaded.code);
-          onCodeLoaded?.(loaded.code);
+          notifyCode(loaded.code);
           setAttachments(files);
           setError(null);
           setLoading(false);
@@ -122,7 +128,7 @@ const TmcTransferView: React.FC<ITmcTransferViewProps> = ({ context, itemId, for
     return () => {
       alive = false;
     };
-  }, [itemId, listId]);
+  }, [itemId, listId, notifyCode]);
 
   if (loading) {
     return <div className={styles.state}>Загрузка заявки…</div>;

src/webparts/requestPortal/forms/TmcTransfer/approval/provisioning.json

@@ -9,6 +9,8 @@
     { "internalName": "StepOrder", "title": "Порядок", "type": "Number" },
     { "internalName": "AllowReassignToOtherApprovers", "title": "Можно перепоручать", "type": "Boolean" },
     { "internalName": "Phase", "title": "Фаза", "type": "Choice", "choices": ["Согласование", "Исполнение"] },
+    { "internalName": "SLAhours", "title": "SLA, часов", "type": "Number" },
+    { "internalName": "AskOverdueReason", "title": "Опрос причины просрочки", "type": "Boolean" },
     { "internalName": "DelegatedBy", "title": "Кем переназначено", "type": "User", "userSelectionMode": "PeopleOnly" }
   ]
 }