feat: 端口资产部分接口对接完成

src/App/routers/routers.tsx

@@ -17,9 +17,9 @@ import TaskPageList from '@/pages/TaskPageList';
 import TaskScript from '@/pages/TaskScript';
 import TaskDetail from '@/pages/TaskDetail';
 import ReportManage from '@/pages/ReportManage';
-import DataService from '@/pages/DataService';
 import NodeConfig from '@/pages/NodeConfig';
 import SystemManagement from '@/pages/SystemManagement';
+import { PortAssets } from '@/pages/DataService/PortAssets';
 
 // 继承路由接口，增加name字段
 type RouteObjectRootMy = RouteObject & {
@@ -47,9 +47,9 @@ const routers: RouteObjectRootMy[] = [
                 icon: <TaskCenterIcon />,
                 children: [
                     {
-                        path: 'task_list',
+                        path: 'task-list',
                         name: '任务列表',
-                        key: 'task_list',
+                        key: 'task-list',
                         children: [
                             {
                                 index: true,
@@ -61,15 +61,15 @@ const routers: RouteObjectRootMy[] = [
                                 element: <TaskDetail />,
                                 name: '任务详情',
                                 hidden: true,
-                                parentpath: '/task/task_list',
+                                parentpath: '/task/task-list',
                             },
                         ],
                     },
                     {
-                        path: 'task_script',
+                        path: 'task-script',
                         element: <TaskScript />,
                         name: '脚本列表',
-                        key: 'task_script',
+                        key: 'task-script',
                     },
                 ],
             },
@@ -83,9 +83,16 @@ const routers: RouteObjectRootMy[] = [
             {
                 path: 'data-service',
                 name: '数据库',
-                key: 'data',
+                key: 'data-service',
                 icon: <DataServiceIcon />,
-                element: <DataService />,
+                children: [
+                    {
+                        path: 'port',
+                        name: '端口资产',
+                        key: 'port-assets',
+                        element: <PortAssets />,
+                    },
+                ],
             },
             {
                 path: 'node-config',

src/apis/taskDetail/types.ts

@@ -13,7 +13,8 @@ interface TGetAssetsProtsRequest {
     services?: string[];
     state?: string;
     tags?: string[];
-    taskid: string;
+    taskid?: string;
+    Ppge?: number;
 }
 
 // 获取端口资产 响应参数
@@ -31,7 +32,6 @@ interface TGetAssetsProtsResponse {
     created_at: number;
     id: number;
     updated_at: number;
-    [property: string]: any;
 }
 
 export type { TGetAssetsProtsRequest, TGetAssetsProtsResponse };

src/pages/DataService/PortAssets/index.tsx

@@ -0,0 +1,87 @@
+import { FC } from 'react';
+
+import { WizardTable } from '@/compoments';
+
+import { getAssetsProts } from '@/apis/taskDetail';
+import { CreateTableProps } from '@/compoments/WizardTable/types';
+import { Tag } from 'antd';
+import dayjs from 'dayjs';
+import { TGetAssetsProtsResponse } from '@/apis/taskDetail/types';
+
+const PortAssets: FC = () => {
+    const [page] = WizardTable.usePage();
+
+    const ProtColumns: CreateTableProps<TGetAssetsProtsResponse>['columns'] = [
+        {
+            title: '网络地址',
+            dataIndex: 'hosts',
+            columnsHeaderFilterType: 'input',
+            width: 180,
+            render: (_, render) =>
+                render?.ip_integer ? render?.ip_integer : '-',
+        },
+        {
+            title: '端口',
+            dataIndex: 'ports',
+            columnsHeaderFilterType: 'input',
+            width: 60,
+            render: (_, render) =>
+                render?.port ? <Tag color="default">{render?.port}</Tag> : '-',
+        },
+        {
+            title: '协议',
+            dataIndex: 'proto',
+            width: 60,
+            render: (value) =>
+                value ? <Tag color="success">{value}</Tag> : '-',
+        },
+        {
+            title: '服务指纹',
+            dataIndex: 'services',
+            columnsHeaderFilterType: 'input',
+            width: 180,
+            render: (_, render) =>
+                render?.fingerprint ? render?.fingerprint : '-',
+        },
+        {
+            title: '最近更新时间',
+            dataIndex: 'updated_at',
+            width: 260,
+            render: (value) =>
+                value ? dayjs.unix(value).format('YYYY-MM-DD HH:ss') : '-',
+        },
+    ];
+
+    const dowload_request = async () => {
+        return 111;
+    };
+
+    return (
+        <WizardTable
+            page={page}
+            rowKey={'id'}
+            columns={ProtColumns}
+            tableHeader={{
+                title: '端口资产列表',
+                options: {
+                    dowloadFile: {
+                        dowload_request,
+                    },
+                },
+            }}
+            request={async (params, filter) => {
+                const { data } = await getAssetsProts({
+                    ...params,
+                    ...filter,
+                });
+
+                return {
+                    list: data?.list ?? [],
+                    pagemeta: data?.pagemeta,
+                };
+            }}
+        />
+    );
+};
+
+export { PortAssets };