From 58691216ed28b64edda692142ecc60ff810ae15a Mon Sep 17 00:00:00 2001
From: "gorbenko.pavel" <gorbenko.pavel@tansu.kz>
Date: Fri, 25 Sep 2026 14:33:10 +0500
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D1=82?=
 =?UTF-8?q?=D1=8C=20=D1=8D=D0=BA=D1=80=D0=B0=D0=BD=20=D1=83=D0=BF=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=B4=D0=BE=D1=81?=
 =?UTF-8?q?=D1=82=D1=83=D0=BF=D0=BE=D0=BC=20=D0=BA=20=D1=82=D0=B8=D0=BF?=
 =?UTF-8?q?=D0=B0=D0=BC=20=D0=B7=D0=B0=D1=8F=D0=B2=D0=BE=D0=BA=20=D0=B2=20?=
 =?UTF-8?q?approvalAdmin?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Новая вкладка «Доступ к заявкам»: выдать/отозвать доступ сотруднику
видеть все заявки выбранного типа — по образцу экрана «Типы заявок».

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .../approvalAdmin/components/app/AdminApp.tsx |   3 +
 .../approvalAdmin/components/app/types.ts     |  10 +-
 .../screens/RequestTypeAccessScreen.tsx       | 151 ++++++++++++++++++
 .../hooks/useRequestTypeAccess.ts             |  10 ++
 .../webparts/approvalAdmin/models/index.ts    |   1 +
 .../approvalAdmin/models/requestTypeAccess.ts |  12 ++
 .../src/webparts/approvalAdmin/routing.ts     |   2 +-
 .../webparts/approvalAdmin/services/api.ts    |  17 ++
 frontend/src/webparts/approvalAdmin/texts.ts  |  21 +++
 9 files changed, 225 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/webparts/approvalAdmin/components/screens/RequestTypeAccessScreen.tsx
 create mode 100644 frontend/src/webparts/approvalAdmin/hooks/useRequestTypeAccess.ts
 create mode 100644 frontend/src/webparts/approvalAdmin/models/requestTypeAccess.ts

diff --git a/frontend/src/webparts/approvalAdmin/components/app/AdminApp.tsx b/frontend/src/webparts/approvalAdmin/components/app/AdminApp.tsx
index 0db5ee1..1fb17ab 100644
--- a/frontend/src/webparts/approvalAdmin/components/app/AdminApp.tsx
+++ b/frontend/src/webparts/approvalAdmin/components/app/AdminApp.tsx
@@ -14,6 +14,7 @@ import { texts } from '../../texts';
 import { useLocalStorageState } from '../../hooks/useLocalStorageState';
 import { DashboardScreen } from '../screens/DashboardScreen';
 import { RequestTypesScreen } from '../screens/RequestTypesScreen';
+import { RequestTypeAccessScreen } from '../screens/RequestTypeAccessScreen';
 import { RoutesScreen } from '../screens/RoutesScreen';
 import { RouteStepsScreen } from '../screens/RouteStepsScreen';
 import { ResolveScreen } from '../screens/ResolveScreen';
@@ -27,6 +28,7 @@ import { ManageByUserScreen } from '../screens/ManageByUserScreen';
 const NAV_ITEMS: ISidebarItem[] = [
   { id: 'dashboard', title: texts.nav.dashboard, icon: 'chart' },
   { id: 'requestTypes', title: texts.nav.requestTypes, icon: 'document' },
+  { id: 'requestTypeAccess', title: texts.nav.requestTypeAccess, icon: 'people' },
   { id: 'routes', title: texts.nav.routes, icon: 'send' },
   { id: 'resolve', title: texts.nav.resolve, icon: 'search' },
   { id: 'manageRequests', title: texts.nav.manageRequests, icon: 'clipboard' },
@@ -147,6 +149,7 @@ export const AdminApp: React.FC<IAdminAppProps> = ({ api, dictionary, sharePoint
           <div className={styles.content}>
             {route.tab === 'dashboard' && <DashboardScreen api={api} onNavigate={navigateTab} />}
             {route.tab === 'requestTypes' && <RequestTypesScreen api={api} sharePoint={sharePoint} />}
+            {route.tab === 'requestTypeAccess' && <RequestTypeAccessScreen api={api} dictionary={dictionary} />}
             {route.tab === 'routes' && !route.routeId && (
               <RoutesScreen
                 api={api}
diff --git a/frontend/src/webparts/approvalAdmin/components/app/types.ts b/frontend/src/webparts/approvalAdmin/components/app/types.ts
index 71b47cb..0f17ad6 100644
--- a/frontend/src/webparts/approvalAdmin/components/app/types.ts
+++ b/frontend/src/webparts/approvalAdmin/components/app/types.ts
@@ -1 +1,9 @@
-export type ScreenKey = 'dashboard' | 'requestTypes' | 'routes' | 'routeSteps' | 'resolve' | 'manageRequests' | 'manageByUser';
+export type ScreenKey =
+  | 'dashboard'
+  | 'requestTypes'
+  | 'requestTypeAccess'
+  | 'routes'
+  | 'routeSteps'
+  | 'resolve'
+  | 'manageRequests'
+  | 'manageByUser';
diff --git a/frontend/src/webparts/approvalAdmin/components/screens/RequestTypeAccessScreen.tsx b/frontend/src/webparts/approvalAdmin/components/screens/RequestTypeAccessScreen.tsx
new file mode 100644
index 0000000..64f628d
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/screens/RequestTypeAccessScreen.tsx
@@ -0,0 +1,151 @@
+import * as React from 'react';
+import { ApprovalRouteApi } from '../../services/api';
+import { PortalDictionaryClient } from '../../services/portalDictionary';
+import { texts } from '../../texts';
+import { useRequestTypes } from '../../hooks/useRequestTypes';
+import { useRequestTypeAccess } from '../../hooks/useRequestTypeAccess';
+import { usePortalEmployees } from '../../hooks/usePortalEmployees';
+import { useAsyncSubmit } from '../../hooks/useAsyncSubmit';
+import { useDeleteTarget } from '../../hooks/useDeleteTarget';
+import { toEmployeeOption } from '../../utils/employee';
+import { RequestTypeAccess } from '../../models';
+import {
+  ActionsCell,
+  Alert,
+  Breadcrumbs,
+  Button,
+  ConfirmDialog,
+  DataTable,
+  Field,
+  FormGrid,
+  FormModal,
+  IconButton,
+  PageHeader,
+  PrimaryCell,
+  SearchableSelect,
+  Select
+} from '../ui';
+
+export interface IRequestTypeAccessScreenProps {
+  api: ApprovalRouteApi;
+  dictionary?: PortalDictionaryClient;
+}
+
+export const RequestTypeAccessScreen: React.FC<IRequestTypeAccessScreenProps> = ({ api, dictionary }) => {
+  const requestTypes = useRequestTypes(api);
+  const access = useRequestTypeAccess(api);
+  const employees = usePortalEmployees(dictionary);
+
+  const [showForm, setShowForm] = React.useState(false);
+  const [requestTypeId, setRequestTypeId] = React.useState('');
+  const [email, setEmail] = React.useState('');
+  const submit = useAsyncSubmit();
+
+  const deleteTarget = useDeleteTarget<RequestTypeAccess>(item => api.requestTypeAccess.remove(item.id), access.reload);
+
+  const requestTypeName = (id: number): string => requestTypes.items.find(rt => rt.id === id)?.name ?? `#${id}`;
+
+  const openCreate = (): void => {
+    setRequestTypeId('');
+    setEmail('');
+    setShowForm(true);
+  };
+
+  const submitForm = (): void => {
+    if (!requestTypeId) {
+      submit.fail(texts.requestTypeAccess.validationRequestType);
+      return;
+    }
+    if (!email.trim()) {
+      submit.fail(texts.requestTypeAccess.validationEmail);
+      return;
+    }
+
+    submit.run(() =>
+      api.requestTypeAccess.create({ requestTypeId: Number(requestTypeId), email: email.trim() }).then(() => {
+        setShowForm(false);
+        access.reload();
+      })
+    );
+  };
+
+  return (
+    <div>
+      <Breadcrumbs items={[{ label: texts.common.home }, { label: texts.requestTypeAccess.breadcrumb }]} />
+      <PageHeader
+        icon="people"
+        subtitle={texts.requestTypeAccess.subtitle}
+        title={texts.requestTypeAccess.title}
+        actions={<Button variant="accent" icon="plus" onClick={openCreate}>{texts.requestTypeAccess.add}</Button>}
+      />
+
+      {access.error && <Alert kind="err">{access.error}</Alert>}
+      {deleteTarget.error && <Alert kind="err">{deleteTarget.error}</Alert>}
+
+      <DataTable
+        columns={[
+          { key: 'requestType', header: texts.requestTypeAccess.columnRequestType, render: r => <PrimaryCell>{requestTypeName(r.requestTypeId)}</PrimaryCell> },
+          { key: 'email', header: texts.requestTypeAccess.columnEmail, render: r => r.email },
+          {
+            key: 'actions',
+            header: '',
+            width: '100px',
+            align: 'right',
+            sticky: true,
+            render: r => (
+              <ActionsCell>
+                <IconButton icon="trash" label={texts.common.remove} danger onClick={() => deleteTarget.ask(r)} />
+              </ActionsCell>
+            )
+          }
+        ]}
+        rows={access.items}
+        keyOf={r => r.id}
+        emptyMessage={access.isLoading ? texts.common.loading : texts.requestTypeAccess.emptyList}
+      />
+
+      {showForm && (
+        <FormModal
+          title={texts.requestTypeAccess.createTitle}
+          error={submit.error}
+          isSaving={submit.isBusy}
+          onSubmit={submitForm}
+          onClose={() => setShowForm(false)}
+        >
+          <FormGrid>
+            <Field label={texts.requestTypeAccess.requestTypeLabel} required full>
+              <Select
+                options={requestTypes.items.map(rt => ({ value: String(rt.id), label: rt.name }))}
+                placeholder={texts.requestTypeAccess.requestTypePlaceholder}
+                value={requestTypeId}
+                onChange={e => setRequestTypeId(e.target.value)}
+              />
+            </Field>
+            <Field label={texts.requestTypeAccess.emailLabel} required full>
+              <SearchableSelect
+                options={employees.items.map(toEmployeeOption)}
+                value={email}
+                loading={employees.isLoading}
+                placeholder={texts.requestTypeAccess.emailPlaceholder}
+                searchPlaceholder={texts.select.employeeSearchPlaceholder}
+                emptyMessage={texts.select.employeesEmpty}
+                onChange={setEmail}
+              />
+            </Field>
+          </FormGrid>
+        </FormModal>
+      )}
+
+      {deleteTarget.target && (
+        <ConfirmDialog
+          title={texts.requestTypeAccess.deleteTitle}
+          text={texts.requestTypeAccess.deleteText(deleteTarget.target.email, requestTypeName(deleteTarget.target.requestTypeId))}
+          confirmLabel={texts.common.remove}
+          busy={deleteTarget.isBusy}
+          onCancel={deleteTarget.cancel}
+          onConfirm={deleteTarget.confirm}
+        />
+      )}
+    </div>
+  );
+};
diff --git a/frontend/src/webparts/approvalAdmin/hooks/useRequestTypeAccess.ts b/frontend/src/webparts/approvalAdmin/hooks/useRequestTypeAccess.ts
new file mode 100644
index 0000000..294765a
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/hooks/useRequestTypeAccess.ts
@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { RequestTypeAccess } from '../models';
+import { ApprovalRouteApi } from '../services/api';
+import { AsyncList, useAsyncList } from './useAsyncList';
+
+/** Реестр доступа «видеть все заявки типа» — целиком, по всем типам заявок. */
+export function useRequestTypeAccess(api: ApprovalRouteApi): AsyncList<RequestTypeAccess> {
+  const load = React.useCallback(() => api.requestTypeAccess.list(), [api]);
+  return useAsyncList(load);
+}
diff --git a/frontend/src/webparts/approvalAdmin/models/index.ts b/frontend/src/webparts/approvalAdmin/models/index.ts
index 2a19b8d..4c8e0dc 100644
--- a/frontend/src/webparts/approvalAdmin/models/index.ts
+++ b/frontend/src/webparts/approvalAdmin/models/index.ts
@@ -2,6 +2,7 @@
 export * from './enums';
 export * from './dictionaries';
 export * from './requestTypes';
+export * from './requestTypeAccess';
 export * from './requestTypeLists';
 export * from './templateRoutes';
 export * from './templateRouteSteps';
diff --git a/frontend/src/webparts/approvalAdmin/models/requestTypeAccess.ts b/frontend/src/webparts/approvalAdmin/models/requestTypeAccess.ts
new file mode 100644
index 0000000..8178b6e
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/models/requestTypeAccess.ts
@@ -0,0 +1,12 @@
+// DTO эндпоинта api/request-type-access (Application/RequestTypeAccesses/*.cs).
+
+export interface RequestTypeAccess {
+  id: number;
+  requestTypeId: number;
+  email: string;
+}
+
+export interface CreateRequestTypeAccessInput {
+  requestTypeId: number;
+  email: string;
+}
diff --git a/frontend/src/webparts/approvalAdmin/routing.ts b/frontend/src/webparts/approvalAdmin/routing.ts
index dd0d996..a607319 100644
--- a/frontend/src/webparts/approvalAdmin/routing.ts
+++ b/frontend/src/webparts/approvalAdmin/routing.ts
@@ -81,7 +81,7 @@ const ROUTE_CHANGE_EVENT = 'aa-route-change';
 
 // 'routeSteps' сюда намеренно не входит — это не отдельная вкладка URL, а
 // состояние вкладки 'routes' при наличии aaroute (см. parseRoute).
-const TABS: ScreenKey[] = ['dashboard', 'requestTypes', 'routes', 'resolve', 'manageRequests', 'manageByUser'];
+const TABS: ScreenKey[] = ['dashboard', 'requestTypes', 'requestTypeAccess', 'routes', 'resolve', 'manageRequests', 'manageByUser'];
 
 const PARAM_KEYS = [
   'aatab', 'aaroute', 'aarfilter',
diff --git a/frontend/src/webparts/approvalAdmin/services/api.ts b/frontend/src/webparts/approvalAdmin/services/api.ts
index 91e57d5..05b04de 100644
--- a/frontend/src/webparts/approvalAdmin/services/api.ts
+++ b/frontend/src/webparts/approvalAdmin/services/api.ts
@@ -1,5 +1,6 @@
 import { IHttpClient } from './httpClient';
 import {
+  CreateRequestTypeAccessInput,
   CreateRequestTypeInput,
   CreateTemplateRouteInput,
   CreateTemplateRouteStepInput,
@@ -13,6 +14,7 @@ import {
   PatchTemplateRouteStepInput,
   RequestListPartition,
   RequestType,
+  RequestTypeAccess,
   RequestTypeListSeries,
   ResolveTemplateRouteQuery,
   ResolveTemplateRouteResult,
@@ -80,6 +82,21 @@ export class ApprovalRouteApi {
       this.http.get<RequestListPartition[]>(`/api/request-types/${requestTypeId}/lists`)
   };
 
+  // Доступ «видеть все заявки типа» (Application/RequestTypeAccesses/*.cs) —
+  // тот же список email по типу, что и ручка для Power Automate
+  // (GET .../{requestTypeId}/emails), только здесь читается ВЕСЬ реестр разом
+  // (requestTypeId не передан) — админке нужна одна таблица по всем типам.
+  public readonly requestTypeAccess = {
+    list: (requestTypeId?: number): Promise<RequestTypeAccess[]> =>
+      this.http.get<RequestTypeAccess[]>('/api/request-type-access', { requestTypeId }),
+
+    create: (body: CreateRequestTypeAccessInput): Promise<RequestTypeAccess> =>
+      this.http.post<RequestTypeAccess>('/api/request-type-access', body),
+
+    remove: (id: number): Promise<void> =>
+      this.http.delete(`/api/request-type-access/${id}`)
+  };
+
   public readonly templateRoutes = {
     list: (requestTypeId?: number): Promise<TemplateRoute[]> =>
       this.http.get<TemplateRoute[]>('/api/template-routes', { requestTypeId }),
diff --git a/frontend/src/webparts/approvalAdmin/texts.ts b/frontend/src/webparts/approvalAdmin/texts.ts
index 04f8a73..b638be3 100644
--- a/frontend/src/webparts/approvalAdmin/texts.ts
+++ b/frontend/src/webparts/approvalAdmin/texts.ts
@@ -93,6 +93,7 @@ export const texts = {
     title: 'Панель настройки маршрутов',
     dashboard: 'Дашборд',
     requestTypes: 'Типы заявок',
+    requestTypeAccess: 'Доступ к заявкам',
     routes: 'Маршруты',
     resolve: 'Проверка маршрута',
     manageRequests: 'Редактирование заявок',
@@ -178,6 +179,26 @@ export const texts = {
       `Тип «${name}» будет удалён безвозвратно. Связанные маршруты могут перестать разрешаться.`
   },
 
+  requestTypeAccess: {
+    breadcrumb: 'Доступ к заявкам',
+    subtitle: 'Кто видит все заявки типа, а не только свои',
+    title: 'Доступ к заявкам',
+    add: 'Выдать доступ',
+    emptyList: 'Пока никому не выдан доступ ни к одному типу заявок.',
+    columnRequestType: 'Тип заявки',
+    columnEmail: 'Сотрудник',
+    createTitle: 'Выдать доступ',
+    requestTypeLabel: 'Тип заявки',
+    requestTypePlaceholder: 'Выберите тип заявки',
+    emailLabel: 'Сотрудник',
+    emailPlaceholder: 'Найдите по ФИО или email',
+    validationRequestType: 'Выберите тип заявки.',
+    validationEmail: 'Выберите сотрудника.',
+    deleteTitle: 'Отозвать доступ?',
+    deleteText: (email: string, requestTypeName: string): string =>
+      `${email} больше не будет видеть все заявки типа «${requestTypeName}».`
+  },
+
   routes: {
     breadcrumb: 'Маршруты согласования',
     subtitle: 'Настройка согласований',