import React from 'react';
import { Card, Typography, Row, Col, Button } from 'antd';
import { AlertOutlined, PlusOutlined } from '@ant-design/icons';

const { Title, Text } = Typography;

const AfterSalesManagement: React.FC = () => {
  return (
    <div>
      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 24 }}>
        <Title level={4}>售后服务</Title>
        <Button type="primary" icon={<PlusOutlined />}>
          添加售后记录
        </Button>
      </div>

      <Row gutter={[16, 16]}>
        <Col span={24}>
          <Card title="售后列表">
            <Text>售后服务页面内容</Text>
          </Card>
        </Col>
      </Row>
    </div>
  );
};

export default AfterSalesManagement;
