From 444a8fd284adc005d9c095610c8bcd513c1ee741 Mon Sep 17 00:00:00 2001
From: zhengkunwang223 <1paneldev@sina.com>
Date: Thu, 11 Sep 2025 11:12:51 +0800
Subject: [PATCH] feat: add process detail for supervisor process

---
 .../src/views/toolbox/supervisor/index.vue    | 22 ++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/toolbox/supervisor/index.vue b/frontend/src/views/toolbox/supervisor/index.vue
index 8ccec0075ba5..fc3c000c2bfb 100644
--- a/frontend/src/views/toolbox/supervisor/index.vue
+++ b/frontend/src/views/toolbox/supervisor/index.vue
@@ -54,7 +54,7 @@
                         show-overflow-tooltip
                     >
                         <template #default="{ row }">
-                            <el-button text type="primary" @click="routerToFileWithPath(row.dir)">
+                            <el-button link type="primary" @click="routerToFileWithPath(row.dir)">
                                 {{ row.dir }}
                             </el-button>
                         </template>
@@ -93,7 +93,7 @@
                     <el-table-column :label="$t('commons.table.status')" min-width="60px">
                         <template #default="{ row }">
                             <div v-if="row.hasLoad">
-                                <el-popover placement="bottom" :width="600" trigger="hover">
+                                <el-popover placement="bottom" :width="700" trigger="hover">
                                     <template #reference>
                                         <el-button type="primary" link v-if="row.status.length > 1">
                                             {{ $t('website.check') }}
@@ -106,7 +106,6 @@
                                         <el-table-column
                                             property="name"
                                             :label="$t('commons.table.name')"
-                                            fix
                                             show-overflow-tooltip
                                         />
                                         <el-table-column
@@ -114,7 +113,18 @@
                                             :label="$t('tool.supervisor.statusCode')"
                                             width="100px"
                                         />
-                                        <el-table-column property="PID" label="PID" width="100px" />
+                                        <el-table-column property="PID" label="PID" width="120px">
+                                            <template #default="scope">
+                                                <el-button
+                                                    link
+                                                    type="primary"
+                                                    v-if="scope.row.PID != ''"
+                                                    @click="processDetailRef.acceptParams(scope.row.PID)"
+                                                >
+                                                    {{ scope.row.PID }}
+                                                </el-button>
+                                            </template>
+                                        </el-table-column>
                                         <el-table-column
                                             property="uptime"
                                             :label="$t('tool.supervisor.uptime')"
@@ -123,7 +133,6 @@
                                         <el-table-column
                                             property="msg"
                                             :label="$t('commons.table.message')"
-                                            fix
                                             show-overflow-tooltip
                                         />
                                     </el-table>
@@ -148,6 +157,7 @@
         </LayoutContent>
         <Create ref="createRef" @close="search"></Create>
         <File ref="fileRef" @search="search"></File>
+        <ProcessDetail ref="processDetailRef" />
     </div>
 </template>
 
@@ -158,6 +168,7 @@ import ConfigSuperVisor from './config/index.vue';
 import { computed, onMounted } from 'vue';
 import Create from './create/index.vue';
 import File from './file/index.vue';
+import ProcessDetail from '@/views/host/process/process/detail/index.vue';
 import { getSupervisorProcess, operateSupervisorProcess } from '@/api/modules/host-tool';
 import { GlobalStore } from '@/store';
 import i18n from '@/lang';
@@ -170,6 +181,7 @@ const loading = ref(false);
 const setSuperVisor = ref(false);
 const createRef = ref();
 const fileRef = ref();
+const processDetailRef = ref();
 const data = ref();
 const maskShow = ref(true);
 const supervisorStatus = ref({