优化服务器管理详情四个图形展示功能和PPPoE配置

This commit is contained in:
康冉冉
2026-01-07 13:23:39 +08:00
parent 2c83e94b16
commit e1e16cca17
4 changed files with 32 additions and 17 deletions
@@ -29,7 +29,7 @@
<!-- 图表标题 -->
<div style="width: 100%;position: absolute;top: 12px;left: 30px;">
<template v-if="val && val.serverIp">
<div class="w40 disInlineBlock">
<div class="w45 disInlineBlock">
<span v-if="val && val.toTitle" class="disInlineBlock" style="vertical-align: middle;">{{val.toTitle}}</span>
<span class="disInlineBlock" style="width:25%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;">{{val.title}}</span>
<span class="disInlineBlock" style="vertical-align: middle;">{{item && item.title}}</span>
@@ -56,7 +56,7 @@
</template>
</template>
<div v-if="activeName === '系统监控'">
<div v-for="(item, key) of systemContent" class="disInlineBlock w50" style="font-size: 14px;line-height: 25px;">
<div v-for="(item, key) of systemContent" class="disInlineBlock w50" style="font-size: 14px;line-height: 25px;vertical-align: top;">
<span style="color: #C0C4CC;">{{item}}</span>{{modelVal[key]}}
</div>
</div>
@@ -109,10 +109,10 @@
layoutModel: '1',
systemContent: {
systemSwOsCollect: '操作系统', systemSwArchCollect: '操作系统架构', kernelMaxprocCollect: '最大进程数', systemDiskSizeTotalCollect: '硬盘-总可用空间(GB)',
systemBoottimeCollect: '系统启动时间', systemUptimeCollect: '系统正确运行时间', systemLocaltimeCollect: '系统本地时间', systemUnameCollect: '系统描述',
avg1: 'CPU的1分钟负载(%)', avg5: 'CPU的5分钟负载(%)', avg15: 'CPU的15分钟负载(%)', uti: 'CPU使用率(%)', normal: 'CPU正常运行时间(s)', idle: 'CPU空闲时间(s)',
iowait: 'CPU等待响应时间(s)', system: 'CPU系统时间(s)', noresp: 'CPU软件无响应时间(s)', user: 'CPU运行用户进程所花费的时间(s)',runProcNum: '正在运行的进程数(个)',
usersNum: '登录用户数(个)', swapSizeFree: '交换卷/文件的可用空间(字节)', swapSizePercent: '可用交换空间百分比(%)', available: '可用内存(G)', percent: '可用内存百分比(%)'
systemBoottimeCollect: '系统启动时间', systemUptimeCollect: '系统正确运行时间', systemLocaltimeCollect: '系统本地时间', avg1: 'CPU的1分钟负载(%)',
avg5: 'CPU的5分钟负载(%)', avg15: 'CPU的15分钟负载(%)', uti: 'CPU使用率(%)', normal: 'CPU正常运行时间(s)', idle: 'CPU空闲时间(s)', iowait: 'CPU等待响应时间(s)',
system: 'CPU系统时间(s)', noresp: 'CPU软件无响应时间(s)', user: 'CPU运行用户进程所花费的时间(s)',procNumRunCollect: '正在运行的进程数(个)', systemUsersNumCollect: '登录用户数(个)',
systemSwapSizeFreeCollect: '交换卷/文件的可用空间(字节)', systemSwapSizePercentCollect: '可用交换空间百分比(%)', memorySizeAvailableCollect: '可用内存(G)', memorySizePercentCollect: '可用内存百分比(%)', systemUnameCollect: '系统描述'
},
sysForm: {},
echartDataList: {},
@@ -142,7 +142,9 @@
},
methods: {
// 时间 多选框状态
checkChange(val) {},
checkChange(val) {
this.timeModel = null;
},
// 时间变化时
dateChange(val){
this.currTimeList = {startTime: val[0], endTime: val[1]};