src/webparts/requestPortal/shared/approval/ui/ApprovalMatrix.tsx

@@ -79,6 +79,12 @@ export const ApprovalMatrix: React.FC<IApprovalMatrixProps> = ({
   // Пустые колонки не показываем — столбец из одних прочерков только шумит.
   const hasStatuses = rows.some((r) => r.status && r.status !== '—');
   const hasDates = rows.some((r) => !!r.date);
+  // slaHours на строке — уже ИТОГОВОЕ значение с применённым наследованием
+  // (шаг перекрывает тип заявки): для черновика его так отдаёт resolve
+  // (getPlannedMatrix), для поданной заявки — то, что записали в строку при
+  // отправке (см. writeRoute). Здесь его достаточно просто показать, повторно
+  // резолвить нечего.
+  const hasSla = rows.some((r) => r.slaHours !== undefined && r.slaHours !== null);
 
   // Число колонок (для colSpan) — на случай будущих нужд не используется: комментарий
   // выводим внутри ячейки согласующего, чтобы не ломать rowSpan колонки «Шаг».
@@ -101,6 +107,7 @@ export const ApprovalMatrix: React.FC<IApprovalMatrixProps> = ({
                 <th>Должность</th>
                 {hasStatuses && <th>Статус</th>}
                 {hasDates && <th>Дата</th>}
+                {hasSla && <th>SLA</th>}
                 {editable && <th />}
                 {editable && <th />}
               </tr>
@@ -137,6 +144,9 @@ export const ApprovalMatrix: React.FC<IApprovalMatrixProps> = ({
                       </td>
                     )}
                     {hasDates && <td data-label="Дата">{r.date}</td>}
+                    {hasSla && (
+                      <td data-label="SLA">{r.slaHours || r.slaHours === 0 ? `${r.slaHours} ч` : '—'}</td>
+                    )}
                     {/* Перемещение действует на ШАГ целиком (параллельные строки
                         переезжают вместе): одна пара стрелок на весь шаг. */}
                     {editable && isBlockStart && (