diff --git a/admin-frontend/src/features/cookieManager/CookieManager.tsx b/admin-frontend/src/features/cookieManager/CookieManager.tsx
index c09f942..6da1e6a 100644
--- a/admin-frontend/src/features/cookieManager/CookieManager.tsx
+++ b/admin-frontend/src/features/cookieManager/CookieManager.tsx
@@ -1,13 +1,27 @@
 import React from 'react';
 import {
+  Button,
   Table, TableColumnProps, Typography,
 } from '@arco-design/web-react';
 import { useParams } from 'react-router-dom';
-
+import { useAppSelector } from '../../app/hooks'; import { useGetCookiesQuery, useDeleteCookieMutation } from './cookieConfigSlice';
 import './CookieManager.css';
+import { selectPlatformConf, selectSiteConf } from '../globalConf/globalConfSlice';
+import { PlatformConfig } from '../../utils/type';
+import CookieTargetModal from '../cookieTargetManager/CookieTargetModal';
+import CookieModal from './CookieModal';
 
 export default function CookieManager() {
   const { siteName } = useParams();
+  const siteConf = useAppSelector(selectSiteConf);
+  const platformConf = useAppSelector(selectPlatformConf);
+  const { data: cookieDict } = useGetCookiesQuery();
+  const cookiesList = cookieDict ? Object.values(cookieDict) : [];
+
+  const [showModal, setShowModal] = React.useState(false);
+  const handleAddCookie = () => () => {
+    setShowModal(true);
+  };
 
   let data = [
     {
@@ -23,9 +37,13 @@ export default function CookieManager() {
     },
   ];
   if (siteName) {
-    data = data.filter((tSite) => tSite.site_name === siteName);
+    data = cookiesList.filter((tSite) => tSite.site_name === siteName);
   }
-
+  console.log(Object.values(platformConf));
+  const platformThatSiteSupport: Record<string, string> = Object.values(platformConf).reduce((p, c) => {
+    p[c.siteName] = c.platformName;
+    return p;
+  }, {} as Record<string, string>);
   const columns: TableColumnProps[] = [
     {
       title: 'ID',
@@ -39,15 +57,32 @@ export default function CookieManager() {
       title: '所属站点',
       dataIndex: 'site_name',
     },
+    {
+      title: '最后使用时间',
+      dataIndex: 'last_usage',
+    },
+    {
+      title: '状态',
+      dataIndex: 'status',
+    },
+    {
+      title: 'CD',
+      dataIndex: 'cd_milliseconds',
+    },
 
   ];
-  console.log(data);
 
   return (
     <>
-      <Typography.Title heading={4} style={{ margin: '15px' }}>Cookie 管理</Typography.Title>
+      <div>
+
+        <Typography.Title heading={4} style={{ margin: '15px' }}>Cookie 管理</Typography.Title>
+
+        <Button style={{ width: '90px', margin: '20px 10px' }} type="primary" onClick={handleAddCookie()}>添加</Button>
+      </div>
 
       <Table columns={columns} data={data} />
+      <CookieModal visible={showModal} setVisible={setShowModal} siteName={siteName || ''} />
     </>
   );
 }
diff --git a/admin-frontend/src/utils/type.ts b/admin-frontend/src/utils/type.ts
index 54cb57b..c181ce0 100644
--- a/admin-frontend/src/utils/type.ts
+++ b/admin-frontend/src/utils/type.ts
@@ -28,6 +28,7 @@ export interface PlatformConfig {
   categories: CategoryConfig;
   enabledTag: boolean;
   platformName: string;
+  siteName: string;
   hasTarget: boolean;
 }