diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 1099a47d385d29b58569bae7b5a19486a7b7019f..cb1897bb9f01ca6929e586aaf1bb5b1d4fdeac01 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -54,7 +54,27 @@ let sidebarRoutes = [
                 },
                 { name: '机器列表' },
               ],
-              icon: ''
+              icon: '',
+            }
+          },
+          {
+            path: '/cluster/machine/:detail',
+            name: 'MacDetail',
+            component: () => import('../views/Cluster/MachineDetail/Index.vue'),
+            meta: {
+              header_title: "机器详情",
+              panel: "/cluster/macList",
+              breadcrumb: [
+                {
+                  name: '系统', path: '/cluster', children: [
+                    { name: 'createBatch', menuName: '创建批次' },
+                  ]
+                },
+                { name: '机器列表', path: '/cluster/' },
+                { name: '机器详情' }
+              ],
+              icon: '',
+              ignore: true,
             }
           },
           {
diff --git a/frontend/src/views/Cluster/Cluster.vue b/frontend/src/views/Cluster/Cluster.vue
index de6a736b8f3db90f7c2494079a1497cb8fff018a..826eb2595163c8562bf48493cdb3b45d63654f04 100644
--- a/frontend/src/views/Cluster/Cluster.vue
+++ b/frontend/src/views/Cluster/Cluster.vue
@@ -34,8 +34,8 @@
                 </template>
                 <template v-slot:content>
                     <el-table-column label="ip">
-                        <template v-slot="data">
-                            <span title="查看机器详情">
+                        <template #default="data">
+                            <span title="查看机器详情" @click="machineDetail(data.row)">
                                 {{ data.row.ip }}
                             </span>
                         </template>
@@ -74,10 +74,13 @@ import PGTree from "@/components/PGTree.vue";
 import StateDot from "@/components/StateDot.vue";
 import ChangeDepart from "./components/ChangeDepart.vue";
 
-import { getDepartMachines, getSubDepartment } from "@/request/cluster";
+import {directTo} from "@/router/index"
+
+import { getDepartMachines } from "@/request/cluster";
 import { RespCodeOK } from "@/request/request";
 
 
+
 // 部门树
 const departmentID = ref(1)
 
@@ -109,6 +112,10 @@ onMounted(() => {
     })
 })
 
+function machineDetail(info:any) {
+    directTo("/cluster/machine/"+info.uuid)
+}
+
 </script>
 
 <style lang="scss" scoped>