From 14b977b28ac735fa0f8d6fff8157fcd72af57588 Mon Sep 17 00:00:00 2001
From: linfeng <2819853134@qq.com>
Date: Wed, 26 Mar 2025 10:39:24 +0800
Subject: [PATCH] l

---
 .../src/app/main/staffinfo_write/infoCard.tsx | 28 ++++++++++++-------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/apps/web/src/app/main/staffinfo_write/infoCard.tsx b/apps/web/src/app/main/staffinfo_write/infoCard.tsx
index 027e1b6..33373f2 100644
--- a/apps/web/src/app/main/staffinfo_write/infoCard.tsx
+++ b/apps/web/src/app/main/staffinfo_write/infoCard.tsx
@@ -1,29 +1,37 @@
-import { Card, Button, Input, Space } from 'antd';
+import { Input, Button, Space } from 'antd';
 import React, { useState } from 'react';
 
 type InfoCardProps = {
     onAdd: (content: string) => void;
 }
-const InfoCard:React.FC<InfoCardProps> = ({onAdd}) => {
+const InfoCard: React.FC<InfoCardProps> = ({ onAdd }) => {
     const [content, setContent] = useState('');
+    const [addedContents, setAddedContents] = useState<string[]>([]);
+
     const handleAdd = () => {
-        if(content){
+        if (content) {
             onAdd(content);
+            setAddedContents([...addedContents, content]);
             setContent('');
         }
     }
     return (
-        <Card >
+        // 增大内边距，避免内容被覆盖
+        <div style={{ border: '1px solid #d9d9d9', padding: '24px' }}>
             <Space>
                 <Input
-                 placeholder='请输入内容'
-                 value={content}
-                 onChange={(e) => setContent(e.target.value)}
-                >
-                </Input>
+                    placeholder='请输入内容'
+                    value={content}
+                    onChange={(e) => setContent(e.target.value)}
+                />
                 <Button type='primary' onClick={handleAdd}>添加</Button>
             </Space>
-        </Card>
+            <div style={{ marginTop: '24px' }}>
+                {addedContents.map((item, index) => (
+                    <div key={index}>{item}</div>
+                ))}
+            </div>
+        </div>
     );
 }
 export default InfoCard;
\ No newline at end of file