github
/
spug
mirror of https://github.com/openspug/spug
1
0
Fork 0
Code Issues Releases Wiki Activity

U dashboard statistic improve

pull/220/head
vapao 2020-11-02 16:21:44 +08:00
parent 79ef2c46a9
commit 014ad8ce08
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
spug_web/src/pages/home/StatisticCard.js
View File

@ -4,7 +4,7 @@
* Released under the AGPL-3.0 License.
*/
import React from 'react';
import {Statistic, Card, Row, Col} from 'antd';
import { Statistic, Card, Row, Col } from 'antd';
import { http } from 'libs';
export default class StatisticCard extends React.Component {
@ -15,6 +15,7 @@ export default class StatisticCard extends React.Component {
res: {}
}
}
componentDidMount() {
http.get('/api/home/statistic/')
.then(res => this.setState({res}))
@ -27,22 +28,22 @@ export default class StatisticCard extends React.Component {
<Row gutter={16} style={{marginBottom: 20}}>
<Col span={6}>
<Card loading={loading}>
<Statistic title="应用" value={res.app} suffix="个" />
<Statistic title="应用" value={res.app} formatter={v => <a href="/deploy/app">{v}</a>} suffix="个"/>
</Card>
</Col>
<Col span={6}>
<Card loading={loading}>
<Statistic title="主机" value={res.host} suffix="台" />
<Statistic title="主机" value={res.host} formatter={v => <a href="/host">{v}</a>} suffix="台"/>
</Card>
</Col>
<Col span={6}>
<Card loading={loading}>
<Statistic title="任务" value={res.task} suffix="个" />
<Statistic title="任务" value={res.task} formatter={v => <a href="/schedule">{v}</a>} suffix="个"/>
</Card>
</Col>
<Col span={6}>
<Card loading={loading}>
<Statistic title="监控" value={res['detection']} suffix="项" />
<Statistic title="监控" value={res['detection']} formatter={v => <a href="/monitor">{v}</a>} suffix="项"/>
</Card>
</Col>
</Row>