text: import React, { Component } from 'react';
  import { Button, Table, Pagination } from '@icedesign/base';
  
  const mockData = [
    {
      number: '( 2018 ) 浙执1号',
      applicant: '淘小宝',
      execution: '某某公司',
      department: '执行局',
      holder: '淘小宝',
      status: '业务庭分案',
    },
    {
      number: '( 2018 ) 浙执2号',
      applicant: '淘小宝',
      execution: '某某公司',
      department: '执行局',
      holder: '淘小宝',
      status: '办理中',
    },
    {
      number: '( 2018 ) 浙执2号',
      applicant: '淘小宝',
      execution: '某某公司',
      department: '执行局',
      holder: '淘小宝',
      status: '申请归档',
    },
    {
      number: '( 2018 ) 浙执4号',
      applicant: '淘小宝',
      execution: '某某公司',
      department: '执行局',
      holder: '淘小宝',
      status: '申请报结',
    },
    {
      number: '( 2018 ) 浙执5号',
      applicant: '淘小宝',
      execution: '某某公司',
      department: '执行局',
      holder: '淘小宝',
      status: '立案',
    },
    {
      number: '( 2018 ) 浙执6号',
      applicant: '淘小宝',
      execution: '某某科技公司',
      department: '执行局',
      holder: '淘小宝',
      status: '办理中',
    },
  ];
  
  export default class AllocationTable extends Component {
    static displayName = 'AllocationTable';
  
    constructor(props) {
      super(props);
      this.state = {
        current: 2,
      };
    }
  
    onPageChange = (current) => {
      this.setState({
        current,
      });
    };
  
    render() {
      const actionRender = () => {
        return (
          <Button size="large" style={styles.button}>
            分配账号
          </Button>
        );
      };
  
      return (
        <div style={styles.container}>
          <Table dataSource={mockData} primaryKey="number" style={styles.table}>
            <Table.Column align="center" title="案号" dataIndex="number" />
            <Table.Column align="center" title="申请人" dataIndex="applicant" />
            <Table.Column align="center" title="被执行人" dataIndex="execution" />
            <Table.Column
              align="center"
              title="承办部门"
              dataIndex="department"
            />
            <Table.Column align="center" title="承办人" dataIndex="holder" />
            <Table.Column align="center" title="案件状态" dataIndex="status" />
            <Table.Column align="center" title="操作" cell={actionRender} />
          </Table>
          <div style={styles.pagination}>
            <Pagination
              current={this.state.current}
              onChange={this.onPageChange}
              size="large"
            />
          </div>
        </div>
      );
    }
  }
  
  const styles = {
    container: {
      margin: '0 20px',
      letterSpacing: '2px',
    },
    button: {
      margin: '0 8px',
      padding: '0 16px',
      letterSpacing: '2px',
    },
    table: {
      margin: '20px 0',
    },
    pagination: {
      textAlign: 'center',
      marginBottom: '20px',
    },
  };
  