1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
| <template>
| <a-card title="磁盘监控">
| <a-row>
| <template v-if="diskInfo && diskInfo.length > 0">
| <a-col :span="8" v-for="(item, index) in diskInfo" :key="'diskInfo' + index">
| <dash-chart-demo :title="item.name" :datasource="item.restPPT"></dash-chart-demo>
| </a-col>
| </template>
| </a-row>
| </a-card>
| </template>
|
| <script>
| import { getAction } from '@tievd/cube-block/lib/api/manage'
| import ARow from 'ant-design-vue/es/grid/Row'
| import DashChartDemo from './modules/DashChartDemo'
|
| export default {
| name: 'DiskMonitoring',
| components: {
| ARow,
| DashChartDemo,
| },
| data() {
| return {
| description: '磁盘监控',
| //数据集
| diskInfo: [],
| url: {
| queryDiskInfo: 'sys/actuator/redis/queryDiskInfo',
| },
| }
| },
| created() {
| getAction(this.url.queryDiskInfo).then((res) => {
| if (res.success) {
| for (var i = 0; i < res.result.length; i++) {
| res.result[i].restPPT = res.result[i].restPPT / 10
| }
| this.diskInfo = res.result
| }
| })
| },
| }
| </script>
|
| <style scoped></style>
|
|
