manager/my-spring
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

项目初始化

Browse Source
This commit is contained in:
gaoxq
2026-03-26 18:13:38 +08:00
parent 2d131c9d70
commit 4d7b887136
2 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web-api/src/main/java/com/jeesite/modules/apps/web/SysAnalysisController.java
View File

@@ -21,8 +21,7 @@ public class SysAnalysisController {
public List<ChartInfo> getHostInfo() { public List<ChartInfo> getHostInfo() {
List<ChartInfo> chartInfoList = new ArrayList<>(); List<ChartInfo> chartInfoList = new ArrayList<>();
CpuInfo cpuInfo = OshiUtil.getCpuInfo(); CpuInfo cpuInfo = OshiUtil.getCpuInfo();
long uptimeMs = OshiUtil.getOs().getSystemUptime(); String runTime = DateUtil.formatBetween(OshiUtil.getOs().getSystemUptime() * 1000);
String runTime = DateUtil.formatBetween(uptimeMs);
// 系统使用率（红色） // 系统使用率（红色）
chartInfoList.add(new ChartInfo("sys", "系统使用率", cpuInfo.getSys(), KeyUtil.getColor(), runTime)); chartInfoList.add(new ChartInfo("sys", "系统使用率", cpuInfo.getSys(), KeyUtil.getColor(), runTime));
// 用户使用率（蓝色） // 用户使用率（蓝色）
@@ -34,7 +33,7 @@ public class SysAnalysisController {
// CPU总使用率（粉色） // CPU总使用率（粉色）
chartInfoList.add(new ChartInfo("used", "CPU总使用率", cpuInfo.getUsed(), KeyUtil.getColor(), runTime)); chartInfoList.add(new ChartInfo("used", "CPU总使用率", cpuInfo.getUsed(), KeyUtil.getColor(), runTime));
// 系统运行时间（紫色） // 系统运行时间（紫色）
chartInfoList.add(new ChartInfo("time", "系统运行时间", 0, KeyUtil.getColor(), runTime)); chartInfoList.add(new ChartInfo("time", "服务器运行时长", 0, KeyUtil.getColor(), runTime));
return chartInfoList; return chartInfoList;
} }
} }

23
web-vue/packages/core/layouts/views/desktop/analysis/components/HostInfo.vue
View File

@@ -7,9 +7,19 @@
<el-icon class="card-title__tips"><QuestionFilled /></el-icon> <el-icon class="card-title__tips"><QuestionFilled /></el-icon>
</el-tooltip> </el-tooltip>
</div> </div>
<el-tooltip content="刷新" placement="top" :show-after="200">
<el-button
class="card-title__refresh"
link
type="primary"
:icon="RefreshRight"
:loading="loading"
@click="getList"
/>
</el-tooltip>
</div> </div>
<div class="card-content"> <div class="card-content">
<div v-loading="loading" class="host-overview"> <div class="host-overview">
<div class="host-gauge-panel"> <div class="host-gauge-panel">
<div ref="chartRef" class="gauge-chart"></div> <div ref="chartRef" class="gauge-chart"></div>
</div> </div>
@@ -28,7 +38,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { computed, nextTick, onMounted, onUnmounted, ref } from 'vue'; import { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import { QuestionFilled } from '@element-plus/icons-vue'; import { QuestionFilled, RefreshRight } from '@element-plus/icons-vue';
import { ChartInfo, HostInfoData } from '@jeesite/biz/api/biz/myAnalysis'; import { ChartInfo, HostInfoData } from '@jeesite/biz/api/biz/myAnalysis';
const hostCardRef = ref<HTMLElement>(); const hostCardRef = ref<HTMLElement>();
@@ -302,6 +312,11 @@
&__tips:hover { &__tips:hover {
color: rgb(59 130 246); color: rgb(59 130 246);
} }
&__refresh {
padding: 0;
font-size: 16px;
}
} }
.card-content { .card-content {
@@ -405,6 +420,10 @@
&__tips:hover { &__tips:hover {
color: rgb(147 197 253); color: rgb(147 197 253);
} }
&__refresh:deep(.el-icon) {
color: rgb(147 197 253);
}
} }
.host-gauge-panel, .host-gauge-panel,