Merge pull request '[AURORA-1970]: Справочники: состав ГСК/ГСЗ и реестр «ЮЛ вне ГК»' (#221) from fix/aurora-1970-update-design into main
This commit is contained in:
commit
cf8ede359d
@ -45,6 +45,7 @@ export function CatalogueJur() {
|
|||||||
{createFormOpen && (
|
{createFormOpen && (
|
||||||
<CatalogueJurForm
|
<CatalogueJurForm
|
||||||
open={createFormOpen}
|
open={createFormOpen}
|
||||||
|
outsideGroup={outside_group}
|
||||||
onCancel={() => {
|
onCancel={() => {
|
||||||
setCreateFormOpen(false);
|
setCreateFormOpen(false);
|
||||||
}}
|
}}
|
||||||
|
|||||||
@ -10,6 +10,7 @@ const initialState: CatalogueJurSliceType = {
|
|||||||
total_groups: 0,
|
total_groups: 0,
|
||||||
loading: false,
|
loading: false,
|
||||||
error: null,
|
error: null,
|
||||||
|
currentRequestId: null,
|
||||||
isGettingArchive: false,
|
isGettingArchive: false,
|
||||||
relatedGroupFilter: null,
|
relatedGroupFilter: null,
|
||||||
activeCompanyGroup: null,
|
activeCompanyGroup: null,
|
||||||
@ -29,21 +30,33 @@ const catalogueJurSlice = createSlice({
|
|||||||
state.activeCompanyGroup = action.payload;
|
state.activeCompanyGroup = action.payload;
|
||||||
state.relatedGroupFilter = null;
|
state.relatedGroupFilter = null;
|
||||||
},
|
},
|
||||||
|
resetRows(state) {
|
||||||
|
state.raw_rows = [];
|
||||||
|
state.total_groups = 0;
|
||||||
|
// Запрос, начатый до сброса, больше не нужен: его ответ отбросится в fulfilled/rejected
|
||||||
|
state.currentRequestId = null;
|
||||||
|
state.loading = false;
|
||||||
|
},
|
||||||
},
|
},
|
||||||
extraReducers: (builder) => {
|
extraReducers: (builder) => {
|
||||||
builder
|
builder
|
||||||
.addCase(getCatalogueJurThunk.pending, (state, _) => {
|
.addCase(getCatalogueJurThunk.pending, (state, action) => {
|
||||||
|
state.currentRequestId = action.meta.requestId;
|
||||||
state.loading = true;
|
state.loading = true;
|
||||||
state.error = null;
|
state.error = null;
|
||||||
})
|
})
|
||||||
.addCase(getCatalogueJurThunk.fulfilled, (state, action) => {
|
.addCase(getCatalogueJurThunk.fulfilled, (state, action) => {
|
||||||
|
if (action.meta.requestId !== state.currentRequestId) return;
|
||||||
state.raw_rows = action.payload.items;
|
state.raw_rows = action.payload.items;
|
||||||
state.total_groups = action.payload.total;
|
state.total_groups = action.payload.total;
|
||||||
state.loading = false;
|
state.loading = false;
|
||||||
|
state.currentRequestId = null;
|
||||||
})
|
})
|
||||||
.addCase(getCatalogueJurThunk.rejected, (state, action) => {
|
.addCase(getCatalogueJurThunk.rejected, (state, action) => {
|
||||||
|
if (action.meta.requestId !== state.currentRequestId) return;
|
||||||
state.error = action.payload ?? 'Неизвестная ошибка';
|
state.error = action.payload ?? 'Неизвестная ошибка';
|
||||||
state.loading = false;
|
state.loading = false;
|
||||||
|
state.currentRequestId = null;
|
||||||
})
|
})
|
||||||
// Выбранная ГК — копия строки списка ГК: после перезагрузки списка берём свежую (счётчик ЮЛ в шапке и вкладке)
|
// Выбранная ГК — копия строки списка ГК: после перезагрузки списка берём свежую (счётчик ЮЛ в шапке и вкладке)
|
||||||
.addCase(getCompanyGroupsThunk.fulfilled, (state, action) => {
|
.addCase(getCompanyGroupsThunk.fulfilled, (state, action) => {
|
||||||
@ -54,5 +67,5 @@ const catalogueJurSlice = createSlice({
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
export const { setIsGettingArchive, setRelatedGroupFilter, setActiveCompanyGroup } = catalogueJurSlice.actions;
|
export const { setIsGettingArchive, setRelatedGroupFilter, setActiveCompanyGroup, resetRows } = catalogueJurSlice.actions;
|
||||||
export default catalogueJurSlice.reducer;
|
export default catalogueJurSlice.reducer;
|
||||||
|
|||||||
@ -7,6 +7,7 @@ export interface CatalogueJurSliceType {
|
|||||||
raw_rows: ICatalogueJur[];
|
raw_rows: ICatalogueJur[];
|
||||||
loading: boolean;
|
loading: boolean;
|
||||||
error: string | null;
|
error: string | null;
|
||||||
|
currentRequestId: string | null;
|
||||||
isGettingArchive: boolean;
|
isGettingArchive: boolean;
|
||||||
relatedGroupFilter?: RelatedGroupOut | null;
|
relatedGroupFilter?: RelatedGroupOut | null;
|
||||||
activeCompanyGroup?: ICompanyGroup | null;
|
activeCompanyGroup?: ICompanyGroup | null;
|
||||||
|
|||||||
@ -16,6 +16,7 @@ type Props = {
|
|||||||
onCancel: () => void;
|
onCancel: () => void;
|
||||||
onOk: (values: CatalogueJurFormProps) => void | Promise<void>;
|
onOk: (values: CatalogueJurFormProps) => void | Promise<void>;
|
||||||
jurId?: string;
|
jurId?: string;
|
||||||
|
outsideGroup?: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
// Ошибки сервера, относящиеся к одному полю, показываем у этого поля
|
// Ошибки сервера, относящиеся к одному полю, показываем у этого поля
|
||||||
@ -26,7 +27,7 @@ const FIELD_BY_ERROR_CODE: Record<string, keyof CatalogueJurFormProps> = {
|
|||||||
CRM_ID_EXISTS: 'crm_id',
|
CRM_ID_EXISTS: 'crm_id',
|
||||||
};
|
};
|
||||||
|
|
||||||
export const CatalogueJurForm: React.FC<Props> = ({ open, onCancel, onOk, jurId }) => {
|
export const CatalogueJurForm: React.FC<Props> = ({ open, onCancel, onOk, jurId, outsideGroup = false }) => {
|
||||||
const [form] = Form.useForm<CatalogueJurFormProps>();
|
const [form] = Form.useForm<CatalogueJurFormProps>();
|
||||||
const notification = useNotificationApi();
|
const notification = useNotificationApi();
|
||||||
const [initialDataLoading, setInitialDataLoading] = useState(false);
|
const [initialDataLoading, setInitialDataLoading] = useState(false);
|
||||||
@ -67,7 +68,9 @@ export const CatalogueJurForm: React.FC<Props> = ({ open, onCancel, onOk, jurId
|
|||||||
} finally {
|
} finally {
|
||||||
setInitialDataLoading(false);
|
setInitialDataLoading(false);
|
||||||
}
|
}
|
||||||
} else {
|
} else if (!outsideGroup) {
|
||||||
|
// Создание из карточки ГК: подставляем выбранную ГК. В «ЮЛ вне ГК» не подставляем —
|
||||||
|
// выбранная ГК остаётся в сторе после ухода со страницы «ГК и организации».
|
||||||
form.setFieldsValue({
|
form.setFieldsValue({
|
||||||
company_group_id: activeCompanyGroup?.id ?? undefined,
|
company_group_id: activeCompanyGroup?.id ?? undefined,
|
||||||
});
|
});
|
||||||
@ -253,7 +256,7 @@ export const CatalogueJurForm: React.FC<Props> = ({ open, onCancel, onOk, jurId
|
|||||||
<Col span={12}>
|
<Col span={12}>
|
||||||
<Form.Item name='company_group_id' label='ГК'>
|
<Form.Item name='company_group_id' label='ГК'>
|
||||||
<Select
|
<Select
|
||||||
disabled={!!jurId}
|
disabled={!!jurId || outsideGroup}
|
||||||
allowClear
|
allowClear
|
||||||
placeholder='— не указан —'
|
placeholder='— не указан —'
|
||||||
options={companyGroupOptions}
|
options={companyGroupOptions}
|
||||||
|
|||||||
@ -14,7 +14,7 @@ import { useNavigate } from 'react-router-dom';
|
|||||||
import { ApiError } from '../../../api/client';
|
import { ApiError } from '../../../api/client';
|
||||||
import { ColumnSettings, DataTable, useFilteredRows, useTableFilters, useVisibleColumns } from '../../../components/GenericTable';
|
import { ColumnSettings, DataTable, useFilteredRows, useTableFilters, useVisibleColumns } from '../../../components/GenericTable';
|
||||||
import { editCatalogueJur, moveCatalogueJur, withdrawCatalogueJur } from '../../../services/api/directories/catalogue_jur';
|
import { editCatalogueJur, moveCatalogueJur, withdrawCatalogueJur } from '../../../services/api/directories/catalogue_jur';
|
||||||
import { setIsGettingArchive, setRelatedGroupFilter } from '../../../store/slices/catalogueJurSlice/catalogueJurSlice';
|
import { resetRows, setIsGettingArchive, setRelatedGroupFilter } from '../../../store/slices/catalogueJurSlice/catalogueJurSlice';
|
||||||
import { getCatalogueJurThunk } from '../../../store/slices/catalogueJurSlice/thunks';
|
import { getCatalogueJurThunk } from '../../../store/slices/catalogueJurSlice/thunks';
|
||||||
import { getCompanyGroupsThunk } from '../../../store/slices/companyGroupsSlice/thunks';
|
import { getCompanyGroupsThunk } from '../../../store/slices/companyGroupsSlice/thunks';
|
||||||
import { useAppDispatch, useAppSelector } from '../../../store/store';
|
import { useAppDispatch, useAppSelector } from '../../../store/store';
|
||||||
@ -136,6 +136,12 @@ export function CatalogueJurTable({ outside_group, tabsComponent }: CatalogueJur
|
|||||||
}
|
}
|
||||||
}, [isGettingArchive, activeCompanyGroup, outside_group]);
|
}, [isGettingArchive, activeCompanyGroup, outside_group]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
return () => {
|
||||||
|
dispatch(resetRows());
|
||||||
|
};
|
||||||
|
}, [dispatch]);
|
||||||
|
|
||||||
const extraColumns: ColumnsType<ICatalogueJur> = useMemo(
|
const extraColumns: ColumnsType<ICatalogueJur> = useMemo(
|
||||||
() => [
|
() => [
|
||||||
{
|
{
|
||||||
@ -213,7 +219,7 @@ export function CatalogueJurTable({ outside_group, tabsComponent }: CatalogueJur
|
|||||||
<Input
|
<Input
|
||||||
allowClear
|
allowClear
|
||||||
prefix={<SearchOutlined />}
|
prefix={<SearchOutlined />}
|
||||||
placeholder='Поиск по ГК, CRM ID или РФ'
|
placeholder='Поиск по ЮЛ или ИНН'
|
||||||
value={rawQuery}
|
value={rawQuery}
|
||||||
onChange={(e) => setRawQuery(e.target.value)}
|
onChange={(e) => setRawQuery(e.target.value)}
|
||||||
style={{ maxWidth: 320 }}
|
style={{ maxWidth: 320 }}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user