import React, { Component } from 'react'
import { Input, Space, Descriptions, Badge, message } from 'antd';
import { post } from '../../../utils/request'

const { Search } = Input;



export class loan extends Component {

  addLoan = () => {
    post("/mark/addLoan", { value: 10000 }).then(res => {
      console.log(res)
      message.info("添加一笔借款合约.")
    })
      .catch(err => {
        console.error(err);
      })
  }
  render() {
    return (

      <Descriptions title="个人信用及贷款记录" bordered>
        <Descriptions.Item label="客户">李明</Descriptions.Item>
        <Descriptions.Item label="信用分">85</Descriptions.Item>
        <Descriptions.Item label="上次评估日期">2021/1/26</Descriptions.Item>
        <Descriptions.Item label="目前信用状况" span={3}>
          <Badge status="processing" text="良好" />
        </Descriptions.Item>
        <Descriptions.Item label="最大贷款金额">¥80000</Descriptions.Item>
        <Descriptions.Item label="目前贷款金额">¥40000</Descriptions.Item>
        <Descriptions.Item label="可用贷款金额">¥40000</Descriptions.Item>
        <Descriptions.Item label="贷款记录">
          1.日期:2020/2/15 金额:¥50000
                  <br />
                  状况:还款完毕
                  <br />
          <br />
                  2.日期:2020/11/13 金额:¥40000
                  <br />
                  状况:未还款
                  <br />
          <br />
        </Descriptions.Item>
        <Space direction="vertical">
          <Search placeholder="输入贷款金额" enterButton="确认" onSearch={this.addLoan} style={{ width: 500 }} />
        </Space>
      </Descriptions>




    )
  }
}


export default loan