import { Button, Form } from 'antd';
import { useNavigate } from 'react-router-dom';
import './index.scss';

const ServiceDetail = () => {
  const navigate = useNavigate();

  //返回
  const backRoute = () => {
    navigate(-1);
  };
  return (
    <div className='service-detail'>
      <div className='service-detail-operate'>
        <Button type='primary'>修改</Button>
        <Button type='primary' onClick={backRoute}>
          返回
        </Button>
      </div>
      <div className='service-detail-form'>
        <Form labelCol={{ span: 2 }} wrapperCol={{ span: 16 }}>
          <Form.Item label='服务名称'>哈哈</Form.Item>
          <Form.Item label='应用类型'>哈哈</Form.Item>
          <Form.Item label='对应行业'>哈哈</Form.Item>
          <Form.Item label='展示状态'>哈哈</Form.Item>
          <Form.Item label='封面图'></Form.Item>
          <Form.Item label='分享卡片'></Form.Item>
          <Form.Item label='视频'></Form.Item>
        </Form>
      </div>
    </div>
  );
};
export default ServiceDetail;
