import React, { useState, useEffect } from 'react';
import styles from './index.less';
import { Input ,Menu,Table,Space,Pagination,Tooltip, Button, Checkbox } from 'antd';

import { Link, useIntl, connect, Dispatch } from 'umi';


const {TextArea} = Input;

const ChangeSetting = () => {

  return (
    <div className={styles.base}>
 
      {/* 头部组件 */}
      <div className={styles.box}>
        <div className={styles.item1}>Payment Settings</div>
        <button className={styles.item3}>返回</button>
      </div>

      {/* 内容组件 */}
      <div  className={styles.box1}>
        <div className={styles.box1item1}>none</div>
        <div className={styles.box1item2}>
          <Input style={{width:80,height:32}} placeholder="7"/><span>号</span>
        </div>
      </div>
      <div  className={styles.box2}>
        <div className={styles.box2item1}>none</div>
        <div className={styles.box2item2}>
          <TextArea style={{ width: 423, height: 142 }} autoSize={false} />
          <div className={styles.tip}>12321</div>
        </div>
      </div>
      <div  className={styles.box3}>
        <div className={styles.box3item1}>none</div>
        <div className={styles.box3item2}>
          <div>
             <Checkbox>12</Checkbox>
          </div>
          <div>
             <Checkbox>12</Checkbox>
          </div>
        </div>
      </div>
      {/* 操作组件 */}
      <div  className={styles.line}></div>
      <Button type="primary" style={{ width: 80, height: 32 }}>提交</Button>
      
    
    </div>
  );
};


export default ChangeSetting;
