34 lines
1.4 KiB
JavaScript
34 lines
1.4 KiB
JavaScript
import React, { Component } from 'react'
|
|
import { Card, Col, Descriptions } from 'antd'
|
|
|
|
export default class base extends Component {
|
|
render() {
|
|
const { base } = this.props
|
|
|
|
const { hostName, systemOs, wanIp, lanIp, osArchitecture, frameworkDescription } = base
|
|
|
|
return (
|
|
<>
|
|
<Col span={24}>
|
|
<Card bordered={false}>
|
|
<Descriptions
|
|
column={2}
|
|
labelStyle={{ fontSize: '14px', color: 'rgba(0,0,0,.45)' }}
|
|
contentStyle={{ fontSize: '14px' }}
|
|
>
|
|
<Descriptions.Item label="主机名称">{hostName}</Descriptions.Item>
|
|
<Descriptions.Item label="操作系统">{systemOs}</Descriptions.Item>
|
|
<Descriptions.Item label="外网信息">{wanIp}</Descriptions.Item>
|
|
<Descriptions.Item label="内网IP">{lanIp}</Descriptions.Item>
|
|
<Descriptions.Item label="系统架构">{osArchitecture}</Descriptions.Item>
|
|
<Descriptions.Item label="运行框架">
|
|
{frameworkDescription}
|
|
</Descriptions.Item>
|
|
</Descriptions>
|
|
</Card>
|
|
</Col>
|
|
</>
|
|
)
|
|
}
|
|
}
|