tijiao

src/view/Manage/AssetManage/Component/QuestionModalButton.tsx

 import { useSetState } from "ahooks"
 import { Button, Drawer,Space,Collapse, Input } from "antd"
 import React, { useState } from "react"
-import {EditOutlined} from "@ant-design/icons"
+import { CheckOutlined, DeleteOutlined, EditOutlined, RollbackOutlined} from "@ant-design/icons"
 
 const {Panel} = Collapse
 
@@ -77,6 +77,11 @@ const QuestionModalButton:React.FC<any>=(props)=>{
         setEditKey(item.id)
     }
 
+    const deleteItem=(item)=>{
+        const templist = list.filter((i:any)=>(item.id!==i.id))
+        setList(templist)
+    }
+
     return(
         <React.Fragment>
             <Button onClick={openModal}>资产标注</Button>
@@ -105,12 +110,25 @@ const QuestionModalButton:React.FC<any>=(props)=>{
                                 if(item.id===eidtKey){
                                     return(
                                         <Collapse key={key} activeKey={'1'}>
-                                            <Panel header={<Input style={{width:'80%'}} placeholder="请输入提示词" value={editInfo.question} onChange={(e:any)=>{setEditInfo({question:e.target.value})}} />} key="1">
+                                            <Panel header={<Input prefix={<span>问题{key+1}：</span>} style={{width:'80%'}} placeholder="请输入提示词" value={editInfo.question} onChange={(e:any)=>{setEditInfo({question:e.target.value})}} />} key="1" extra={readOnly?undefined:(<Space>
+                                                    <CheckOutlined 
+                                                        onClick={(event)=>{
+                                                            event.stopPropagation();
+                                                            save()
+                                                        }}
+                                                    />
+                                                    <RollbackOutlined 
+                                                        onClick={(event)=>{
+                                                            event.stopPropagation();
+                                                            cancel()
+                                                        }}
+                                                    />
+                                                </Space>)}>
                                                 <Input.TextArea 
                                                     value={editInfo.sql}
                                                     autoSize={{minRows:4,maxRows:8}}
                                                     onChange={(e:any)=>{setEditInfo({sql:e.target.value})}}
-                                                    placeholder="请输入问题答案"
+                                                    placeholder="请输入答案SQL"
                                                 />
                                             </Panel>
                                         </Collapse>
@@ -118,12 +136,20 @@ const QuestionModalButton:React.FC<any>=(props)=>{
                                 }else{
                                     return(
                                         <Collapse key={key} collapsible="header" defaultActiveKey={['1']}>
-                                            <Panel header={item.question} key="1" extra={readOnly?undefined:(<EditOutlined 
-                                                onClick={(event)=>{
-                                                    event.stopPropagation();
-                                                    editItem(item)
-                                                }}
-                                            />)}>
+                                            <Panel header={`问题${key+1}：${item?.question}`} key="1" extra={readOnly?undefined:(<Space>
+                                                    <EditOutlined 
+                                                        onClick={(event)=>{
+                                                            event.stopPropagation();
+                                                            editItem(item)
+                                                        }}
+                                                    />
+                                                    <DeleteOutlined 
+                                                        onClick={(event)=>{
+                                                            event.stopPropagation();
+                                                            deleteItem(item)
+                                                        }}
+                                                    />
+                                                </Space>)}>
                                                 {item.sql}
                                             </Panel>
                                         </Collapse>