|
|
@ -1,16 +1,18 @@ |
|
|
|
import React, { useState } from'react'; |
|
|
|
import { Button, Form, Input, Radio } from 'antd'; |
|
|
|
import { useNavigate } from 'react-router'; |
|
|
|
import { |
|
|
|
CloseSquareOutlined |
|
|
|
} from '@ant-design/icons'; |
|
|
|
import "./track.scss" |
|
|
|
import { addTrack } from '../../services/track/trackShape'; |
|
|
|
const { Item } = Form; |
|
|
|
const { Group } = Radio; |
|
|
|
|
|
|
|
const AddTrack = () => { |
|
|
|
const [formList, setFormList] = useState<any>([{ type: 'arc' }]); |
|
|
|
const [form] = Form.useForm(); |
|
|
|
|
|
|
|
const navigate = useNavigate() |
|
|
|
const addArcForm = () => { |
|
|
|
setFormList([...formList, { type: 'arc' }]); |
|
|
|
}; |
|
|
@ -71,6 +73,10 @@ const AddTrack = () => { |
|
|
|
} |
|
|
|
}); |
|
|
|
console.log(result); |
|
|
|
addTrack({points:result}).then(res => { |
|
|
|
console.log("res=======添加成功==", res) |
|
|
|
}) |
|
|
|
|
|
|
|
}) |
|
|
|
.catch((error) => { |
|
|
|
console.error('表单校验失败:', error); |
|
|
@ -78,6 +84,10 @@ const AddTrack = () => { |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
const onCancel = () => { |
|
|
|
navigate(-1) |
|
|
|
} |
|
|
|
|
|
|
|
return ( |
|
|
|
<div className='track'> |
|
|
|
<div className='track_btn'> |
|
|
@ -143,10 +153,10 @@ const AddTrack = () => { |
|
|
|
rules={[{ required: true }]} |
|
|
|
> |
|
|
|
<Group> |
|
|
|
<Radio value="上">上</Radio> |
|
|
|
<Radio value="下">下</Radio> |
|
|
|
<Radio value="左">左</Radio> |
|
|
|
<Radio value="右">右</Radio> |
|
|
|
<Radio value="up">上</Radio> |
|
|
|
<Radio value="down">下</Radio> |
|
|
|
<Radio value="left">左</Radio> |
|
|
|
<Radio value="right">右</Radio> |
|
|
|
</Group> |
|
|
|
</Form.Item> |
|
|
|
</div> |
|
|
@ -154,7 +164,7 @@ const AddTrack = () => { |
|
|
|
<div key={index} className='arc_item'> |
|
|
|
<div className="flex"> |
|
|
|
<h3>直线</h3> |
|
|
|
<div className='ml-[auto]'><CloseSquareOutlined /></div> |
|
|
|
<div className='ml-[auto]'><CloseSquareOutlined onClick={()=>onDel(index)}/></div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<Form.Item |
|
|
@ -196,6 +206,9 @@ const AddTrack = () => { |
|
|
|
<Button type="primary" onClick={onSave}> |
|
|
|
保存 |
|
|
|
</Button> |
|
|
|
<Button onClick={onCancel} className="ml-[20px]"> |
|
|
|
返回 |
|
|
|
</Button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
); |
|
|
|