From 44d66581608ffb960b1ef70a1692432042de7ea8 Mon Sep 17 00:00:00 2001
From: gaoxq <376340421@qq.com>
Date: Mon, 13 Apr 2026 17:57:51 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=8E=A5=E5=8F=A3=E9=87=8D?=
 =?UTF-8?q?=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../packages/biz/views/biz/myDocker/index.vue | 138 ++++++++++++------
 1 file changed, 97 insertions(+), 41 deletions(-)

diff --git a/web-vue/packages/biz/views/biz/myDocker/index.vue b/web-vue/packages/biz/views/biz/myDocker/index.vue
index 7ed20bf..bb46a55 100644
--- a/web-vue/packages/biz/views/biz/myDocker/index.vue
+++ b/web-vue/packages/biz/views/biz/myDocker/index.vue
@@ -101,8 +101,8 @@
 
             <div class="docker-table__body">
               <el-table :data="currentContainers" height="100%" :border="false" :show-header="true">
-				<el-table-column prop="created" label="创建时间" width="150" show-overflow-tooltip />
-				<el-table-column prop="containerId" label="容器ID" min-width="100" show-overflow-tooltip />
+                <el-table-column prop="created" label="创建时间" width="150" show-overflow-tooltip />
+                <el-table-column prop="containerId" label="容器ID" min-width="100" show-overflow-tooltip />
                 <el-table-column prop="names" label="容器名称" min-width="100" show-overflow-tooltip />
                 <el-table-column prop="image" label="镜像名称" min-width="100" show-overflow-tooltip />
                 <el-table-column prop="status" label="运行状态" width="135" show-overflow-tooltip>
@@ -115,39 +115,56 @@
                 <el-table-column label="操作" width="200" align="center">
                   <template #default="{ row }">
                     <div class="action-group">
-                      <el-tooltip
+                      <el-popconfirm
                         v-if="isContainerStopped(row.status)"
-                        content="启动"
-                        placement="top"
-                        :show-after="200"
+                        popper-class="docker-popconfirm"
+                        title="确认启动该容器吗?"
+                        @confirm="handleDockerAction('start', row)"
                       >
-                        <el-button
-                          link
-                          type="primary"
-                          :icon="VideoPlay"
-                          :loading="actionLoadingMap[row.containerId] === 'start'"
-                          @click="handleDockerAction('start', row)"
-                        />
-                      </el-tooltip>
+                        <template #reference>
+                          <el-tooltip content="启动" placement="top" :show-after="200">
+                            <el-button
+                              link
+                              type="primary"
+                              :icon="VideoPlay"
+                              :loading="actionLoadingMap[row.containerId] === 'start'"
+                            />
+                          </el-tooltip>
+                        </template>
+                      </el-popconfirm>
                       <template v-else>
-                        <el-tooltip content="重启" placement="top" :show-after="200">
-                          <el-button
-                            link
-                            type="warning"
-                            :icon="RefreshRight"
-                            :loading="actionLoadingMap[row.containerId] === 'restart'"
-                            @click="handleDockerAction('restart', row)"
-                          />
-                        </el-tooltip>
-                        <el-tooltip content="停止" placement="top" :show-after="200">
-                          <el-button
-                            link
-                            type="danger"
-                            :icon="SwitchButton"
-                            :loading="actionLoadingMap[row.containerId] === 'stop'"
-                            @click="handleDockerAction('stop', row)"
-                          />
-                        </el-tooltip>
+                        <el-popconfirm
+                          popper-class="docker-popconfirm"
+                          title="确认重启该容器吗?"
+                          @confirm="handleDockerAction('restart', row)"
+                        >
+                          <template #reference>
+                            <el-tooltip content="重启" placement="top" :show-after="200">
+                              <el-button
+                                link
+                                type="warning"
+                                :icon="RefreshRight"
+                                :loading="actionLoadingMap[row.containerId] === 'restart'"
+                              />
+                            </el-tooltip>
+                          </template>
+                        </el-popconfirm>
+                        <el-popconfirm
+                          popper-class="docker-popconfirm"
+                          title="确认停止该容器吗?"
+                          @confirm="handleDockerAction('stop', row)"
+                        >
+                          <template #reference>
+                            <el-tooltip content="停止" placement="top" :show-after="200">
+                              <el-button
+                                link
+                                type="danger"
+                                :icon="SwitchButton"
+                                :loading="actionLoadingMap[row.containerId] === 'stop'"
+                              />
+                            </el-tooltip>
+                          </template>
+                        </el-popconfirm>
                       </template>
                       <el-tooltip content="详情" placement="top" :show-after="200">
                         <el-button
@@ -158,15 +175,15 @@
                           @click="handleDockerDetail('inspect', row)"
                         />
                       </el-tooltip>
-					  <el-tooltip content="日志" placement="top" :show-after="200">
-					    <el-button
-					      link
-					      type="info"
-					      :icon="Tickets"
-					      :loading="detailLoadingMap[row.containerId] === 'logs'"
-					      @click="handleDockerDetail('logs', row)"
-					    />
-					  </el-tooltip>
+                      <el-tooltip content="日志" placement="top" :show-after="200">
+                        <el-button
+                          link
+                          type="info"
+                          :icon="Tickets"
+                          :loading="detailLoadingMap[row.containerId] === 'logs'"
+                          @click="handleDockerDetail('logs', row)"
+                        />
+                      </el-tooltip>
                     </div>
                   </template>
                 </el-table-column>
@@ -976,6 +993,45 @@
     }
   }
 
+  .docker-popconfirm {
+    .el-popconfirm__main {
+      color: rgb(51 65 85);
+    }
+  }
+
+  html[data-theme='dark'] .docker-popconfirm {
+    background: rgb(20, 20, 20);
+    border-color: rgb(51 65 85);
+    box-shadow: 0 12px 30px rgb(0 0 0 / 28%);
+
+    .el-popconfirm__main {
+      color: rgb(226 232 240);
+    }
+
+    .el-button--default {
+      border-color: rgb(71 85 105);
+      background: rgb(30 41 59);
+      color: rgb(226 232 240);
+    }
+
+    .el-button--default:hover {
+      border-color: rgb(96 165 250);
+      background: rgb(37 99 235 / 18%);
+      color: rgb(241 245 249);
+    }
+
+    .el-button--primary {
+      border-color: rgb(59 130 246);
+      background: rgb(37 99 235);
+      color: rgb(248 250 252);
+    }
+
+    .el-button--primary:hover {
+      border-color: rgb(96 165 250);
+      background: rgb(59 130 246);
+    }
+  }
+
   @media (max-width: 1100px) {
     .docker-layout {
       grid-template-columns: 1fr;