Merge pull request 'AURORA-1671: исправления по функционалу ГК и ЮЛ' (#179) from fix/legalEntities into main

- Страница ГК: снова выбирается первая ГК списка; список ЮЛ без выбранной ГК
  не запрашивается (иначе уходил запрос по всем ГК), «ЮЛ вне ГК» грузится без ГК.
- Выбранная ГК обновляется после перезагрузки списка ГК — счётчик ЮЛ в шапке
  и на вкладке после создания/переноса/вывода ЮЛ.
- Загрузка ГСК/ГСЗ: try/finally — ошибка не оставляет вечный спиннер.
- Форма ЮЛ: INVALID_INN/INVALID_KPP/INN_EXISTS/CRM_ID_EXISTS — у поля;
  КПП приводится к верхнему регистру при вводе.
- crm_id ГСК/ГСЗ — string | null; колонка «ID в CRM»; LE_PAGE вместо литерала;
  возвращён комментарий в фильтре шахматки.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

web/src/App.css

@@ -0,0 +1,7 @@
+/* Теги выбранных значений в селектах: фильтр шахматки, синонимы ЮЛ */
+.custom-select-selection-item .ant-select-selection-item {
+	background-color: #ecfdf3 !important;
+	color: #1f5f35 !important;
+	box-shadow: inset 0 0 0 1px #2ea64b38 !important;
+	border-radius: 999px !important;
+}

web/src/layouts/CatalogueGroups.tsx

@@ -6,8 +6,8 @@ import PageTitle from '../components/PageTitle';
 import { createCatalogueJur } from '../services/api/directories/catalogue_jur';
 import { createCompanyGroup, fetchRelatedGroups } from '../services/api/directories/company_groups';
 import { createRelatedGroup } from '../services/api/directories/related-groups';
+import { setActiveCompanyGroup } from '../store/slices/catalogueJurSlice/catalogueJurSlice';
 import { getCatalogueJurThunk } from '../store/slices/catalogueJurSlice/thunks';
-import { setActiveCompanyGroup } from '../store/slices/companyGroupsSlice/companyGroupsSlice';
 import { getCompanyGroupsThunk } from '../store/slices/companyGroupsSlice/thunks';
 import { useAppDispatch, useAppSelector } from '../store/store';
 import type { RelatedGroupOut } from '../types/api';
@@ -37,61 +37,37 @@ export function CatalogueGroup() {
 	const [activeTab, setActiveTab] = useState<CatalogueGroupTabKey>('legal_entities');
 	const [gskData, setGskData] = useState<RelatedGroupOut[]>([]);
 	const [gszData, setGszData] = useState<RelatedGroupOut[]>([]);
-	const activeCompanyGroup = useAppSelector((state) => state.company_groups.activeCompanyGroup);
+	const activeCompanyGroup = useAppSelector((state) => state.catalogue_jur.activeCompanyGroup);
 	const relatedGroupFilter = useAppSelector((state) => state.catalogue_jur.relatedGroupFilter);
 	const rawRows = useAppSelector((state) => state.company_groups.raw_rows);
 
 	async function createJurHandler(values: CatalogueJurFormProps) {
-		try {
-			await createCatalogueJur(values);
-			dispatch(getCompanyGroupsThunk());
-			dispatch(
-				getCatalogueJurThunk({
-					closed: isGettingArchive,
-					outside_group: false,
-					company_group_id: activeCompanyGroup?.id,
-				}),
-			);
-			setKindForm(null);
-		} catch (e) {
-			if (e instanceof ApiError) {
-				notification.error({
-					description: e.message,
-				});
-			}
-		}
+		await createCatalogueJur(values);
+		dispatch(getCompanyGroupsThunk());
+		dispatch(
+			getCatalogueJurThunk({
+				closed: isGettingArchive,
+				outside_group: false,
+				company_group_id: activeCompanyGroup?.id,
+			}),
+		);
+		setKindForm(null);
 	}
 	async function createRelatedGroupHandler(values: RelatedGroupFormType) {
 		if (values.company_group_id) {
-			try {
-				await createRelatedGroup(values.company_group_id, {
-					...values,
-					company_group_id: undefined,
-				});
-				getRelatedGroupsHandler();
-				setKindForm(null);
-			} catch (e) {
-				if (e instanceof ApiError) {
-					notification.error({
-						description: e.message,
-					});
-				}
-			}
+			await createRelatedGroup(values.company_group_id, {
+				...values,
+				company_group_id: undefined,
+			});
+			getRelatedGroupsHandler();
+			setKindForm(null);
 		}
 	}
 	async function createCompanyGroupHandler(values: CreateCompanyGroupProps) {
-		try {
-			await createCompanyGroup(values);
-			dispatch(getCompanyGroupsThunk());
-			getRelatedGroupsHandler();
-			setKindForm(null);
-		} catch (e) {
-			if (e instanceof ApiError) {
-				notification.error({
-					description: e.message,
-				});
-			}
-		}
+		await createCompanyGroup(values);
+		dispatch(getCompanyGroupsThunk());
+		getRelatedGroupsHandler();
+		setKindForm(null);
 	}
 
 	async function getRelatedGroupsHandler() {
@@ -105,9 +81,7 @@ export function CatalogueGroup() {
 				setGszData(gszs);
 			} catch (e) {
 				if (e instanceof ApiError) {
-					notification.error({
-						description: e.message,
-					});
+					notification.error({ description: e.message });
 				}
 			} finally {
 				setRelatedGroupLoading(false);
@@ -119,16 +93,17 @@ export function CatalogueGroup() {
 		getRelatedGroupsHandler();
 	}, [activeCompanyGroup]);
 
+	// Без выбранной ГК таблица ЮЛ не грузится — выбираем первую ГК списка
+	useEffect(() => {
+		if (!activeCompanyGroup && rawRows?.length) {
+			dispatch(setActiveCompanyGroup(rawRows[0]));
+		}
+	}, [rawRows, activeCompanyGroup, dispatch]);
+
 	useEffect(() => {
 		setActiveTab('legal_entities');
 	}, [relatedGroupFilter]);
 
-	useEffect(() => {
-		if (!activeCompanyGroup && rawRows?.length) {
-			dispatch(setActiveCompanyGroup(rawRows?.[0]));
-		}
-	}, [rawRows, activeCompanyGroup]);
-
 	return (
 		<div
 			style={{
@@ -203,9 +178,7 @@ export function CatalogueGroup() {
 					onCancel={() => {
 						setKindForm(null);
 					}}
-					onOk={async (values) => {
-						await createJurHandler(values);
-					}}
+					onOk={createJurHandler}
 				/>
 			)}
 			{(kindForm === 'gsk' || kindForm === 'gsz') && (
@@ -215,9 +188,7 @@ export function CatalogueGroup() {
 					onCancel={() => {
 						setKindForm(null);
 					}}
-					onOk={async (values) => {
-						await createRelatedGroupHandler(values);
-					}}
+					onOk={createRelatedGroupHandler}
 				/>
 			)}
 			{kindForm === 'gk' && (
@@ -226,9 +197,7 @@ export function CatalogueGroup() {
 					onCancel={() => {
 						setKindForm(null);
 					}}
-					onOk={async (values) => {
-						await createCompanyGroupHandler(values);
-					}}
+					onOk={createCompanyGroupHandler}
 				/>
 			)}
 		</div>

web/src/layouts/CatalogueJur.tsx

@@ -1,41 +1,30 @@
 import { PlusOutlined } from '@ant-design/icons';
 import { Button, Space } from 'antd';
 import { useState } from 'react';
-import { ApiError } from '../api/client';
 import PageTitle from '../components/PageTitle';
 import { createCatalogueJur } from '../services/api/directories/catalogue_jur';
 import { getCatalogueJurThunk } from '../store/slices/catalogueJurSlice/thunks';
 import { useAppDispatch, useAppSelector } from '../store/store';
 import type { CatalogueJurFormProps } from '../types/catalogueJur/catalogueJur';
-import { useNotificationApi } from '../utils/useNotification';
 import { CatalogueJurForm } from '../widgets/CatalogueJurForm/CatalogueJurForm';
 import { CatalogueJurTable } from '../widgets/CatalogueJurTable/CatalogueJurTable';
 
 export function CatalogueJur() {
 	const dispatch = useAppDispatch();
-	const notification = useNotificationApi();
 
 	const isGettingArchive = useAppSelector((state) => state.catalogue_jur.isGettingArchive);
 
 	const [createFormOpen, setCreateFormOpen] = useState(false);
 	const outside_group = true;
 	async function createJurHandler(values: CatalogueJurFormProps) {
-		try {
-			await createCatalogueJur(values);
-			dispatch(
-				getCatalogueJurThunk({
-					closed: isGettingArchive,
-					outside_group: outside_group,
-				}),
-			);
-			setCreateFormOpen(false);
-		} catch (e) {
-			if (e instanceof ApiError) {
-				notification.error({
-					description: e.message,
-				});
-			}
-		}
+		await createCatalogueJur(values);
+		dispatch(
+			getCatalogueJurThunk({
+				closed: isGettingArchive,
+				outside_group: outside_group,
+			}),
+		);
+		setCreateFormOpen(false);
 	}
 
 	return (
@@ -59,9 +48,7 @@ export function CatalogueJur() {
 					onCancel={() => {
 						setCreateFormOpen(false);
 					}}
-					onOk={async (values) => {
-						await createJurHandler(values);
-					}}
+					onOk={createJurHandler}
 				/>
 			)}
 		</div>

web/src/store/slices/catalogueJurSlice/catalogueJurSlice.ts

@@ -1,5 +1,7 @@
 import { type PayloadAction, createSlice } from '@reduxjs/toolkit';
 import type { RelatedGroupOut } from '../../../types/api';
+import type { ICompanyGroup } from '../../../types/companyGroups/companyGroups';
+import { getCompanyGroupsThunk } from '../companyGroupsSlice/thunks';
 import { getCatalogueJurThunk } from './thunks';
 import type { CatalogueJurSliceType } from './types';
 
@@ -10,6 +12,7 @@ const initialState: CatalogueJurSliceType = {
 	error: null,
 	isGettingArchive: false,
 	relatedGroupFilter: null,
+	activeCompanyGroup: null,
 };
 
 const catalogueJurSlice = createSlice({
@@ -22,6 +25,10 @@ const catalogueJurSlice = createSlice({
 		setRelatedGroupFilter(state, action: PayloadAction<RelatedGroupOut | null>) {
 			state.relatedGroupFilter = action.payload;
 		},
+		setActiveCompanyGroup(state, action: PayloadAction<ICompanyGroup | null>) {
+			state.activeCompanyGroup = action.payload;
+			state.relatedGroupFilter = null;
+		},
 	},
 	extraReducers: (builder) => {
 		builder
@@ -37,8 +44,15 @@ const catalogueJurSlice = createSlice({
 			.addCase(getCatalogueJurThunk.rejected, (state, action) => {
 				state.error = action.payload ?? 'Неизвестная ошибка';
 				state.loading = false;
+			})
+			// Выбранная ГК — копия строки списка ГК: после перезагрузки списка берём свежую (счётчик ЮЛ в шапке и вкладке)
+			.addCase(getCompanyGroupsThunk.fulfilled, (state, action) => {
+				if (state.activeCompanyGroup?.id) {
+					state.activeCompanyGroup = action.payload.find((elem) => elem.id === state.activeCompanyGroup?.id) ?? null;
+				}
 			});
 	},
 });
-export const { setIsGettingArchive, setRelatedGroupFilter } = catalogueJurSlice.actions;
+
+export const { setIsGettingArchive, setRelatedGroupFilter, setActiveCompanyGroup } = catalogueJurSlice.actions;
 export default catalogueJurSlice.reducer;

web/src/store/slices/catalogueJurSlice/types.ts

@@ -1,5 +1,6 @@
 import type { RelatedGroupOut } from '../../../types/api';
 import type { ICatalogueJur } from '../../../types/catalogueJur/catalogueJur';
+import type { ICompanyGroup } from '../../../types/companyGroups/companyGroups';
 
 export interface CatalogueJurSliceType {
 	total_groups: number;
@@ -8,6 +9,7 @@ export interface CatalogueJurSliceType {
 	error: string | null;
 	isGettingArchive: boolean;
 	relatedGroupFilter?: RelatedGroupOut | null;
+	activeCompanyGroup?: ICompanyGroup | null;
 }
 
 export interface GetCatalogueJurPropsI {

web/src/store/slices/companyGroupsSlice/companyGroupsSlice.ts

@@ -1,5 +1,4 @@
-import { type PayloadAction, createSlice } from '@reduxjs/toolkit';
-import type { ICompanyGroup } from '../../../types/companyGroups/companyGroups';
+import { createSlice } from '@reduxjs/toolkit';
 import { getCompanyGroupsThunk } from './thunks';
 import type { CompanyGroupSliceType } from './types';
 
@@ -8,17 +7,12 @@ const initialState: CompanyGroupSliceType = {
 	total_groups: 0,
 	loading: false,
 	error: null,
-	activeCompanyGroup: null,
 };
 
 const comGroupsSlice = createSlice({
 	name: 'company_groups',
 	initialState,
-	reducers: {
-		setActiveCompanyGroup(state, action: PayloadAction<ICompanyGroup | null>) {
-			state.activeCompanyGroup = action.payload;
-		},
-	},
+	reducers: {},
 	extraReducers: (builder) => {
 		builder
 			.addCase(getCompanyGroupsThunk.pending, (state) => {
@@ -27,10 +21,6 @@ const comGroupsSlice = createSlice({
 			})
 			.addCase(getCompanyGroupsThunk.fulfilled, (state, action) => {
 				state.raw_rows = action.payload;
-				if (state.activeCompanyGroup?.id) {
-					const newActiveCompanyGroup = action.payload.find((elem) => elem.id === state.activeCompanyGroup?.id);
-					state.activeCompanyGroup = newActiveCompanyGroup;
-				}
 				state.total_groups = action.payload.length;
 				state.loading = false;
 			})
@@ -40,5 +30,4 @@ const comGroupsSlice = createSlice({
 			});
 	},
 });
-export const { setActiveCompanyGroup } = comGroupsSlice.actions;
 export default comGroupsSlice.reducer;

web/src/store/slices/companyGroupsSlice/types.ts

@@ -5,5 +5,4 @@ export interface CompanyGroupSliceType {
 	raw_rows: ICompanyGroup[];
 	loading: boolean;
 	error: string | null;
-	activeCompanyGroup?: ICompanyGroup | null;
 }

web/src/types/api.ts

@@ -375,6 +375,7 @@ export interface ConsolidationCreate {
 export interface RelatedGroupOut {
 	id: string;
 	code: string;
+	crm_id: string | null;
 	company_group_id: string;
 	kind: 'gsk' | 'gsz';
 	name: string;
@@ -389,7 +390,6 @@ export interface RelatedGroupMemberOut {
 }
 export interface RelatedGroupDetail extends RelatedGroupOut {
 	members: RelatedGroupMemberOut[];
-	crm_id: string;
 }
 export interface LegalEntityBrief {
 	id: string;

web/src/types/relatedGroup/relatedGroup.ts

@@ -1,7 +1,7 @@
 export type RelatedGroupFormType = {
 	name: string;
 	created_date: string | null;
-	crm_id: string;
+	crm_id: string | null;
 	kind?: 'gsk' | 'gsz';
 	company_group_id?: string;
 };

web/src/widgets/CataloguGroupTabs/CataloguGroupTabs.tsx

@@ -12,7 +12,7 @@ interface CataloguGroupTabsI {
 export type CatalogueGroupTabKey = 'legal_entities' | 'gsk' | 'gsz';
 
 export const CataloguGroupTabs = ({ activeTab, setActiveTab, gskData, gszData }: CataloguGroupTabsI) => {
-	const activeCompanyGroup = useAppSelector((state) => state.company_groups.activeCompanyGroup);
+	const activeCompanyGroup = useAppSelector((state) => state.catalogue_jur.activeCompanyGroup);
 
 	return (
 		<Tabs

web/src/widgets/CatalogueGroupHeader/CatalogueGroupHeader.tsx

@@ -5,7 +5,7 @@ import { useAppSelector } from '../../store/store';
 import { pluralRu } from '../../utils/labels';
 
 export const CompanyGroupHeader = () => {
-	const activeCompanyGroup = useAppSelector((state) => state.company_groups.activeCompanyGroup);
+	const activeCompanyGroup = useAppSelector((state) => state.catalogue_jur.activeCompanyGroup);
 	const count = activeCompanyGroup?.legal_entities_count ?? 0;
 
 	const organizationWord = pluralRu(count, ['организация', 'организации', 'организаций']);

web/src/widgets/CatalogueJurForm/CatalogueJurForm.tsx

@@ -17,6 +17,14 @@ type Props = {
 	jurId?: string;
 };
 
+// Ошибки сервера, относящиеся к одному полю, показываем у этого поля
+const FIELD_BY_ERROR_CODE: Record<string, keyof CatalogueJurFormProps> = {
+	INN_EXISTS: 'inn',
+	INVALID_INN: 'inn',
+	INVALID_KPP: 'kpp',
+	CRM_ID_EXISTS: 'crm_id',
+};
+
 export const CatalogueJurForm: React.FC<Props> = ({ open, onCancel, onOk, jurId }) => {
 	const [form] = Form.useForm<CatalogueJurFormProps>();
 	const notification = useNotificationApi();
@@ -27,12 +35,11 @@ export const CatalogueJurForm: React.FC<Props> = ({ open, onCancel, onOk, jurId
 	const [loadingOfficesOptions, setLoadingOfficesOptions] = useState(false);
 	const [confirmLoading, setConfirmLoading] = useState(false);
 	const [officesOptions, setOfficesOptions] = useState<{ value: string; label: string }[]>([]);
-
 	const companyGrops = useAppSelector((state) => state.company_groups.raw_rows);
 	const companyGropsLoading = useAppSelector((state) => state.company_groups.loading);
+	const activeCompanyGroup = useAppSelector((state) => state.catalogue_jur.activeCompanyGroup);
 
 	const type = Form.useWatch('entity_type', form);
-	const companyGroupId = Form.useWatch('company_group_id', form);
 
 	async function getInitialData() {
 		if (jurId) {
@@ -51,6 +58,7 @@ export const CatalogueJurForm: React.FC<Props> = ({ open, onCancel, onOk, jurId
 					gsk_id: data.memberships?.find((elem) => elem.kind === 'gsk')?.related_group_id,
 					gsz_id: data.memberships?.find((elem) => elem.kind === 'gsz')?.related_group_id,
 				});
+				getRelatedGroupsHandler(data.company_group_id as string);
 			} catch (e) {
 				if (e instanceof ApiError) {
 					notification.error({ description: e.message });
@@ -58,6 +66,11 @@ export const CatalogueJurForm: React.FC<Props> = ({ open, onCancel, onOk, jurId
 			} finally {
 				setInitialDataLoading(false);
 			}
+		} else {
+			form.setFieldsValue({
+				company_group_id: activeCompanyGroup?.id ?? undefined,
+			});
+			getRelatedGroupsHandler(activeCompanyGroup?.id ?? '');
 		}
 	}
 
@@ -76,12 +89,12 @@ export const CatalogueJurForm: React.FC<Props> = ({ open, onCancel, onOk, jurId
 		}
 	}
 
-	async function getRelatedGroupsHandler() {
-		if (!companyGroupId) return;
+	async function getRelatedGroupsHandler(companyId: string) {
+		if (!companyId) return;
 
 		setLoadingRelatedGroupsOptions(true);
 		try {
-			const res = await fetchRelatedGroups(companyGroupId);
+			const res = await fetchRelatedGroups(companyId);
 			const gsks = res.filter((elem) => elem.kind === 'gsk');
 			const gszs = res.filter((elem) => elem.kind === 'gsz');
 			setGskData(gsks);
@@ -101,18 +114,21 @@ export const CatalogueJurForm: React.FC<Props> = ({ open, onCancel, onOk, jurId
 			const values = await form.validateFields();
 			await onOk({
 				...values,
-				kpp: type === 'ИП' ? null : values.kpp?.toString(),
+				kpp: type === 'ИП' ? null : (values.kpp?.toString() ?? null),
 				inn: jurId ? undefined : values?.inn?.toString(),
 				company_group_id: jurId ? undefined : values.company_group_id,
 				gsz_id: values.gsz_id ? values?.gsz_id : null,
 				gsk_id: values.gsk_id ? values?.gsk_id : null,
 				regional_office_id: values.regional_office_id ? values?.regional_office_id : null,
+				crm_id: values.crm_id ?? null,
 			});
 		} catch (e) {
 			if (e instanceof ApiError) {
-				notification.error({
-					description: e.message,
-				});
+				const field = e.code ? FIELD_BY_ERROR_CODE[e.code] : undefined;
+				if (field) {
+					form.setFields([{ name: field, errors: [e.message] }]);
+				}
+				notification.error({ description: e.message });
 			}
 		} finally {
 			setConfirmLoading(false);
@@ -128,21 +144,13 @@ export const CatalogueJurForm: React.FC<Props> = ({ open, onCancel, onOk, jurId
 		return companyGrops?.map((company) => company && { value: company.id, label: company.name });
 	}, [companyGrops]);
 
-	useEffect(() => {
-		getInitialData();
-	}, [jurId, open]);
-
 	useEffect(() => {
 		getOfficesOptionsHandler();
 	}, []);
 
 	useEffect(() => {
-		form.setFieldsValue({
-			gsk_id: undefined,
-			gsz_id: undefined,
-		});
-		getRelatedGroupsHandler();
-	}, [companyGroupId]);
+		getInitialData();
+	}, [jurId, open]);
 
 	return (
 		<Modal
@@ -182,7 +190,11 @@ export const CatalogueJurForm: React.FC<Props> = ({ open, onCancel, onOk, jurId
 						</Form.Item>
 					</Col>
 					<Col span={6}>
-						<Form.Item name='kpp' label='КПП' rules={[{ pattern: /^[0-9]{4}[0-9A-Z]{2}[0-9]{3}$/, message: 'Некорректный формат' }]}>
+						<Form.Item
+							name='kpp'
+							label='КПП'
+							normalize={(value?: string) => value?.toUpperCase()}
+							rules={[{ pattern: /^[0-9]{4}[0-9A-Z]{2}[0-9]{3}$/, message: 'Некорректный формат' }]}>
 							<Input placeholder='000000000' maxLength={9} disabled={type === 'ИП'} style={{ width: '100%' }} />
 						</Form.Item>
 					</Col>
@@ -213,6 +225,7 @@ export const CatalogueJurForm: React.FC<Props> = ({ open, onCancel, onOk, jurId
 					label='Альтернативные наименования'
 					extra='Введите синоним и нажмите Enter. Можно добавить несколько значений.'>
 					<Select
+						className='custom-select-selection-item'
 						mode='tags'
 						style={{ width: '100%' }}
 						placeholder='Добавить синоним'
@@ -246,6 +259,13 @@ export const CatalogueJurForm: React.FC<Props> = ({ open, onCancel, onOk, jurId
 								showSearch
 								optionFilterProp='label'
 								notFoundContent={companyGropsLoading ? 'Загрузка' : 'Нет вариантов'}
+								onChange={(value) => {
+									form.setFieldsValue({
+										gsk_id: undefined,
+										gsz_id: undefined,
+									});
+									getRelatedGroupsHandler(value);
+								}}
 							/>
 						</Form.Item>
 					</Col>

web/src/widgets/CatalogueJurTable/CatalogueJurTable.tsx

@@ -45,7 +45,7 @@ export function CatalogueJurTable({ outside_group, tabsComponent }: CatalogueJur
 	const rawRows = useAppSelector((state) => state.catalogue_jur.raw_rows);
 	const loading = useAppSelector((state) => state.catalogue_jur.loading);
 	const isGettingArchive = useAppSelector((state) => state.catalogue_jur.isGettingArchive);
-	const activeCompanyGroup = useAppSelector((state) => state.company_groups.activeCompanyGroup);
+	const activeCompanyGroup = useAppSelector((state) => state.catalogue_jur.activeCompanyGroup);
 
 	const relatedGroupFilter = useAppSelector((state) => state.catalogue_jur.relatedGroupFilter);
 	const [moveCatalogueFormOpen, setMoveCatalogueFormOpen] = useState(false);
@@ -122,24 +122,17 @@ export function CatalogueJurTable({ outside_group, tabsComponent }: CatalogueJur
 	}
 
 	async function editJurHandler(values: CatalogueJurFormProps) {
-		try {
-			await editCatalogueJur(jurId, values);
-			getCatalogueJur();
-			closeEditCatalogueJurHandler();
-		} catch (e) {
-			if (e instanceof ApiError) {
-				notification.error({
-					description: e.message,
-				});
-			}
-		}
+		await editCatalogueJur(jurId, values);
+		getCatalogueJur();
+		closeEditCatalogueJurHandler();
 	}
 
 	useEffect(() => {
-		if (activeCompanyGroup?.id) {
+		// «ЮЛ вне ГК» грузится без выбранной ГК; список ГК — только по выбранной (без неё запрос ушёл бы по всем ГК)
+		if (outside_group || activeCompanyGroup?.id) {
 			getCatalogueJur();
 		}
-	}, [isGettingArchive, activeCompanyGroup]);
+	}, [isGettingArchive, activeCompanyGroup, outside_group]);
 
 	const extraColumns: ColumnsType<ICatalogueJur> = useMemo(
 		() => [
@@ -329,9 +322,7 @@ export function CatalogueJurTable({ outside_group, tabsComponent }: CatalogueJur
 					onCancel={() => {
 						closeEditCatalogueJurHandler();
 					}}
-					onOk={async (values) => {
-						await editJurHandler(values);
-					}}
+					onOk={editJurHandler}
 				/>
 			)}
 		</div>

web/src/widgets/CompanyGroupForm/CompanyGroupForm.tsx

@@ -19,7 +19,7 @@ export const CompanyGroupForm: React.FC<Props> = ({ open, onCancel, onOk }) => {
 	const { me } = useMe();
 	const notification = useNotificationApi();
 
-	const activeCompanyGroup = useAppSelector((state) => state.company_groups.activeCompanyGroup);
+	const activeCompanyGroup = useAppSelector((state) => state.catalogue_jur.activeCompanyGroup);
 	const [officesOptions, setOfficesOptions] = useState<{ value: string; label: string }[]>([]);
 	const [loadingOptions, setLoadingOptions] = useState(false);
 	const [confirmLoading, setConfirmLoading] = useState(false);
@@ -49,6 +49,14 @@ export const CompanyGroupForm: React.FC<Props> = ({ open, onCancel, onOk }) => {
 			});
 		} catch (e) {
 			if (e instanceof ApiError) {
+				if (e.code === 'CRM_ID_EXISTS') {
+					form.setFields([
+						{
+							name: 'crm_id',
+							errors: [e.message],
+						},
+					]);
+				}
 				notification.error({
 					description: e.message,
 				});
@@ -86,7 +94,7 @@ export const CompanyGroupForm: React.FC<Props> = ({ open, onCancel, onOk }) => {
 				<Row gutter={16}>
 					<Col span={12}>
 						<Form.Item name='crm_id' label='ID ГК в CRM'>
-							<Input placeholder='Генерируется автоматически' />
+							<Input />
 						</Form.Item>
 					</Col>
 					<Col span={12}>

web/src/widgets/CompanyGroupsList/CompanyGroupsList.tsx

@@ -2,7 +2,7 @@ import { FolderOpenOutlined, SearchOutlined } from '@ant-design/icons';
 import { Empty, Input, List, Spin, Tag, Typography } from 'antd';
 import { useEffect, useMemo, useState } from 'react';
 import { useVirtualList } from '../../hooks/useVirtualList';
-import { setActiveCompanyGroup } from '../../store/slices/companyGroupsSlice/companyGroupsSlice';
+import { setActiveCompanyGroup } from '../../store/slices/catalogueJurSlice/catalogueJurSlice';
 import { getCompanyGroupsThunk } from '../../store/slices/companyGroupsSlice/thunks';
 import { useAppDispatch, useAppSelector } from '../../store/store';
 
@@ -13,7 +13,7 @@ export const CompanyGroupsList = () => {
 
 	const rawRows = useAppSelector((state) => state.company_groups.raw_rows);
 	const loading = useAppSelector((state) => state.company_groups.loading);
-	const activeCompanyGroup = useAppSelector((state) => state.company_groups.activeCompanyGroup);
+	const activeCompanyGroup = useAppSelector((state) => state.catalogue_jur.activeCompanyGroup);
 
 	const [query, setQuery] = useState('');
 

web/src/widgets/ConsolidationChessTableFilter/ConsolidationChessTableFilter.css

@@ -1,7 +0,0 @@
-/* Теги выбранных значений в селектах фильтра шахматки */
-.custom-select-selection-item .ant-select-selection-item {
-	background-color: #ecfdf3 !important;
-	color: #1f5f35 !important;
-	box-shadow: inset 0 0 0 1px #2ea64b38 !important;
-	border-radius: 999px !important;
-}

web/src/widgets/ConsolidationChessTableFilter/ConsolidationChessTableFilter.tsx

@@ -6,7 +6,6 @@ import { type OptionType, TreeFilterDropdown } from '../../components/TreeFilter
 import type { Account, MatrixCompany, Quarter } from '../../types/api';
 import { quarterShortLabel } from '../../utils/labels';
 import { useNotificationApi } from '../../utils/useNotification';
-import './ConsolidationChessTableFilter.css';
 
 interface ConsolidationChessTableFilterI {
 	companies: string[];

web/src/widgets/RelatedGroupForm/RelatedGroupForm.tsx

@@ -26,9 +26,15 @@ export const RelatedGroupForm: React.FC<Props> = ({ open, onCancel, onOk, relate
 	const [confirmLoading, setConfirmLoading] = useState(false);
 	const companyGrops = useAppSelector((state) => state.company_groups.raw_rows);
 	const companyGropsLoading = useAppSelector((state) => state.company_groups.loading);
+	const activeCompanyGroup = useAppSelector((state) => state.catalogue_jur.activeCompanyGroup);
 
 	async function getInitialData() {
-		if (!relatedGroupId) return;
+		if (!relatedGroupId) {
+			form.setFieldsValue({
+				company_group_id: activeCompanyGroup?.id ?? undefined,
+			});
+			return;
+		}
 		setInitialDataLoading(true);
 		try {
 			const data = await fetchRelatedGroup(relatedGroupId);
@@ -36,7 +42,7 @@ export const RelatedGroupForm: React.FC<Props> = ({ open, onCancel, onOk, relate
 			form.setFieldsValue({
 				crm_id: data?.crm_id,
 				name: data?.name,
-				created_date: data?.created_date ?? dayjs().format('YYYY-MM-DD'),
+				created_date: data?.created_date ?? null,
 				company_group_id: data?.company_group_id,
 			});
 		} catch (e) {
@@ -53,7 +59,7 @@ export const RelatedGroupForm: React.FC<Props> = ({ open, onCancel, onOk, relate
 		try {
 			const { created_date, name, crm_id, company_group_id } = await form.validateFields();
 			await onOk({
-				created_date: created_date ?? dayjs().format('YYYY-MM-DD'),
+				created_date: created_date ?? (relatedGroupId ? null : dayjs().format('YYYY-MM-DD')),
 				name,
 				crm_id,
 				company_group_id: relatedGroupId ? undefined : company_group_id,
@@ -61,6 +67,14 @@ export const RelatedGroupForm: React.FC<Props> = ({ open, onCancel, onOk, relate
 			});
 		} catch (e) {
 			if (e instanceof ApiError) {
+				if (e.code === 'CRM_ID_EXISTS') {
+					form.setFields([
+						{
+							name: 'crm_id',
+							errors: [e.message],
+						},
+					]);
+				}
 				notification.error({
 					description: e.message,
 				});
@@ -96,7 +110,7 @@ export const RelatedGroupForm: React.FC<Props> = ({ open, onCancel, onOk, relate
 			confirmLoading={confirmLoading}>
 			<Form form={form} layout='vertical'>
 				<FormItem name='crm_id' label='ID в CRM'>
-					<Input placeholder='Генерируется автоматически' />
+					<Input />
 				</FormItem>
 				<FormItem name='name' label='Наименование' rules={[{ required: true, message: 'Укажите наименование' }]}>
 					<Input />

web/src/widgets/RelatedGroupTable/RelatedGroupTable.tsx

@@ -62,17 +62,9 @@ export function RelatedGroupTable({ tabsComponent, data, loading, getData, activ
 	}
 
 	async function editRelatedGroupHandler(values: RelatedGroupFormType) {
-		try {
-			await editRelatedGroup(groupId, values);
-			getData();
-			closeEditRelatedGroupHandler();
-		} catch (e) {
-			if (e instanceof ApiError) {
-				notification.error({
-					description: e.message,
-				});
-			}
-		}
+		await editRelatedGroup(groupId, values);
+		getData();
+		closeEditRelatedGroupHandler();
 	}
 
 	const extraColumns: ColumnsType<RelatedGroupOut> = useMemo(
@@ -167,9 +159,7 @@ export function RelatedGroupTable({ tabsComponent, data, loading, getData, activ
 					onCancel={() => {
 						closeEditRelatedGroupHandler();
 					}}
-					onOk={async (values) => {
-						await editRelatedGroupHandler(values);
-					}}
+					onOk={editRelatedGroupHandler}
 				/>
 			)}
 			{deleteModalOpen && (

web/src/widgets/RelatedGroupTable/config.tsx

@@ -6,13 +6,17 @@ import { store } from '../../store/store';
 import type { RelatedGroupOut } from '../../types/api';
 export const relateGroupConfig: TableConfig<RelatedGroupOut> = {
 	rowKey: 'id',
-	searchableKeys: ['code', 'name', 'members_count', 'created_date'],
+	searchableKeys: ['code', 'crm_id', 'name', 'members_count', 'created_date'],
 	columns: [
 		{
 			key: 'code',
 			title: 'ID',
 			features: { search: true, multiselect: true },
 		},
+		{
+			key: 'crm_id',
+			title: 'ID в CRM',
+		},
 		{
 			key: 'name',
 			title: 'Наименование',
@@ -35,7 +39,7 @@ export const relateGroupConfig: TableConfig<RelatedGroupOut> = {
 			key: 'created_date',
 			title: 'Дата создания',
 			render: (val) => {
-				return new Date(val as string).toLocaleDateString('ru-RU');
+				return val ? new Date(val as string).toLocaleDateString('ru-RU') : '—';
 			},
 		},
 	],