add 服务监控

web-react/src/pages/system/machine/base.jsx

@@ -0,0 +1,33 @@
+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>
+            </>
+        )
+    }
+}