From 698d8f45b1f6ddba6351823c787875bc45b51c19 Mon Sep 17 00:00:00 2001 From: OpenClaw Bot Date: Mon, 23 Mar 2026 18:12:34 +0800 Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=85=A8=E6=96=B0UI=E8=AE=BE?= =?UTF-8?q?=E8=AE=A1=EF=BC=8C=E4=BB=AA=E8=A1=A8=E7=9B=98=E3=80=81=E5=9B=BE?= =?UTF-8?q?=E8=A1=A8=E3=80=81=E7=8E=B0=E4=BB=A3=E5=8C=96=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/dist/index.html | 1054 ++++++++++++++++++++++++-------------- 1 file changed, 662 insertions(+), 392 deletions(-) diff --git a/frontend/dist/index.html b/frontend/dist/index.html index 758bdc7..fdbc715 100644 --- a/frontend/dist/index.html +++ b/frontend/dist/index.html @@ -3,144 +3,201 @@ - Docker Manager + Docker Panel + @@ -148,198 +205,274 @@
{{toast.msg}}
+ +
- + +
+
+
+

仪表盘

+

实时监控 Docker 容器状态

+
+
+
+ 自动刷新 +
+
+ +
+
+ + +
+
+
📦
+
{{containers.length}}
+
容器总数
+
+
+
▶️
+
{{runningCount}}
+
运行中
+
+
+
⏸️
+
{{containers.length - runningCount}}
+
已停止
+
+
+
💾
+
{{sysInfo.images || 0}}
+
镜像数量
+
+
+ + +
+
+
+
📈 系统资源使用
+
{{sysInfo.cpu_count}} 核 / {{fmtMem(sysInfo.memory_total)}}
+
+ +
+
+
+
🐳 容器状态分布
+
+ +
+
+ + +
+
+
🚀 运行中的容器
+ +
+
+
+
+
+
{{c.name}}
+
{{c.image}}
+
+ {{c.state}} +
+
{{fmtPorts(c.ports)}}
+
+
+
+
+ +
-

容器管理

共 {{containers.length}} 个容器 / {{runningCount}} 运行中

-
-
容器总数
{{sysInfo.containers}}
{{sysInfo.running}} 运行中
-
镜像数量
{{sysInfo.images}}
-
Docker 版本
{{sysInfo.version}}
-
CPU / 内存
{{sysInfo.cpu_count}}核 / {{fmtMem(sysInfo.memory_total)}}
+
+
+

容器管理

+

共 {{containers.length}} 个容器 / {{runningCount}} 运行中

+
+
+
+ 自动刷新 +
+
+ +
-
-
自动刷新
-
-
加载中
+ +
加载中...
暂无容器
-
-
-
{{c.name}}
-
{{c.image}}
-
ID: {{c.id}}
+
+
+
{{c.name}}
+
{{c.image}}
+
ID: {{c.id}}
{{c.state}}
-
{{fmtPorts(c.ports)}}
-
- - - - - - +
{{fmtPorts(c.ports)}}
+
+ + + + + +
- -
-

Docker Compose

管理和编辑 Compose 项目

-
- - -
-
加载中
-
点击搜索发现 Compose 项目
-
-
-
-
-
{{f.name||f.path.split('/').pop()}}
-
{{f.path}}
-
-
-
- - - - -
-
-
-
- - +

镜像管理

管理本地镜像、搜索和下载 Docker 镜像

- - -
-

📥 下载镜像

-
- - +
-
{{pullStatus.msg}}
+
{{pullStatus.msg}}
- - -
-

🔍 搜索镜像

-
- + + +
+
🔍 搜索镜像
+
+
搜索中...
-
-
-
-
{{r.name}} 官方
-
{{r.description||'(无描述)'}}
-
⭐ {{r.star_count}} | 📥 {{r.pull_count}}
+
+
+
+
{{r.name}} 官方
+
{{r.description||'(无描述)'}} · ⭐ {{r.star_count}} · 📥 {{r.pull_count}}
- +
- - -
-

💾 本地镜像 ({{localImages.length}})

+ + +
+
💾 本地镜像 ({{localImages.length}})
加载中...
暂无本地镜像
-
+
{{img.repo_tags&&img.repo_tags[0]?img.repo_tags[0]:img.id}}
-
{{img.repo_tags.slice(1).join(', ')}}
-
- ID: {{img.id}} - 大小: {{fmtBytes(img.size)}} -
-
-
- +
ID: {{img.id}} · 大小: {{fmtBytes(img.size)}}
+
- +

文件浏览

浏览和编辑服务器上的文件

- - -
-

📦 容器挂载点

-
暂无挂载点
-
-
-
-
{{m.container_name}}
-
{{m.source}} → {{m.destination}} {{m.rw?'':'🔒'}}
+ + +
+
📦 容器挂载点
+
暂无挂载点
+
+
+
+
{{m.container_name}}
+
{{m.source}}
- +
- - -
- + + +
+
- - -
+ + +
- / - {{seg||'根目录'}} + / + {{seg||'根目录'}}
- - + +
加载中...
{{dirError}}
-
目录为空
-
⬆️
-
-
上级目录
-
+
上级目录
-
📁
-
-
{{item.name}}
-
目录
-
+
{{item.name}}
-
{{getFileIcon(item.name)}}
@@ -350,37 +483,101 @@
- + +
+

Docker Compose

管理和编辑 Compose 项目

+
+ + +
+
加载中...
+
输入路径搜索 Compose 项目
+
+
+
+
+
{{f.name||f.path.split('/').pop()}}
+
{{f.path}}
+
+
+
+ + + + +
+
+
+
+ +

日志查看

实时查看容器日志

-
- - + -
自动刷新
+
+ 自动刷新 +
+
-

📜 {{logContainerName}}

最后 {{logTail}} 行
-
{{logContent||'选择容器查看日志'}}
+
+

📜 {{logContainerName}}

+ 最后 {{logTail}} 行 +
+
{{logContent||'选择容器查看日志'}}
+ +
+
+

📊 {{m.statsName}} - 资源监控

+
+
+
+
CPU 使用率
+
{{m.statsData.cpu_percent}}%
+
+
+
+
内存使用
+
{{m.statsData.memory_percent.toFixed(1)}}%
+
{{fmtBytes(m.statsData.memory_usage)}} / {{fmtBytes(m.statsData.memory_limit)}}
+
+
+
+
网络接收
+
{{fmtBytes(m.statsData.network_rx)}}
+
+
+
网络发送
+
{{fmtBytes(m.statsData.network_tx)}}
+
+
+
加载中...
+
+
+
+

📜 {{m.logsName}} - 日志

-
- - +
@@ -389,36 +586,32 @@
- -
-
-

📊 {{m.statsName}} - 资源监控

-
-
-
CPU 使用率
{{m.statsData.cpu_percent}}%
-
内存使用
{{m.statsData.memory_percent.toFixed(1)}}%
{{fmtBytes(m.statsData.memory_usage)}} / {{fmtBytes(m.statsData.memory_limit)}}
-
网络接收
{{fmtBytes(m.statsData.network_rx)}}
-
网络发送
{{fmtBytes(m.statsData.network_tx)}}
-
-
加载中
-
-
-
-
-

✏️ {{m.editorPath}}

-
- {{m.editorPath}} -
+

✏️ {{m.editorPath.split('/').pop()}}

+
+ {{m.editorPath}} +
- - - + +
- + +
+
+ + +
+
+

✏️ {{m.fileName}}

+
+ {{m.filePath}} + +
+ +
{{m.fileBinaryMsg}}
@@ -426,135 +619,212 @@

⚠️ 确认删除

-
-

确定要删除容器 {{m.confirmRemove.name}} 吗？

- -
+
+

确定要删除容器 {{m.confirmRemove.name}} 吗？

+ +
- - -
-
-
-

✏️ {{m.fileName}} {{m.filePath}}

- -
-
- {{m.filePath}} -
- - -
-
- -
{{m.fileBinaryMsg}}
-
-