diff --git a/README.md b/README.md
index 3a1061b7ba8db152133da1f52683a948b24cedc8..aab4d5d5c3fd30b5301debbdc6199759daf20ec3 100644
--- a/README.md
+++ b/README.md
@@ -83,6 +83,12 @@ server {
         proxy_pass http://go-admin-server;
         rewrite ^\/bg-(.*)$ /$1 break;
     }
+    location /bg-admin/devops/explorer/sftp/upload {
+        client_max_body_size 1g;
+        client_body_buffer_size 2m;
+        proxy_pass http://go-admin-server;
+        rewrite ^\/bg-(.*)$ /$1 break;
+    }
 }
 ```
 5. 启动nginx服务即可。
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 6c8dc93a5f16db644fc136d6964f4e13741e7a1d..6818adba83a1d679ee7bd500b482710cc19c6b7d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
         "@xterm/addon-canvas": "^0.6.0",
         "@xterm/addon-fit": "^0.9.0",
         "@xterm/xterm": "^5.4.0",
-        "axios": "^1.6.7",
+        "axios": "^1.7.7",
         "echarts": "^5.5.0",
         "element-plus": "^2.6.1",
         "moment": "^2.30.1",
@@ -690,9 +690,9 @@
       "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
     },
     "node_modules/axios": {
-      "version": "1.6.8",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.8.tgz",
-      "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
+      "version": "1.7.7",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.7.tgz",
+      "integrity": "sha512-S4kL7XrjgBmvdGut0sN3yJxqYzrDOnivkBiN0OFs6hLiUam3UPvswUo0kqGyhqUZGEOytHyumEdXsAkgCOUf3Q==",
       "dependencies": {
         "follow-redirects": "^1.15.6",
         "form-data": "^4.0.0",
diff --git a/package.json b/package.json
index c6dab944d125e5f9c472ea9a07291bebeb1ff402..1d9a15ba6cb13fb6af5b8aa99be2e3c06fb67cac 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "@xterm/addon-canvas": "^0.6.0",
     "@xterm/addon-fit": "^0.9.0",
     "@xterm/xterm": "^5.4.0",
-    "axios": "^1.6.7",
+    "axios": "^1.7.7",
     "echarts": "^5.5.0",
     "element-plus": "^2.6.1",
     "moment": "^2.30.1",
diff --git a/src/assets/css/devops/explorer.css b/src/assets/css/devops/explorer.css
index 3671e477dfa9ca4391548c35872707a8014a85d9..edc854a83016de82bd92197fa9a3d28e08c35c41 100644
--- a/src/assets/css/devops/explorer.css
+++ b/src/assets/css/devops/explorer.css
@@ -1,3 +1,4 @@
+@import "../dialog_common.css";
 .container {
     display: flex;
     flex-direction: column;
@@ -8,6 +9,7 @@
     flex-wrap: nowrap;
     padding: 10px;
     border-bottom: 1px solid #cccccc;
+    flex: none;
 }
 .head .arrow-icon {
     margin: 0 6px;
@@ -32,14 +34,12 @@
     margin: 0 15px;
     cursor: pointer;
 }
-.head .upload_btn {
-    margin-right: 20px;
-}
 .list {
     padding: 20px;
     display: flex;
     flex-wrap: wrap;
     align-content: flex-start;
+    flex: 1;
 }
 .item_v {
     width: 100px;
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 858df14ecfe5c636b0e2afd0cbb9bde0416061de..c5b725c572c2e48bceeacd76a7f4d2cedea37735 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -214,4 +214,8 @@ a {
 }
 ._drawer .block .row .value {
     flex: none;
+}
+
+.tooltip {
+    max-width: 50%;
 }
\ No newline at end of file
diff --git a/src/router.js b/src/router.js
index 9778c5062b8c6d8ab2a8db224d319c5de59d008d..b00163d51c44c38de825e533fab36701be45e322 100644
--- a/src/router.js
+++ b/src/router.js
@@ -18,6 +18,7 @@ import Performance from "./views/devops/monitor/performance/index.vue"
 import PerformanceDetail from "./views/devops/monitor/performance/detail.vue"
 import Host from "./views/devops/host/index.vue"
 import HostXterm from "./views/devops/host/xterm.vue"
+import HostExplorer from "./views/devops/host/explorer.vue"
 import Group from "./views/devops/group/index.vue"
 import App from "./views/devops/app/index.vue"
 import Script from "./views/devops/script/index.vue"
@@ -43,6 +44,7 @@ const router = [
             {path: "/devops/monitor/performance/detail", component: PerformanceDetail},
             {path: "/devops/host", component: Host},
             {path: "/devops/host/terminal", component: HostXterm},
+            {path: "/devops/host/explorer", component: HostExplorer},
             {path: "/devops/group", component: Group},
             {path: "/devops/app", component: App},
             {path: "/devops/script", component: Script},
diff --git a/src/settings.js b/src/settings.js
index 5e3c25a8ddc1faa9fde497531a51aa2bd665be8f..0096c3568fde6eb166fccad5020ff3b84376dbd1 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -121,6 +121,15 @@ const serverPaths = {
     explorerDelete: serverContextPath + "/devops/explorer/entry",
     explorerUpload: serverContextPath + "/devops/explorer/upload",
     explorerDownload: serverContextPath + "/devops/explorer/download",
+    explorerCreate: serverContextPath + "/devops/explorer/create",
+    explorerRename: serverContextPath + "/devops/explorer/rename",
+    // host explorer
+    hostExplorerEntries: serverContextPath + "/devops/explorer/sftp/entries",
+    hostExplorerDelete: serverContextPath + "/devops/explorer/sftp/entry",
+    hostExplorerUpload: serverContextPath + "/devops/explorer/sftp/upload",
+    hostExplorerDownload: serverContextPath + "/devops/explorer/sftp/download",
+    hostExplorerCreate: serverContextPath + "/devops/explorer/sftp/create",
+    hostExplorerRename: serverContextPath + "/devops/explorer/sftp/rename",
 }
 export {
     serverPaths,
diff --git a/src/views/devops/app/index.vue b/src/views/devops/app/index.vue
index c2882d287f77a47369d15e93c1dc2e1386571baf..6af0d5b9e1b786e0d853cff470cf48feba94c444 100644
--- a/src/views/devops/app/index.vue
+++ b/src/views/devops/app/index.vue
@@ -9,12 +9,12 @@
       <el-button type="primary" icon="Plus" :disabled="!hasPermission('app:add')" @click="addDialog">新增</el-button>
     </div>
     <!--表格数据-->
-    <el-table :data="x.tableData" :stripe="true" empty-text="暂无数据" :show-overflow-tooltip="true" :tooltip-options="{'popper-class': 'tooltip', 'enterable': false}">
-      <el-table-column label="名称" prop="name" header-align="center" align="center" width="180px"></el-table-column>
+    <el-table :data="x.tableData" :stripe="true" :show-overflow-tooltip="true" :tooltip-options="{'popper-class': 'tooltip', 'enterable': false}" empty-text="暂无数据">
+      <el-table-column label="名称" prop="name" header-align="center" align="center" min-width="200px"></el-table-column>
       <el-table-column label="版本" prop="version" header-align="center" align="center" width="140px"></el-table-column>
       <el-table-column label="端口" prop="port" header-align="center" align="center" width="80px"></el-table-column>
-      <el-table-column label="文件名" prop="fileName" header-align="center" align="center" width="160px"></el-table-column>
-      <el-table-column label="Key" prop="key" header-align="center" align="center"></el-table-column>
+      <el-table-column label="文件名" prop="fileName" header-align="center" align="center" min-width="200px"></el-table-column>
+      <el-table-column label="Key" prop="key" header-align="center" align="center" min-width="300px"></el-table-column>
       <el-table-column label="创建时间" prop="createTime" header-align="center" align="center" width="180px"></el-table-column>
       <el-table-column fixed="right" label="操作" header-align="center" align="center" width="160px">
         <template #default="scope">
@@ -310,7 +310,4 @@ function handleDownload() {
 }
 </script>
 <style scoped src="../../../assets/css/devops/app.css">
-.tooltip {
-  max-width: 50%;
-}
 </style>
\ No newline at end of file
diff --git a/src/views/devops/explorer/index.vue b/src/views/devops/explorer/index.vue
index c72460b1550524dfa25e656ccbcf4e70b56c0303..76a7fb7652d194a3663b1e227256cba012898747 100644
--- a/src/views/devops/explorer/index.vue
+++ b/src/views/devops/explorer/index.vue
@@ -10,6 +10,7 @@
         </el-icon>
       </div>
       <el-button class="upload_btn" type="primary" size="small" @click="uploadDialog" :disabled="!hasPermission('explorer:upload')">上传</el-button>
+      <el-button class="op_btn" color="#EFCB61" type="warning" size="small" style="color: #ffffff;" @click="createDialog" :disabled="!hasPermission('explorer:upload')">创建目录</el-button>
     </div>
     <div class="list" v-if="x.entries.length > 0">
       <div class="item_v" v-for="item in x.entries" :key="item.name">
@@ -19,6 +20,7 @@
             <template #dropdown>
               <el-dropdown-menu>
                 <el-dropdown-item :command="'OPEN:'+item.name">打开</el-dropdown-item>
+                <el-dropdown-item :command="'RENAME:'+item.name" :disabled="!hasPermission('explorer:rename')">重命名</el-dropdown-item>
                 <el-dropdown-item :command="'DELETE:'+item.name" :disabled="!hasPermission('explorer:delete')">删除</el-dropdown-item>
               </el-dropdown-menu>
             </template>
@@ -30,8 +32,9 @@
             <el-icon size="60"><i class="iconfont icon-ex-file file"></i></el-icon>
             <template #dropdown>
               <el-dropdown-menu>
-                <el-dropdown-item :command="'DELETE:'+item.name" :disabled="!hasPermission('explorer:delete')">删除</el-dropdown-item>
                 <el-dropdown-item :command="'DOWNLOAD:'+item.name" :disabled="!hasPermission('explorer:download')">下载</el-dropdown-item>
+                <el-dropdown-item :command="'RENAME:'+item.name" :disabled="!hasPermission('explorer:rename')">重命名</el-dropdown-item>
+                <el-dropdown-item :command="'DELETE:'+item.name" :disabled="!hasPermission('explorer:delete')">删除</el-dropdown-item>
               </el-dropdown-menu>
             </template>
           </el-dropdown>
@@ -58,13 +61,34 @@
         </div>
       </el-upload>
     </el-dialog>
+    <!--创建目录弹框-->
+    <el-dialog class="upsert" v-model="x.showCreateDialog" title="创建目录" width="35%">
+      <div class="row">
+        <span class="label _required">名称</span>
+        <el-input class="value" v-model="x.inputDirName" placeholder="填写目录名称" maxlength="30"></el-input>
+      </div>
+      <template #footer>
+        <el-button @click="x.showCreateDialog = false">取消</el-button>
+        <el-button type="primary" :loading="x.btnState.isLoading" @click="doCreateDir">确定</el-button>
+      </template>
+    </el-dialog>
+    <!--重命名弹框-->
+    <el-dialog class="upsert" v-model="x.showRenameDialog" title="重命名" width="35%">
+      <div class="row">
+        <span class="label _required">新名称</span>
+        <el-input class="value" v-model="x.inputRenameName" placeholder="填写新名称" maxlength="30"></el-input>
+      </div>
+      <template #footer>
+        <el-button @click="x.showRenameDialog = false">取消</el-button>
+        <el-button type="primary" :loading="x.btnState.isLoading" @click="doRename">确定</el-button>
+      </template>
+    </el-dialog>
   </div>
 </template>
 <script setup>
 import {onMounted, reactive, ref} from "vue"
 import {hasPermission} from "@/utils/permissions"
-import "@xterm/xterm/css/xterm.css"
-import {serverPaths, config} from "@/settings"
+import {serverPaths} from "@/settings"
 import uiUtils from "@/utils/ui-utils"
 import httpUtils from "@/utils/http-utils"
 import {ElLoading} from "element-plus"
@@ -90,8 +114,12 @@ const x = reactive({
   entries: [],
   showDeleteDialog: false,
   showUploadDialog: false,
+  showRenameDialog: false,
   opFileName: "",
-  isRefreshing: false
+  isRefreshing: false,
+  showCreateDialog: false,
+  inputDirName: "",
+  inputRenameName: ""
 })
 const upload = ref()
 
@@ -152,6 +180,10 @@ function handleCommand(command) {
   }
   if (op === "DOWNLOAD") {
     downloadFile(x.opFileName)
+    return
+  }
+  if (op === "RENAME") {
+    openRenameDialog()
   }
 }
 
@@ -178,7 +210,7 @@ function openDir(dirName) {
 
 function downloadFile(fileName) {
   let parentDir = getParentDir();
-  let filePath = ""
+  let filePath
   if (parentDir === x.root) {
     filePath = parentDir + fileName
   } else {
@@ -191,6 +223,30 @@ function downloadFile(fileName) {
   document.body.removeChild(link);
 }
 
+function openRenameDialog() {
+  x.showRenameDialog = true
+  x.inputRenameName = x.opFileName
+}
+
+function doRename() {
+  x.btnState.loading()
+  const parentDir = getParentDir()
+  let params = {
+    dir: parentDir,
+    oldName: x.opFileName,
+    newName: x.inputRenameName
+  }
+  httpUtils.post(serverPaths.explorerRename, params, function () {
+    x.btnState.unLoading()
+    x.showRenameDialog = false
+    x.inputRenameName = ""
+    uiUtils.showToast("success", "操作成功")
+    search(parentDir)
+  }, () => {
+    x.btnState.unLoading()
+  })
+}
+
 function getParentDir() {
   if (x.pathStack.length === 0) {
     return x.root
@@ -204,7 +260,7 @@ function getParentDir() {
 
 function doDelete() {
   let parentDir = getParentDir();
-  let filePath = ""
+  let filePath
   if (parentDir === x.root) {
     filePath = parentDir + x.opFileName
   } else {
@@ -241,6 +297,28 @@ function uploadDialog() {
   x.showUploadDialog = true
 }
 
+function createDialog() {
+  x.showCreateDialog = true
+}
+
+function doCreateDir() {
+  x.btnState.loading()
+  const parentDir = getParentDir()
+  let params = {
+    dir: parentDir,
+    name: x.inputDirName
+  }
+  httpUtils.post(serverPaths.explorerCreate, params, function () {
+    x.btnState.unLoading()
+    x.showCreateDialog = false
+    x.inputDirName = ""
+    uiUtils.showToast("success", "创建成功")
+    search(parentDir)
+  }, () => {
+    x.btnState.unLoading()
+  })
+}
+
 function beforeUpload () {
   x.formUploadData.dir = getParentDir()
   return true
diff --git a/src/views/devops/group/index.vue b/src/views/devops/group/index.vue
index b160997c9f83eee05f20c5c9ecb2421a15834996..0bc6b91086b09144625f9b182b10c35bbc3c71b4 100644
--- a/src/views/devops/group/index.vue
+++ b/src/views/devops/group/index.vue
@@ -9,8 +9,8 @@
       <el-button type="primary" icon="Plus" :disabled="!hasPermission('group:add')" @click="addDialog">新增</el-button>
     </div>
     <!--表格数据-->
-    <el-table :data="x.tableData" :stripe="true" empty-text="暂无数据">
-      <el-table-column label="名称" prop="name" header-align="center" align="center" width="240px"></el-table-column>
+    <el-table :data="x.tableData" :stripe="true" :show-overflow-tooltip="true" :tooltip-options="{'popper-class': 'tooltip', 'enterable': false}" empty-text="暂无数据">
+      <el-table-column label="名称" prop="name" header-align="center" align="center"></el-table-column>
       <el-table-column label="主机数量" prop="count" header-align="center" align="center"></el-table-column>
       <el-table-column label="创建时间" prop="createTime" header-align="center" align="center" width="180px"></el-table-column>
       <el-table-column fixed="right" label="操作" header-align="center" align="center" width="160px">
diff --git a/src/views/devops/host/explorer.vue b/src/views/devops/host/explorer.vue
new file mode 100644
index 0000000000000000000000000000000000000000..16308aacebb986e516befd00f012a512cfd451a4
--- /dev/null
+++ b/src/views/devops/host/explorer.vue
@@ -0,0 +1,366 @@
+<template>
+  <div id="container" class="container">
+    <div class="head" style="padding-top: 0; padding-bottom: 0;">
+      <el-icon class="arrow-icon" size="24" @click="goBack" style="margin-left: 10px;"><i class="iconfont icon-arrow-left arrow" :class="x.pathStack.length === 0 ? 'disable': ''"></i></el-icon>
+      <span class="path"><el-tag type="info" style="border-radius: 0; border: none; font-size: 14px; padding-top: 22px; padding-bottom: 22px;">{{x.hostStr}}</el-tag>{{x.crumbs}}</span>
+      <span style="flex: auto;"></span>
+      <div class="refresh" @click="refresh">
+        <el-icon :class="x.isRefreshing ? 'is-loading' : ''" color="#8a8a8a" size="18">
+          <Refresh/>
+        </el-icon>
+      </div>
+      <el-button class="op_btn" type="primary" size="small" @click="uploadDialog" :disabled="!hasPermission('explorer_sftp:upload')">上传</el-button>
+      <el-button class="op_btn" color="#EFCB61" type="warning" size="small" style="color: #ffffff;" @click="createDialog" :disabled="!hasPermission('explorer_sftp:upload')">创建目录</el-button>
+      <el-button class="op_btn" color="#dcdcdc" size="small" style="margin-right: 20px; color: #666666;" @click="routeBack">返回</el-button>
+    </div>
+    <div class="list" v-if="x.entries.length > 0">
+      <div class="item_v" v-for="item in x.entries" :key="item.name">
+        <div class="item" v-if="item.type === 'd'">
+          <el-dropdown trigger="contextmenu" @command="handleCommand">
+            <el-icon size="60" @dblclick="openDir(item.name)"><i class="iconfont icon-ex-dir dir"></i></el-icon>
+            <template #dropdown>
+              <el-dropdown-menu>
+                <el-dropdown-item :command="'OPEN:'+item.name">打开</el-dropdown-item>
+                <el-dropdown-item :command="'RENAME:'+item.name" :disabled="!hasPermission('explorer_sftp:rename')">重命名</el-dropdown-item>
+                <el-dropdown-item :command="'DELETE:'+item.name" :disabled="!hasPermission('explorer_sftp:delete')">删除</el-dropdown-item>
+              </el-dropdown-menu>
+            </template>
+          </el-dropdown>
+          <span :title="item.name" class="name">{{item.name}}</span>
+        </div>
+        <div class="item" v-else>
+          <el-dropdown trigger="contextmenu" @command="handleCommand">
+            <el-icon size="60"><i class="iconfont icon-ex-file file"></i></el-icon>
+            <template #dropdown>
+              <el-dropdown-menu>
+                <el-dropdown-item :command="'DOWNLOAD:'+item.name" :disabled="!hasPermission('explorer_sftp:download')">下载</el-dropdown-item>
+                <el-dropdown-item :command="'RENAME:'+item.name" :disabled="!hasPermission('explorer_sftp:rename')">重命名</el-dropdown-item>
+                <el-dropdown-item :command="'DELETE:'+item.name" :disabled="!hasPermission('explorer_sftp:delete')">删除</el-dropdown-item>
+              </el-dropdown-menu>
+            </template>
+          </el-dropdown>
+          <span :title="item.name" class="name">{{item.name}}</span>
+        </div>
+      </div>
+    </div>
+    <div class="empty-dir" v-else>空目录</div>
+    <!--删除弹框-->
+    <el-dialog v-model="x.showDeleteDialog" title="操作提示" width="30%">
+      <span>删除后不可恢复，是否确定删除 ？</span>
+      <template #footer>
+        <el-button @click="x.showDeleteDialog = false">取消</el-button>
+        <el-button type="primary" :loading="x.btnState.isLoading" @click="doDelete">确定</el-button>
+      </template>
+    </el-dialog>
+    <!--上传弹框-->
+    <el-dialog v-model="x.showUploadDialog" title="上传提示" width="30%">
+      <el-upload ref="upload" drag :action="x.uploadUrl" name="file" method="post" v-model:file-list="x.uploadFileList" :data="x.formUploadData" :auto-upload="true" :limit="1" :on-exceed="handleExceed" :before-upload="beforeUpload" :on-success="handleUploadSuccess" :on-error="handleUploadError">
+        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+        <div class="el-upload__text">
+          拖拽上传或 <em>点击上传</em>
+          <div style="margin-top: 10px; color: #e6a23c; font-size: 12px;">注意：上传重名文件会自动覆盖</div>
+        </div>
+      </el-upload>
+    </el-dialog>
+    <!--创建目录弹框-->
+    <el-dialog class="upsert" v-model="x.showCreateDialog" title="创建目录" width="35%">
+      <div class="row">
+        <span class="label _required">名称</span>
+        <el-input class="value" v-model="x.inputDirName" placeholder="填写目录名称" maxlength="30"></el-input>
+      </div>
+      <template #footer>
+        <el-button @click="x.showCreateDialog = false">取消</el-button>
+        <el-button type="primary" :loading="x.btnState.isLoading" @click="doCreateDir">确定</el-button>
+      </template>
+    </el-dialog>
+    <!--重命名弹框-->
+    <el-dialog class="upsert" v-model="x.showRenameDialog" title="重命名" width="35%">
+      <div class="row">
+        <span class="label _required">新名称</span>
+        <el-input class="value" v-model="x.inputRenameName" placeholder="填写新名称" maxlength="30"></el-input>
+      </div>
+      <template #footer>
+        <el-button @click="x.showRenameDialog = false">取消</el-button>
+        <el-button type="primary" :loading="x.btnState.isLoading" @click="doRename">确定</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<script setup>
+import {onMounted, reactive, ref} from "vue"
+import {hasPermission} from "@/utils/permissions"
+import {serverPaths} from "@/settings"
+import uiUtils from "@/utils/ui-utils"
+import httpUtils from "@/utils/http-utils"
+import {ElLoading} from "element-plus"
+import {useRoute, useRouter} from "vue-router";
+
+const loadingConfig = {
+  background: "rgba(255,255,255,0.3)",
+  target: "#container"
+}
+const route = useRoute()
+const router = useRouter()
+const x = reactive({
+  btnState: uiUtils.buttonState(),
+  root: "/",
+  hostStr: "",
+  crumbs: "",
+  uploadUrl: serverPaths.hostExplorerUpload,
+  formUploadData: {
+    dir: ""
+  },
+  uploadFileList: [],
+  pathStack: [],
+  searchItems: {
+    dir: "",
+    keyword: ""
+  },
+  entries: [],
+  showDeleteDialog: false,
+  showUploadDialog: false,
+  showRenameDialog: false,
+  opFileName: "",
+  isRefreshing: false,
+  showCreateDialog: false,
+  inputDirName: "",
+  inputRenameName: ""
+})
+const upload = ref()
+
+onMounted(() => {
+  x.hostStr = route.query.user + "@" + route.query.ip
+  let parentDir = getParentDir()
+  search(parentDir, () => {
+    showCrumbs()
+  })
+})
+
+function showCrumbs() {
+  x.crumbs = getParentDir().replaceAll("/", " / ")
+}
+
+function search(parentDir, successCallback) {
+  x.searchItems.dir = parentDir
+  let params = x.searchItems
+  params.hostId = route.query.id
+  const loadingInstance = ElLoading.service(loadingConfig)
+  httpUtils.get(serverPaths.hostExplorerEntries, params, function (resList) {
+    if (resList) {
+      x.entries = resList
+    } else {
+      x.entries = []
+    }
+    loadingInstance.close()
+    if (typeof successCallback === "function") {
+      successCallback()
+    }
+  }, () => {
+    loadingInstance.close()
+  })
+}
+
+function refresh() {
+  if (x.isRefreshing) {
+    return
+  }
+  x.isRefreshing = true
+  let parentDir = getParentDir();
+  search(parentDir, () => {
+    showCrumbs()
+    x.isRefreshing = false
+    uiUtils.showToast("success", "刷新成功")
+  })
+}
+
+function handleCommand(command) {
+  let parts = command.split(":");
+  let op = parts[0]
+  x.opFileName = parts[1]
+  if (op === "OPEN") {
+    openDir(x.opFileName)
+    return
+  }
+  if (op === "DELETE") {
+    x.showDeleteDialog = true
+    return
+  }
+  if (op === "DOWNLOAD") {
+    downloadFile(x.opFileName)
+    return
+  }
+  if (op === "RENAME") {
+    openRenameDialog()
+  }
+}
+
+function openDir(dirName) {
+  let parentDir = getParentDir();
+  if (parentDir === x.root) {
+    search(parentDir + dirName, () => {
+      x.pathStack.push({
+        index: x.pathStack.length + 1,
+        name: dirName
+      })
+      showCrumbs()
+    })
+  } else {
+    search(parentDir + "/" + dirName, () => {
+      x.pathStack.push({
+        index: x.pathStack.length + 1,
+        name: dirName
+      })
+      showCrumbs()
+    })
+  }
+}
+
+function downloadFile(fileName) {
+  let parentDir = getParentDir();
+  let filePath
+  if (parentDir === x.root) {
+    filePath = parentDir + fileName
+  } else {
+    filePath = parentDir + "/" + fileName
+  }
+  const link = document.createElement("a")
+  link.href = serverPaths.hostExplorerDownload + "?path=" + filePath + "&hostId=" + route.query.id
+  document.body.appendChild(link);
+  link.click()
+  document.body.removeChild(link);
+}
+
+function openRenameDialog() {
+  x.showRenameDialog = true
+  x.inputRenameName = x.opFileName
+}
+
+function doRename() {
+  x.btnState.loading()
+  const parentDir = getParentDir()
+  let params = {
+    hostId: parseInt(route.query.id),
+    dir: parentDir,
+    oldName: x.opFileName,
+    newName: x.inputRenameName
+  }
+  httpUtils.post(serverPaths.hostExplorerRename, params, function () {
+    x.btnState.unLoading()
+    x.showRenameDialog = false
+    x.inputRenameName = ""
+    uiUtils.showToast("success", "操作成功")
+    search(parentDir)
+  }, () => {
+    x.btnState.unLoading()
+  })
+}
+
+function getParentDir() {
+  if (x.pathStack.length === 0) {
+    return x.root
+  }
+  let names = []
+  for (const item of x.pathStack) {
+    names.push(item.name)
+  }
+  return x.root + names.join("/")
+}
+
+function doDelete() {
+  let parentDir = getParentDir();
+  let filePath
+  if (parentDir === x.root) {
+    filePath = parentDir + x.opFileName
+  } else {
+    filePath = parentDir + "/" + x.opFileName
+  }
+  let params = {
+    path: filePath,
+    hostId: route.query.id
+  }
+  httpUtils.delete(serverPaths.hostExplorerDelete, params, function () {
+    x.showDeleteDialog = false
+    uiUtils.showToast("success", "删除成功")
+    search(parentDir)
+  })
+}
+
+function goBack() {
+  if (x.pathStack.length > 0) {
+    let parentDir = getParentDir();
+    let backDir = parentDir.substring(0, parentDir.lastIndexOf("/"))
+    if (backDir + "/" === x.root) {
+      backDir = x.root
+    }
+    search(backDir, () => {
+      x.pathStack.pop()
+      showCrumbs()
+    })
+  }
+}
+
+function uploadDialog() {
+  if (upload.value) {
+    upload.value.clearFiles()
+  }
+  x.showUploadDialog = true
+}
+
+function createDialog() {
+  x.showCreateDialog = true
+}
+
+function doCreateDir() {
+  x.btnState.loading()
+  const parentDir = getParentDir()
+  let params = {
+    hostId: parseInt(route.query.id),
+    dir: parentDir,
+    name: x.inputDirName
+  }
+  httpUtils.post(serverPaths.hostExplorerCreate, params, function () {
+    x.btnState.unLoading()
+    x.showCreateDialog = false
+    x.inputDirName = ""
+    uiUtils.showToast("success", "创建成功")
+    search(parentDir)
+  }, () => {
+    x.btnState.unLoading()
+  })
+}
+
+function beforeUpload () {
+  x.formUploadData.dir = getParentDir()
+  x.formUploadData.hostId = route.query.id
+  return true
+}
+
+function handleExceed(files) {
+  upload.value.clearFiles()
+  upload.value.handleStart(files[0])
+  upload.value.submit()
+}
+
+function handleUploadSuccess(res) {
+  if (res.code === 200) {
+    x.showUploadDialog = false
+    uiUtils.showToast("success", "上传成功")
+    search(getParentDir())
+  } else {
+    uiUtils.showToast("error", res.message)
+  }
+}
+
+function handleUploadError(err) {
+  console.error(err)
+  uiUtils.showToast("error", err.toString())
+}
+
+function routeBack() {
+  router.back()
+}
+
+</script>
+<style scoped src="../../../assets/css/devops/explorer.css">
+
+</style>
\ No newline at end of file
diff --git a/src/views/devops/host/index.vue b/src/views/devops/host/index.vue
index 69a08b010a8149abffa2a6bae74cf48c7f3ab260..9993aa5edd47967684b2b1183c978dc92eff7f39 100644
--- a/src/views/devops/host/index.vue
+++ b/src/views/devops/host/index.vue
@@ -9,17 +9,18 @@
       <el-button type="primary" icon="Plus" :disabled="!hasPermission('host:add')" @click="addDialog">新增</el-button>
     </div>
     <!--表格数据-->
-    <el-table :data="x.tableData" :stripe="true" empty-text="暂无数据">
-      <el-table-column label="名称" prop="name" header-align="center" align="center" width="200px"></el-table-column>
+    <el-table :data="x.tableData" :stripe="true" :show-overflow-tooltip="true" :tooltip-options="{'popper-class': 'tooltip', 'enterable': false}" empty-text="暂无数据">
+      <el-table-column label="名称" prop="name" header-align="center" align="center" min-width="200px"></el-table-column>
       <el-table-column label="IP" prop="ip" header-align="center" align="center" width="180px"></el-table-column>
       <el-table-column label="端口" prop="port" header-align="center" align="center"></el-table-column>
       <el-table-column label="账号" prop="user" header-align="center" align="center"></el-table-column>
       <el-table-column label="创建时间" prop="createTime" header-align="center" align="center" width="180px"></el-table-column>
-      <el-table-column fixed="right" label="操作" header-align="center" align="center" width="220px">
+      <el-table-column fixed="right" label="操作" header-align="center" align="center" width="280px">
         <template #default="scope">
           <el-button type="warning" size="small" :disabled="!hasPermission('host:update')" @click="updateDialog(scope.row)">编辑</el-button>
           <el-button type="danger" size="small" :disabled="!hasPermission('host:delete')" @click="deleteDialog(scope.row)">删除</el-button>
           <el-button type="success" size="small" :disabled="!hasPermission('host:connect')" @click="openShell(scope.row)">Shell</el-button>
+          <el-button size="small" style="color: #ffffff;" color="#D5B170" :disabled="!hasPermission('explorer_sftp:entries')" @click="openExplorer(scope.row)">SFTP</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -254,7 +255,10 @@ function connectTest() {
 function openShell(host) {
   router.push("/devops/host/terminal?id=" + host.id)
 }
+
+function openExplorer(host) {
+  router.push("/devops/host/explorer?id=" + host.id + "&user=" + host.user + "&ip=" + host.ip)
+}
 </script>
 <style scoped src="../../../assets/css/devops/host.css">
-
 </style>
\ No newline at end of file
diff --git a/src/views/devops/monitor/performance/index.vue b/src/views/devops/monitor/performance/index.vue
index 6917d654df5373376b277c86af5548dc75353058..0023b452631a0aa5dd6acb83a65eaf39c4ff8154 100644
--- a/src/views/devops/monitor/performance/index.vue
+++ b/src/views/devops/monitor/performance/index.vue
@@ -8,7 +8,7 @@
       <el-button type="primary" icon="Search" @click="search">搜索</el-button>
     </div>
     <!--表格数据-->
-    <el-table :data="x.tableData" :stripe="true" empty-text="暂无数据">
+    <el-table :data="x.tableData" :stripe="true" :show-overflow-tooltip="true" :tooltip-options="{'popper-class': 'tooltip', 'enterable': false}" empty-text="暂无数据">
       <el-table-column label="IP地址" prop="ip" header-align="center" align="center" width="180px"></el-table-column>
       <el-table-column label="CPU使用率(%)" prop="cpu.usedPercent" header-align="center" align="center"></el-table-column>
       <el-table-column label="内存使用率(%)" prop="virtualMemory.usedPercent" header-align="center" align="center"></el-table-column>
diff --git a/src/views/devops/script/index.vue b/src/views/devops/script/index.vue
index fa9936421729c67dbc104733ea6a7815afe546c2..5e27dfed4660dd92c3e8d8f4642075a7b4a65349 100644
--- a/src/views/devops/script/index.vue
+++ b/src/views/devops/script/index.vue
@@ -9,7 +9,7 @@
       <el-button type="primary" icon="Plus" :disabled="!hasPermission('script:add')" @click="addDialog">新增</el-button>
     </div>
     <!--表格数据-->
-    <el-table class="table_content" :data="x.tableData" :stripe="true" empty-text="暂无数据">
+    <el-table class="table_content" :data="x.tableData" :stripe="true" :show-overflow-tooltip="true" :tooltip-options="{'popper-class': 'tooltip', 'enterable': false}" empty-text="暂无数据">
       <el-table-column type="expand" width="40px">
         <template #default="props">
           <div class="inner_content">
@@ -20,7 +20,7 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column label="名称" prop="name" header-align="center" align="center" width="200px"></el-table-column>
+      <el-table-column label="名称" prop="name" header-align="center" align="left"></el-table-column>
       <el-table-column label="版本" prop="version" header-align="center" align="center"></el-table-column>
       <el-table-column label="创建时间" prop="createTime" header-align="center" align="center" width="180px"></el-table-column>
       <el-table-column fixed="right" label="操作" header-align="center" align="center" width="160px">
diff --git a/src/views/devops/task/index.vue b/src/views/devops/task/index.vue
index 113c86a8b682c79fc02cf17fa309ca908f9057e7..2eb6706de6804a3104f453487e7442d03bffa310 100644
--- a/src/views/devops/task/index.vue
+++ b/src/views/devops/task/index.vue
@@ -9,9 +9,9 @@
       <el-button type="primary" icon="Plus" :disabled="!hasPermission('task:add')" @click="addDialog">新增</el-button>
     </div>
     <!--表格数据-->
-    <el-table :data="x.tableData" :stripe="true" empty-text="暂无数据">
-      <el-table-column label="名称" prop="name" header-align="center" align="center" width="200px"></el-table-column>
-      <el-table-column label="任务类型" prop="typeText" header-align="center" align="center" width="180px"></el-table-column>
+    <el-table :data="x.tableData" :stripe="true" :show-overflow-tooltip="true" :tooltip-options="{'popper-class': 'tooltip', 'enterable': false}" empty-text="暂无数据">
+      <el-table-column label="名称" prop="name" header-align="center" align="center" min-width="200px"></el-table-column>
+      <el-table-column label="任务类型" prop="typeText" header-align="center" align="center"></el-table-column>
       <el-table-column label="状态" prop="statusText" header-align="center" align="center"></el-table-column>
       <el-table-column label="创建时间" prop="createTime" header-align="center" align="center" width="180px"></el-table-column>
       <el-table-column fixed="right" label="操作" header-align="center" align="center" width="280px">
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 3c381d9e086306be81378f020bc1101c8684b04e..4925f81ec18c27ec67d01ce70343754410362b47 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -9,8 +9,8 @@
       <el-button type="primary" icon="Plus" :disabled="!hasPermission('dept:add')" @click="addDialog">新增</el-button>
     </div>
     <!--表格数据-->
-    <el-table :data="x.deptTree" :stripe="true" row-key="id" :tree-props="{children: 'children'}" empty-text="暂无数据">
-      <el-table-column label="名称" prop="name" header-align="center" align="center" width="240px"></el-table-column>
+    <el-table :data="x.deptTree" :stripe="true" row-key="id" :tree-props="{children: 'children'}" :show-overflow-tooltip="true" :tooltip-options="{'popper-class': 'tooltip', 'enterable': false}" empty-text="暂无数据">
+      <el-table-column label="名称" prop="name" header-align="center" align="center"></el-table-column>
       <el-table-column label="创建时间" prop="createTime" header-align="center" align="center"></el-table-column>
       <el-table-column fixed="right" label="操作" header-align="center" align="center" width="160px">
         <template #default="scope">
diff --git a/src/views/system/job/index.vue b/src/views/system/job/index.vue
index 326e24d50a8e01504697ca1b4bfeb583a03d4275..5e3cd21fa6225aaa1c3a6a63931b1bd03ce43699 100644
--- a/src/views/system/job/index.vue
+++ b/src/views/system/job/index.vue
@@ -9,7 +9,7 @@
       <el-button type="primary" icon="Plus" :disabled="!hasPermission('job:add')" @click="addDialog">新增</el-button>
     </div>
     <!--表格数据-->
-    <el-table :data="x.tableData" :stripe="true" empty-text="暂无数据">
+    <el-table :data="x.tableData" :stripe="true" :show-overflow-tooltip="true" :tooltip-options="{'popper-class': 'tooltip', 'enterable': false}" empty-text="暂无数据">
       <el-table-column label="名称" prop="name" header-align="center" align="center" width="240px"></el-table-column>
       <el-table-column label="岗位描述" prop="description" header-align="center" align="center"></el-table-column>
       <el-table-column label="创建时间" prop="createTime" header-align="center" align="center" width="180px"></el-table-column>
@@ -172,5 +172,4 @@ function doDeleteJob() {
 }
 </script>
 <style scoped src="../../../assets/css/sys/job.css">
-
 </style>
\ No newline at end of file
diff --git a/src/views/system/log/login/index.vue b/src/views/system/log/login/index.vue
index 8cef4ff5a7ac8389d2c4bceeaaac3eb2f5e497e1..b0dcc8338831f2c5c425ca40edcd43764f43d0fc 100644
--- a/src/views/system/log/login/index.vue
+++ b/src/views/system/log/login/index.vue
@@ -133,7 +133,4 @@ function doClearLog() {
 }
 </script>
 <style>
-.tooltip {
-  max-width: 50%;
-}
 </style>
\ No newline at end of file
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index b29e95fc8e4472579423f59c47d0fab7e58cfb6d..d1c0f3456d3011ea8c9f3a16a9433b396659331f 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -9,8 +9,8 @@
       <el-button type="primary" icon="Plus" :disabled="!hasPermission('role:add')" @click="addDialog">新增</el-button>
     </div>
     <!--表格数据-->
-    <el-table :data="x.tableData" :stripe="true" empty-text="暂无数据">
-      <el-table-column label="名称" prop="name" header-align="center" align="center" width="240px"></el-table-column>
+    <el-table :data="x.tableData" :stripe="true" :show-overflow-tooltip="true" :tooltip-options="{'popper-class': 'tooltip', 'enterable': false}" empty-text="暂无数据">
+      <el-table-column label="名称" prop="name" header-align="center" align="center"></el-table-column>
       <el-table-column label="创建时间" prop="createTime" header-align="center" align="center"></el-table-column>
       <el-table-column fixed="right" label="操作" header-align="center" align="center" width="240px">
         <template #default="scope">
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 37c354b61049e5f9a270c75125400f0c62b3ea6f..46629b7e8b8459c3177df337ee29763039c63c70 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -20,8 +20,8 @@
       <el-button type="primary" icon="Plus" :disabled="!hasPermission('user:add')" @click="addDialog">新增</el-button>
     </div>
     <!--表格数据-->
-    <el-table :data="x.tableData"  empty-text="暂无数据">
-      <el-table-column label="昵称" prop="nickname" header-align="center" align="center" width="120px"></el-table-column>
+    <el-table :data="x.tableData" :show-overflow-tooltip="true" :tooltip-options="{'popper-class': 'tooltip', 'enterable': false}" empty-text="暂无数据">
+      <el-table-column label="昵称" prop="nickname" header-align="center" align="center" min-width="120px"></el-table-column>
       <el-table-column label="邮箱" prop="email" header-align="center" align="center" min-width="180px"></el-table-column>
       <el-table-column label="手机号" prop="cellphone" header-align="center" align="center" min-width="120px"></el-table-column>
       <el-table-column label="性别" prop="sexLabel" header-align="center" align="center" width="60px"></el-table-column>