Update.

Author: xOS

model/server.go

@@ -44,8 +44,9 @@ type Server struct {
 	PrevTransferOutSnapshot int64 `gorm:"-" json:"-"` // 上次数据点时的出站使用量
 
 	// 累计流量数据
-	CumulativeNetInTransfer  uint64 `gorm:"default:0" json:"cumulative_net_in_transfer"`  // 累计入站使用量
-	CumulativeNetOutTransfer uint64 `gorm:"default:0" json:"cumulative_net_out_transfer"` // 累计出站使用量
+	CumulativeNetInTransfer  uint64    `gorm:"default:0" json:"cumulative_net_in_transfer"`  // 累计入站使用量
+	CumulativeNetOutTransfer uint64    `gorm:"default:0" json:"cumulative_net_out_transfer"` // 累计出站使用量
+	LastFlowSaveTime         time.Time `gorm:"-" json:"-"`                                   // 最后一次保存流量数据的时间
 }
 
 func (s *Server) CopyFromRunningServer(old *Server) {
@@ -61,6 +62,7 @@ func (s *Server) CopyFromRunningServer(old *Server) {
 	s.IsOnline = old.IsOnline
 	s.CumulativeNetInTransfer = old.CumulativeNetInTransfer
 	s.CumulativeNetOutTransfer = old.CumulativeNetOutTransfer
+	s.LastFlowSaveTime = old.LastFlowSaveTime
 }
 
 func (s *Server) AfterFind(tx *gorm.DB) error {

resource/static/main.js

@@ -1180,13 +1180,11 @@ if (window.statusCards) {
     // 获取流量显示
     window.statusCards.getTrafficDisplay = function(serverId) {
         const trafficData = this.getServerTrafficData(serverId);
-        if (!trafficData || !trafficData.usedBytes || !trafficData.maxBytes) {
+        if (!trafficData) {
             return '0%';
         }
-        const percent = (trafficData.maxBytes > 0)
-            ? (trafficData.usedBytes / trafficData.maxBytes) * 100
-            : 0;
-        return percent.toFixed(2) + '%';
+        // 直接使用后端提供的百分比值，避免重复计算导致的不一致
+        return trafficData.percent.toFixed(2) + '%';
     };
 
     // 获取流量提示

resource/template/theme-default/network.html

@@ -189,11 +189,11 @@
             // 优化初始化序列，减少延迟
             this.$nextTick(() => {
                 // 先渲染图表
-            this.renderChart();
+                this.renderChart();
 
                 // 然后加载数据，避免阻塞UI
                 setTimeout(() => {
-            this.parseMonitorInfo(monitorInfo);
+                    this.parseMonitorInfo(monitorInfo);
                 }, 50);
             });
         },
@@ -387,19 +387,19 @@
 
                 // 使用requestAnimationFrame优化渲染
                 requestAnimationFrame(() => {
-                this.myChart.resize({
-                    width: 'auto',
-                    height: height
-                });
-                this.myChart.clear();
+                    this.myChart.resize({
+                        width: 'auto',
+                        height: height
+                    });
+                    this.myChart.clear();
                     this.myChart.setOption(this.option, true);
                 });
             },
             isWindowsPlatform(str) {
                 return str.includes('Windows')
             },
             renderChart() {
-              const chartTheme = $('html').attr('nz-theme') == "dark" ? "dark" : "";
+                const chartTheme = $('html').attr('nz-theme') == "dark" ? "dark" : "";
 
                 // 避免重复初始化
                 if (this.myChart && !this.myChart.isDisposed()) {
@@ -432,7 +432,7 @@
                         // 使用requestAnimationFrame进一步优化
                         requestAnimationFrame(() => {
                             if (this.myChart && !this.myChart.isDisposed()) {
-              this.myChart.resize();
+                                this.myChart.resize();
                             }
                         });
                     }, 200);
@@ -446,7 +446,7 @@
             }
             // 清理图表实例
             if (this.myChart && !this.myChart.isDisposed()) {
-            this.myChart.dispose();
+                this.myChart.dispose();
             }
             this.myChart = null;
         },

service/rpc/server.go

@@ -184,6 +184,14 @@ func (s *ServerHandler) ReportSystemState(c context.Context, r *pb.State) (*pb.R
 			originalNetOutTransfer,
 			singleton.ServerList[clientID].CumulativeNetInTransfer,
 			singleton.ServerList[clientID].CumulativeNetOutTransfer)
+
+		// 将累计流量写入数据库，确保重启后数据不丢失
+		if err := singleton.DB.Model(singleton.ServerList[clientID]).Updates(map[string]interface{}{
+			"cumulative_net_in_transfer":  singleton.ServerList[clientID].CumulativeNetInTransfer,
+			"cumulative_net_out_transfer": singleton.ServerList[clientID].CumulativeNetOutTransfer,
+		}).Error; err != nil {
+			log.Printf("更新服务器 %s 累计流量到数据库失败: %v", singleton.ServerList[clientID].Name, err)
+		}
 	} else {
 		// 正常更新，使用增量计算
 		state.NetInTransfer = originalNetInTransfer + singleton.ServerList[clientID].CumulativeNetInTransfer
@@ -194,6 +202,18 @@ func (s *ServerHandler) ReportSystemState(c context.Context, r *pb.State) (*pb.R
 			originalNetOutTransfer,
 			singleton.ServerList[clientID].CumulativeNetInTransfer,
 			singleton.ServerList[clientID].CumulativeNetOutTransfer)
+
+		// 定期更新累计流量到数据库（按3分钟间隔）
+		if time.Since(singleton.ServerList[clientID].LastFlowSaveTime).Minutes() > 3 {
+			if err := singleton.DB.Model(singleton.ServerList[clientID]).Updates(map[string]interface{}{
+				"cumulative_net_in_transfer":  singleton.ServerList[clientID].CumulativeNetInTransfer,
+				"cumulative_net_out_transfer": singleton.ServerList[clientID].CumulativeNetOutTransfer,
+			}).Error; err != nil {
+				log.Printf("更新服务器 %s 累计流量到数据库失败: %v", singleton.ServerList[clientID].Name, err)
+			}
+			// 更新最后保存时间
+			singleton.ServerList[clientID].LastFlowSaveTime = time.Now()
+		}
 	}
 
 	// 保存当前状态