= ({ task, visible, onClose }) => {
+ const [comment, setComment] = useState('');
+ const queryClient = useQueryClient();
+
+ // Мутация для решения задачи
+ const resolveMutation = useMutation({
+ mutationFn: (payload: TaskResolutionPayload) =>
+ tasksApi.resolveTask(task!.id, payload),
+ onSuccess: () => {
+ message.success('Задача обработана');
+ queryClient.invalidateQueries({ queryKey: ['tasks'] });
+ onClose();
+ setComment('');
+ },
+ onError: () => message.error('Ошибка при обработке задачи'),
+ });
+
+ // Мутация для создания сущности в SD
+ const createSdMutation = useMutation({
+ mutationFn: () => tasksApi.createEntityInSd(task!.id, task!.entity_type),
+ onSuccess: () => {
+ message.success('Запрос на создание в SD отправлен');
+ queryClient.invalidateQueries({ queryKey: ['tasks'] });
+ onClose();
+ },
+ });
+
+ if (!task) return null;
+
+ const handleResolve = () => {
+ // В реальном приложении здесь может быть сложная форма выбора действия (Action)
+ // Для примера берем action='create' или 'approve' по умолчанию
+ resolveMutation.mutate({
+ status: 'resolved',
+ comment,
+ resolution_payload: { action: 'create' }
+ });
+ };
+
+ const handleReject = () => {
+ resolveMutation.mutate({
+ status: 'rejected',
+ comment,
+ resolution_payload: { action: 'reject' } // Зависит от бэкенда
+ });
+ };
+
+ const renderDetails = () => {
+ // Рендерим детали динамически, так как структура зависит от типа задачи
+ return (
+
+ {Object.entries(task.details).map(([key, value]) => {
+ // Если значение - объект, рендерим его как JSON string (упрощенно)
+ const displayValue = typeof value === 'object' ? JSON.stringify(value, null, 2) : String(value);
+ return (
+
+
+ {displayValue}
+
+
+ );
+ })}
+
+ );
+ };
+
+ return (
+
+
+
+
+ {new Date(task.created_at).toLocaleString()}
+
+
+
+ {task.status === 'new' && (
+
+ )}
+
+ {renderDetails()}
+
+
+ setComment(e.target.value)}
+ style={{ marginBottom: 16 }}
+ disabled={task.status !== 'new'}
+ />
+
+ {task.status === 'new' && (
+
+
+
+ {/* Спец кнопка для Add Equipment, если еще не отправлено в SD */}
+ {task.task_type === 'add_equipment' && (
+
+ )}
+
+ )}
+
+
+ );
+};
+
+export default TaskResolutionModal;
\ No newline at end of file
diff --git a/src/pages/SearchPage.tsx b/src/pages/SearchPage.tsx
new file mode 100644
index 0000000..65a0d20
--- /dev/null
+++ b/src/pages/SearchPage.tsx
@@ -0,0 +1,104 @@
+import React from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { useQuery } from '@tanstack/react-query';
+import { Card, List, Typography, Spin, Empty, Badge, Button, Space } from 'antd';
+import { searchApi } from '@/api/search';
+import { getEntityIcon, getEntityLabel, getStatusColor } from '@/utils/mappers';
+import { ArrowRightOutlined } from '@ant-design/icons';
+import { SearchFoundEntity, EntityData } from '@/types/api';
+
+const { Title, Text } = Typography;
+
+const SearchPage: React.FC = () => {
+ const [searchParams] = useSearchParams();
+ const term = searchParams.get('term') || '';
+
+ const { data, isLoading, isError } = useQuery({
+ queryKey: ['search', term],
+ queryFn: () => searchApi.searchEntities(term),
+ enabled: !!term,
+ staleTime: 1000 * 60,
+ });
+
+ if (!term) {
+ return (
+
+
Введите запрос для поиска
+ IP адрес, серийный номер, ИНН или название
+
+ );
+ }
+
+ if (isLoading) return
;
+ if (isError) return Ошибка при выполнении поиска;
+
+ const results = data?.data?.search_results || [];
+
+ return (
+
+
Результаты поиска: "{term}"
+
+ {results.length === 0 ? (
+
+ ) : (
+
+ {results.map((group) => (
+
+ {getEntityIcon('Company')}
+ {group.owner.name}
+ {group.owner.address}
+
+ }
+ className="glass-panel"
+ extra={
}
+ >
+
{
+ const d = item.data as EntityData;
+ const title = d.device_name || d.rn_kkt || d.uuid;
+ const subtitle = d.ip || d.serial_number || '';
+ const statusRaw = d.operational_status || d.health_status;
+
+ // getStatusColor теперь возвращает корректный Union Type для Badge
+ const badgeStatus = getStatusColor(statusRaw);
+
+ return (
+
+
+ {getEntityIcon(item.entity_type)}
+