| | |
| | | import React, { useState, useRef, useEffect } from 'react'; |
| | | import { Spin, Form, Button } from 'antd'; |
| | | import { Spin, Descriptions, Button } from 'antd'; |
| | | import { FormattedMessage, useIntl, useModel } from '@umijs/max'; |
| | | import { LoadingOutlined } from '@ant-design/icons'; |
| | | import { createStyles } from 'antd-style'; |
| | |
| | | tableInfo: { |
| | | height: '100%', |
| | | width: '50%', |
| | | padding: '0 10px 0 15px' |
| | | } |
| | | } |
| | | }) |
| | |
| | | </Spin> |
| | | </div> |
| | | <div className={styles.tableInfo}> |
| | | |
| | | <Descriptions |
| | | bordered |
| | | layout="vertical" |
| | | column={1} |
| | | items={ |
| | | [ |
| | | { |
| | | key: '1', |
| | | label: 'Product', |
| | | children: 'Cloud Database', |
| | | }, |
| | | { |
| | | key: '2', |
| | | label: 'Billing Mode', |
| | | children: 'Prepaid', |
| | | }, |
| | | { |
| | | key: '3', |
| | | label: 'Automatic Renewal', |
| | | children: <Button> submit</Button>, |
| | | }, |
| | | ] |
| | | } |
| | | /> |
| | | </div> |
| | | </div> |
| | | |