61 lines
1.9 KiB
Vue
61 lines
1.9 KiB
Vue
<script lang="ts" setup>
|
|
import type { InfraRedisApi } from '#/api/infra/redis';
|
|
|
|
import { NDescriptions } from 'naive-ui';
|
|
|
|
defineProps<{
|
|
redisData?: InfraRedisApi.RedisMonitorInfo;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<NDescriptions
|
|
:column="6"
|
|
bordered
|
|
size="medium"
|
|
:label-style="{ width: '138px' }"
|
|
>
|
|
<NDescriptions.Item label="Redis 版本">
|
|
{{ redisData?.info?.redis_version }}
|
|
</NDescriptions.Item>
|
|
<NDescriptions.Item label="运行模式">
|
|
{{ redisData?.info?.redis_mode === 'standalone' ? '单机' : '集群' }}
|
|
</NDescriptions.Item>
|
|
<NDescriptions.Item label="端口">
|
|
{{ redisData?.info?.tcp_port }}
|
|
</NDescriptions.Item>
|
|
<NDescriptions.Item label="客户端数">
|
|
{{ redisData?.info?.connected_clients }}
|
|
</NDescriptions.Item>
|
|
<NDescriptions.Item label="运行时间(天)">
|
|
{{ redisData?.info?.uptime_in_days }}
|
|
</NDescriptions.Item>
|
|
<NDescriptions.Item label="使用内存">
|
|
{{ redisData?.info?.used_memory_human }}
|
|
</NDescriptions.Item>
|
|
<NDescriptions.Item label="使用 CPU">
|
|
{{
|
|
redisData?.info
|
|
? parseFloat(redisData?.info?.used_cpu_user_children).toFixed(2)
|
|
: ''
|
|
}}
|
|
</NDescriptions.Item>
|
|
<NDescriptions.Item label="内存配置">
|
|
{{ redisData?.info?.maxmemory_human }}
|
|
</NDescriptions.Item>
|
|
<NDescriptions.Item label="AOF 是否开启">
|
|
{{ redisData?.info?.aof_enabled === '0' ? '否' : '是' }}
|
|
</NDescriptions.Item>
|
|
<NDescriptions.Item label="RDB 是否成功">
|
|
{{ redisData?.info?.rdb_last_bgsave_status }}
|
|
</NDescriptions.Item>
|
|
<NDescriptions.Item label="Key 数量">
|
|
{{ redisData?.dbSize }}
|
|
</NDescriptions.Item>
|
|
<NDescriptions.Item label="网络入口/出口">
|
|
{{ redisData?.info?.instantaneous_input_kbps }}kps /
|
|
{{ redisData?.info?.instantaneous_output_kbps }}kps
|
|
</NDescriptions.Item>
|
|
</NDescriptions>
|
|
</template>
|