From 9862f9eb53d264c799f8c660444ccf1651d58daf Mon Sep 17 00:00:00 2001
From: makotocc0107 <1424018999@qq.com>
Date: Thu, 29 Aug 2024 10:47:39 +0800
Subject: [PATCH] =?UTF-8?q?[=E5=A2=9E=E6=B7=BB]=E6=B7=BB=E5=8A=A0=E4=BA=86?=
 =?UTF-8?q?=E7=B3=BB=E7=BB=9F=E8=AE=BE=E5=A4=87=E6=95=B0=E6=8D=AE=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BAstats=20widget?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .idea/workspace.xml                           | 18 ++++-
 .../app/Filament/Widgets/PrometheusMemory.php |  4 +-
 .../app/Filament/Widgets/SystemStats.php      | 74 +++++++++++++++++++
 3 files changed, 90 insertions(+), 6 deletions(-)
 create mode 100644 management-panel/app/Filament/Widgets/SystemStats.php

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 3b30406..b85d3d9 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,7 +4,7 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="596fb1a0-d6fb-4db8-a922-13b01593ce79" name="更改" comment="[修改]删除了updatetoetcd的page页面、widget排布">
+    <list default="true" id="596fb1a0-d6fb-4db8-a922-13b01593ce79" name="更改" comment="[修改]优化了widget的读取显示，能够动态显示">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/management-panel/app/Filament/Widgets/PrometheusMemory.php" beforeDir="false" afterPath="$PROJECT_DIR$/management-panel/app/Filament/Widgets/PrometheusMemory.php" afterDir="false" />
     </list>
@@ -257,7 +257,8 @@
       <workItem from="1724743649380" duration="22000" />
       <workItem from="1724743707590" duration="5840000" />
       <workItem from="1724806979170" duration="149000" />
-      <workItem from="1724808563307" duration="17382000" />
+      <workItem from="1724808563307" duration="17821000" />
+      <workItem from="1724893742147" duration="5355000" />
     </task>
     <task id="LOCAL-00001" summary="[增添]添加注册">
       <option name="closed" value="true" />
@@ -387,7 +388,15 @@
       <option name="project" value="LOCAL" />
       <updated>1724832839806</updated>
     </task>
-    <option name="localTasksCounter" value="17" />
+    <task id="LOCAL-00017" summary="[修改]优化了widget的读取显示，能够动态显示">
+      <option name="closed" value="true" />
+      <created>1724835277301</created>
+      <option name="number" value="00017" />
+      <option name="presentableId" value="LOCAL-00017" />
+      <option name="project" value="LOCAL" />
+      <updated>1724835277301</updated>
+    </task>
+    <option name="localTasksCounter" value="18" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -449,6 +458,7 @@
     <MESSAGE value="[增添]添加了Prometheus服务、对应的widget展示（待美化）" />
     <MESSAGE value="[修改]修改美化了了widget样式，折线图展示" />
     <MESSAGE value="[修改]删除了updatetoetcd的page页面、widget排布" />
-    <option name="LAST_COMMIT_MESSAGE" value="[修改]删除了updatetoetcd的page页面、widget排布" />
+    <MESSAGE value="[修改]优化了widget的读取显示，能够动态显示" />
+    <option name="LAST_COMMIT_MESSAGE" value="[修改]优化了widget的读取显示，能够动态显示" />
   </component>
 </project>
\ No newline at end of file
diff --git a/management-panel/app/Filament/Widgets/PrometheusMemory.php b/management-panel/app/Filament/Widgets/PrometheusMemory.php
index c734018..f1a2ae0 100644
--- a/management-panel/app/Filament/Widgets/PrometheusMemory.php
+++ b/management-panel/app/Filament/Widgets/PrometheusMemory.php
@@ -7,7 +7,7 @@ use Filament\Widgets\ChartWidget;
 
 class PrometheusMemory extends ChartWidget
 {
-    protected static ?int $sort = 3;
+    protected static ?int $sort = 4;
 
     protected static ?string $heading = '内存占用率';
 
@@ -44,7 +44,7 @@ class PrometheusMemory extends ChartWidget
                     'borderColor' => '#4CAF50',
                     'backgroundColor' => 'rgba(76, 175, 80, 0.2)',
                     'fill' => true,
-                    'tension' => 0.4,
+                    'tension' => 0.2,
                 ],
             ],
         ];
diff --git a/management-panel/app/Filament/Widgets/SystemStats.php b/management-panel/app/Filament/Widgets/SystemStats.php
new file mode 100644
index 0000000..13435a6
--- /dev/null
+++ b/management-panel/app/Filament/Widgets/SystemStats.php
@@ -0,0 +1,74 @@
+<?php
+
+namespace App\Filament\Widgets;
+
+use App\Services\PrometheusService;
+use Filament\Widgets\StatsOverviewWidget as BaseWidget;
+
+class SystemStats extends BaseWidget
+{
+    protected static ?int $sort = 3;
+
+    protected function getCards(): array
+    {
+        $prometheus = new PrometheusService();
+
+        // 获取内存总量
+        $memoryTotalQuery = 'node_memory_MemTotal_bytes';
+        $memoryTotalResult = $prometheus->query($memoryTotalQuery);
+        $memoryTotal = $memoryTotalResult['data']['result'][0]['value'][1] ?? 0;
+
+        // 获取已用内存
+        $memoryAvailableQuery = 'node_memory_MemAvailable_bytes';
+        $memoryAvailableResult = $prometheus->query($memoryAvailableQuery);
+        $memoryAvailable = $memoryAvailableResult['data']['result'][0]['value'][1] ?? 0;
+
+        $memoryUsed = $memoryTotal - $memoryAvailable;
+        $memoryDisplay = round($memoryUsed / (1024 * 1024 * 1024), 2) . ' GB / ' . round($memoryTotal / (1024 * 1024 * 1024), 2) . ' GB';
+
+        // 获取硬盘总量
+        $diskTotalQuery = 'node_filesystem_size_bytes{fstype!="rootfs",fstype!="tmpfs",fstype!="squashfs"}';
+        $diskTotalResult = $prometheus->query($diskTotalQuery);
+        $diskTotal = array_sum(array_map(function ($item) {
+            return $item['value'][1] ?? 0;
+        }, $diskTotalResult['data']['result']));
+
+        // 获取已用硬盘
+        $diskFreeQuery = 'node_filesystem_free_bytes{fstype!="rootfs",fstype!="tmpfs",fstype!="squashfs"}';
+        $diskFreeResult = $prometheus->query($diskFreeQuery);
+        $diskFree = array_sum(array_map(function ($item) {
+            return $item['value'][1] ?? 0;
+        }, $diskFreeResult['data']['result']));
+
+        $diskUsed = $diskTotal - $diskFree;
+        $diskDisplay = round($diskUsed / (1024 * 1024 * 1024), 2) . ' GB / ' . round($diskTotal / (1024 * 1024 * 1024), 2) . ' GB';
+
+        // 获取网络上下行流量
+        $networkTransmitQuery = 'rate(node_network_transmit_bytes_total[1m])';
+        $networkTransmitResult = $prometheus->query($networkTransmitQuery);
+        $networkTransmit = round(array_sum(array_map(function ($item) {
+                return $item['value'][1] ?? 0;
+            }, $networkTransmitResult['data']['result'])) / (1024 * 1024), 2);
+
+        $networkReceiveQuery = 'rate(node_network_receive_bytes_total[1m])';
+        $networkReceiveResult = $prometheus->query($networkReceiveQuery);
+        $networkReceive = round(array_sum(array_map(function ($item) {
+                return $item['value'][1] ?? 0;
+            }, $networkReceiveResult['data']['result'])) / (1024 * 1024), 2);
+
+        $networkDisplay = "上行: {$networkTransmit} MB/s\n下行: {$networkReceive} MB/s";
+
+        return [
+            BaseWidget\Stat::make('内存占用', $memoryDisplay),
+            BaseWidget\Stat::make('硬盘占用', $diskDisplay),
+            BaseWidget\Stat::make('网络流量', $networkDisplay),
+        ];
+
+
+    }
+
+    protected function getPollingInterval(): ?string
+    {
+        return "1s";
+    }
+}