fix: Fix the issue of extremely slow container list retrieval

Author: ssongliu

agent/app/api/v2/container.go

@@ -263,6 +263,21 @@ func (b *BaseApi) ContainerListStats(c *gin.Context) {
 	helper.SuccessWithData(c, data)
 }
 
+// @Summary Load container stats size
+// @Success 200 {object} dto.ContainerItemStats
+// @Security ApiKeyAuth
+// @Security Timestamp
+// @Router /containers/item/stats/:id [get]
+func (b *BaseApi) ContainerItemStats(c *gin.Context) {
+	containerID := c.Param("id")
+	data, err := containerService.ContainerItemStats(containerID)
+	if err != nil {
+		helper.InternalServer(c, err)
+		return
+	}
+	helper.SuccessWithData(c, data)
+}
+
 // @Tags Container
 // @Summary Create container
 // @Accept json

agent/app/dto/container.go

@@ -31,9 +31,6 @@ type ContainerInfo struct {
 	Network []string `json:"network"`
 	Ports   []string `json:"ports"`
 
-	SizeRw     int64 `json:"sizeRw"`
-	SizeRootFs int64 `json:"sizeRootFs"`
-
 	IsFromApp     bool `json:"isFromApp"`
 	IsFromCompose bool `json:"isFromCompose"`
 
@@ -129,6 +126,10 @@ type ContainerUpgrade struct {
 	ForcePull bool     `json:"forcePull"`
 }
 
+type ContainerItemStats struct {
+	SizeRw     int64 `json:"sizeRw"`
+	SizeRootFs int64 `json:"sizeRootFs"`
+}
 type ContainerListStats struct {
 	ContainerID string `json:"containerID"`
 

agent/app/service/container.go

@@ -70,6 +70,7 @@ type IContainerService interface {
 	ContainerUpgrade(req dto.ContainerUpgrade) error
 	ContainerInfo(req dto.OperationWithName) (*dto.ContainerOperate, error)
 	ContainerListStats() ([]dto.ContainerListStats, error)
+	ContainerItemStats(containerID string) (dto.ContainerItemStats, error)
 	LoadResourceLimit() (*dto.ResourceLimit, error)
 	ContainerRename(req dto.ContainerRename) error
 	ContainerCommit(req dto.ContainerCommit) error
@@ -101,10 +102,7 @@ func (u *ContainerService) Page(req dto.PageContainer) (int64, interface{}, erro
 		return 0, nil, err
 	}
 	defer client.Close()
-	options := container.ListOptions{
-		All:  true,
-		Size: true,
-	}
+	options := container.ListOptions{All: true}
 	if len(req.Filters) != 0 {
 		options.Filters = filters.NewArgs()
 		options.Filters.Add("label", req.Filters)
@@ -259,6 +257,21 @@ func (u *ContainerService) LoadStatus() (dto.ContainerStatus, error) {
 	}
 	return data, nil
 }
+func (u *ContainerService) ContainerItemStats(containerID string) (dto.ContainerItemStats, error) {
+	var data dto.ContainerItemStats
+	client, err := docker.NewDockerClient()
+	if err != nil {
+		return data, err
+	}
+	defer client.Close()
+	containerInfo, _, err := client.ContainerInspectWithRaw(context.Background(), containerID, true)
+	if err != nil {
+		return data, err
+	}
+	data.SizeRw = *containerInfo.SizeRw
+	data.SizeRootFs = *containerInfo.SizeRootFs
+	return data, nil
+}
 func (u *ContainerService) ContainerListStats() ([]dto.ContainerListStats, error) {
 	client, err := docker.NewDockerClient()
 	if err != nil {
@@ -1760,8 +1773,6 @@ func searchWithFilter(req dto.PageContainer, containers []container.Summary) []d
 			ImageName:     item.Image,
 			State:         item.State,
 			RunTime:       item.Status,
-			SizeRw:        item.SizeRw,
-			SizeRootFs:    item.SizeRootFs,
 			IsFromApp:     IsFromApp,
 			IsFromCompose: IsFromCompose,
 		}

agent/router/ro_container.go

@@ -24,6 +24,7 @@ func (s *ContainerRouter) InitRouter(Router *gin.RouterGroup) {
 		baRouter.POST("/list/byimage", baseApi.ListContainerByImage)
 		baRouter.GET("/status", baseApi.LoadContainerStatus)
 		baRouter.GET("/list/stats", baseApi.ContainerListStats)
+		baRouter.GET("/item/stats/:id", baseApi.ContainerItemStats)
 		baRouter.GET("/search/log", baseApi.ContainerStreamLogs)
 		baRouter.POST("/download/log", baseApi.DownloadContainerLogs)
 		baRouter.GET("/limit", baseApi.LoadResourceLimit)

frontend/src/api/interface/container.ts

@@ -134,6 +134,10 @@ export namespace Container {
         name: string;
         state: string;
     }
+    export interface ContainerItemStats {
+        sizeRw: number;
+        sizeRootFs: number;
+    }
     export interface ContainerListStats {
         containerID: string;
         cpuTotalUsage: number;

frontend/src/api/modules/container.ts

@@ -43,6 +43,9 @@ export const cleanContainerLog = (containerName: string, operateNode?: string) =
     const params = operateNode ? `?operateNode=${operateNode}` : '';
     return http.post(`/containers/clean/log${params}`, { name: containerName });
 };
+export const containerItemStats = (containerID: string) => {
+    return http.get<Container.ContainerItemStats>(`/containers/item/stats/${containerID}`);
+};
 export const containerListStats = () => {
     return http.get<Array<Container.ContainerListStats>>(`/containers/list/stats`);
 };

frontend/src/lang/modules/en.ts

@@ -823,6 +823,7 @@ const message = {
         memUsage: 'Memory usage',
         memTotal: 'Memory limit',
         memCache: 'Memory cache',
+        loadSize: 'Get Container Size',
         ip: 'IP address',
         cpuShare: 'CPU shares',
         cpuShareHelper:

frontend/src/lang/modules/es-es.ts

@@ -826,6 +826,7 @@ const message = {
         memUsage: 'Uso de memoria',
         memTotal: 'Límite de memoria',
         memCache: 'Caché de memoria',
+        loadSize: 'Obtener Tamaño del Contenedor',
         ip: 'Dirección IP',
         cpuShare: 'Proporción de CPU',
         cpuShareHelper:

frontend/src/lang/modules/ja.ts

@@ -803,6 +803,7 @@ const message = {
         memUsage: 'メモリの使用',
         memTotal: 'メモリ制限',
         memCache: 'メモリキャッシュ',
+        loadSize: 'コンテナサイズを取得',
         ip: 'IPアドレス',
         cpuShare: 'CPU共有',
         cpuShareHelper:

frontend/src/lang/modules/ko.ts

@@ -796,6 +796,7 @@ const message = {
         memUsage: '메모리 사용',
         memTotal: '메모리 한도',
         memCache: '메모리 캐시',
+        loadSize: '컨테이너 크기 가져오기',
         ip: 'IP 주소',
         cpuShare: 'CPU 공유',
         cpuShareHelper: