From b6708a7e72a6ad3c9049f5d33f501d89d0d54eb6 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: Mon, 21 Sep 2026 09:50:16 +0500
Subject: [PATCH] =?UTF-8?q?fix:=20=D0=B7=D0=B0=D1=8F=D0=B2=D0=BA=D0=B8=20?=
 =?UTF-8?q?=D0=B2=20=D1=80=D0=B0=D0=B7=D1=80=D0=B0=D0=B1=D0=BE=D1=82=D0=BA?=
 =?UTF-8?q?=D0=B5=20(=D1=81=D0=BA=D0=BB=D0=B0=D0=B4/=D1=81=D0=BD=D0=B0?=
 =?UTF-8?q?=D0=B1=D0=B6=D0=B5=D0=BD=D0=B8=D0=B5,=20=D1=87=D0=B0=D1=81?=
 =?UTF-8?q?=D1=82=D1=8C=20=D0=BA=D0=B0=D0=B4=D1=80=D0=BE=D0=B2)=20=D0=BE?=
 =?UTF-8?q?=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B0=D1=8E=D1=82=D1=81?=
 =?UTF-8?q?=D1=8F=20=D0=B7=D0=B0=D0=B1=D0=BB=D0=BE=D0=BA=D0=B8=D1=80=D0=BE?=
 =?UTF-8?q?=D0=B2=D0=B0=D0=BD=D0=BD=D1=8B=D0=BC=D0=B8=20=D0=BF=D0=BB=D0=B8?=
 =?UTF-8?q?=D1=82=D0=BA=D0=B0=D0=BC=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RequestGrid/RequestGrid.module.scss       | 25 ++++++++++++++++
 .../components/RequestGrid/RequestGrid.tsx    | 21 +++++++++----
 src/webparts/requestPortal/data/requests.ts   | 30 +++++++++++++++----
 src/webparts/requestPortal/models/types.ts    |  2 ++
 4 files changed, 66 insertions(+), 12 deletions(-)

diff --git a/src/webparts/requestPortal/components/RequestGrid/RequestGrid.module.scss b/src/webparts/requestPortal/components/RequestGrid/RequestGrid.module.scss
index e11202b..ac7dfee 100644
--- a/src/webparts/requestPortal/components/RequestGrid/RequestGrid.module.scss
+++ b/src/webparts/requestPortal/components/RequestGrid/RequestGrid.module.scss
@@ -46,6 +46,31 @@
   }
 }
 
+.tileDisabled {
+  cursor: not-allowed;
+  background: $gray-50;
+
+  &:hover {
+    box-shadow: $sh-1;
+    transform: none;
+    border-color: $gray-200;
+  }
+
+  &:hover::before {
+    opacity: 0;
+  }
+
+  .tileIcon {
+    background: $gray-100;
+    border-color: $gray-200;
+    color: $gray-400;
+  }
+
+  .tileTitle {
+    color: $gray-400;
+  }
+}
+
 .tileIcon {
   flex-shrink: 0;
   display: flex;
diff --git a/src/webparts/requestPortal/components/RequestGrid/RequestGrid.tsx b/src/webparts/requestPortal/components/RequestGrid/RequestGrid.tsx
index 612635d..bdac0e2 100644
--- a/src/webparts/requestPortal/components/RequestGrid/RequestGrid.tsx
+++ b/src/webparts/requestPortal/components/RequestGrid/RequestGrid.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import styles from './RequestGrid.module.scss';
-import { Icon } from '@tnsu/ui-kit';
+import { Badge, Icon } from '@tnsu/ui-kit';
 import { IRequestType } from '../../models/types';
 
 interface IRequestGridProps {
@@ -19,7 +19,8 @@ export const RequestGrid: React.FC<IRequestGridProps> = ({ requests, onSelect })
         <button
           key={request.id}
           type="button"
-          className={styles.tile}
+          className={request.comingSoon ? `${styles.tile} ${styles.tileDisabled}` : styles.tile}
+          disabled={request.comingSoon}
           onClick={() => onSelect(request)}
         >
           <span className={styles.tileIcon}>
@@ -27,11 +28,19 @@ export const RequestGrid: React.FC<IRequestGridProps> = ({ requests, onSelect })
           </span>
           <span className={styles.tileBody}>
             <span className={styles.tileTitle}>{request.title}</span>
-            {request.description && <span className={styles.tileDesc}>{request.description}</span>}
-          </span>
-          <span className={styles.tileArrow}>
-            <Icon name="chevron-right" size="sm" />
+            {request.comingSoon ? (
+              <Badge variant="muted" size="sm">
+                В разработке
+              </Badge>
+            ) : (
+              request.description && <span className={styles.tileDesc}>{request.description}</span>
+            )}
           </span>
+          {!request.comingSoon && (
+            <span className={styles.tileArrow}>
+              <Icon name="chevron-right" size="sm" />
+            </span>
+          )}
         </button>
       ))}
     </div>
diff --git a/src/webparts/requestPortal/data/requests.ts b/src/webparts/requestPortal/data/requests.ts
index 271cefe..adfdccb 100644
--- a/src/webparts/requestPortal/data/requests.ts
+++ b/src/webparts/requestPortal/data/requests.ts
@@ -17,14 +17,32 @@ export const REQUEST_TYPES: IRequestType[] = [
   // Отдел кадров
   { id: 'hr-vacation', categoryId: 'hr', title: 'Заявка на трудовой отпуск', icon: 'calendar' },
   { id: 'hr-unpaid-leave', categoryId: 'hr', title: 'Заявка на отпуск без содержания', icon: 'document' },
-  { id: 'hr-dismissal', categoryId: 'hr', title: 'Заявление на увольнение', icon: 'document' },
-  { id: 'clearance-form', categoryId: 'hr', title: 'Обходной лист', icon: 'clipboard' },
-  { id: 'hr-transfer', categoryId: 'hr', title: 'Заявка на перемещение сотрудника', icon: 'people' },
+  { id: 'hr-dismissal', categoryId: 'hr', title: 'Заявление на увольнение', icon: 'document', comingSoon: true },
+  { id: 'clearance-form', categoryId: 'hr', title: 'Обходной лист', icon: 'clipboard', comingSoon: true },
+  {
+    id: 'hr-transfer',
+    categoryId: 'hr',
+    title: 'Заявка на перемещение сотрудника',
+    icon: 'people',
+    comingSoon: true
+  },
 
   // Склад / Снабжение
-  { id: 'wh-tmc-transfer', categoryId: 'warehouse', title: 'СЗ на перемещение ТМЦ', icon: 'send' },
-  { id: 'wh-service-request', categoryId: 'warehouse', title: 'Заявка на услуги', icon: 'document' },
-  { id: 'wh-concrete-request', categoryId: 'warehouse', title: 'Заявка на бетон', icon: 'vehicle' }
+  { id: 'wh-tmc-transfer', categoryId: 'warehouse', title: 'СЗ на перемещение ТМЦ', icon: 'send', comingSoon: true },
+  {
+    id: 'wh-service-request',
+    categoryId: 'warehouse',
+    title: 'Заявка на услуги',
+    icon: 'document',
+    comingSoon: true
+  },
+  {
+    id: 'wh-concrete-request',
+    categoryId: 'warehouse',
+    title: 'Заявка на бетон',
+    icon: 'vehicle',
+    comingSoon: true
+  }
 ];
 
 /** Заявки, относящиеся к указанной категории. */
diff --git a/src/webparts/requestPortal/models/types.ts b/src/webparts/requestPortal/models/types.ts
index 1744908..d155b7e 100644
--- a/src/webparts/requestPortal/models/types.ts
+++ b/src/webparts/requestPortal/models/types.ts
@@ -19,6 +19,8 @@ export interface IRequestType {
   /** Короткое пояснение под заголовком плитки. Необязательно. */
   description?: string;
   icon: IconName;
+  /** Заявка ещё не готова к использованию: плитка видна, но заблокирована. */
+  comingSoon?: boolean;
 }
 
 /**