import React from 'react';
import { observer } from 'mobx-react';
import styles from './DetailPage.module.less';
import { Button } from "@grace/ui";

@observer
class RecordPage extends React.Component<any, any> {

    state = {}

    async componentDidMount() {

    }

    clickBack = () => {

    }

    render() {
        const {} = this.state;

        return <div className={styles.RecordPage}>
            <div className={styles.pageTitle}/>
            <Button className={styles.backBtn} onClick={this.clickBack}/>
            <div className={styles.list}>
                {
                    new Array(100).fill(1).map(() => {
                        return <div className={styles.item}>
                            <div className={styles.title}>纯债日开2号</div>
                            <div className={styles.date}>2025.06.23 10:32:32</div>
                            <div className={styles.num}>¥10000.00</div>
                            <div className={styles.state}>购买待确认</div>
                        </div>
                    })
                }
            </div>

        </div>;
    }
}

export default RecordPage;
