From 42f767867b2b084bbc0309852dd88aee3ca99953 Mon Sep 17 00:00:00 2001
From: GeMing <1328922121@qq.com>
Date: Fri, 6 Sep 2024 14:45:13 +0800
Subject: [PATCH 1/6] feat: add sftp feature

---
 src/router.js                       |   2 +
 src/settings.js                     |   5 +
 src/views/devops/explorer/index.vue |   3 +-
 src/views/devops/host/explorer.vue  | 280 ++++++++++++++++++++++++++++
 src/views/devops/host/index.vue     |   8 +-
 5 files changed, 294 insertions(+), 4 deletions(-)
 create mode 100644 src/views/devops/host/explorer.vue

diff --git a/src/router.js b/src/router.js
index 9778c50..b00163d 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 5e3c25a..7e45d26 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -121,6 +121,11 @@ const serverPaths = {
     explorerDelete: serverContextPath + "/devops/explorer/entry",
     explorerUpload: serverContextPath + "/devops/explorer/upload",
     explorerDownload: serverContextPath + "/devops/explorer/download",
+    // 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",
 }
 export {
     serverPaths,
diff --git a/src/views/devops/explorer/index.vue b/src/views/devops/explorer/index.vue
index c72460b..b06389c 100644
--- a/src/views/devops/explorer/index.vue
+++ b/src/views/devops/explorer/index.vue
@@ -63,8 +63,7 @@
 <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"
diff --git a/src/views/devops/host/explorer.vue b/src/views/devops/host/explorer.vue
new file mode 100644
index 0000000..335aa72
--- /dev/null
+++ b/src/views/devops/host/explorer.vue
@@ -0,0 +1,280 @@
+<template>
+  <div id="container" class="container">
+    <div class="head">
+      <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" effect="plain">{{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="upload_btn" type="primary" size="small" @click="uploadDialog" :disabled="!hasPermission('explorer_sftp: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">
+        <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="'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="'DELETE:'+item.name" :disabled="!hasPermission('explorer_sftp:delete')">删除</el-dropdown-item>
+                <el-dropdown-item :command="'DOWNLOAD:'+item.name" :disabled="!hasPermission('explorer_sftp:download')">下载</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>
+  </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,
+  opFileName: "",
+  isRefreshing: false
+})
+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)
+  }
+}
+
+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 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 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())
+}
+
+</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 69a08b0..73876ca 100644
--- a/src/views/devops/host/index.vue
+++ b/src/views/devops/host/index.vue
@@ -15,11 +15,12 @@
       <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
-- 
Gitee


From b2c0c1a14f02eb1095f59870919d750ddca3a3bb Mon Sep 17 00:00:00 2001
From: GeMing <1328922121@qq.com>
Date: Fri, 6 Sep 2024 18:51:21 +0800
Subject: [PATCH 2/6] feat: explorer add create dir func

---
 src/assets/css/devops/explorer.css  |  6 ++--
 src/settings.js                     |  2 ++
 src/views/devops/explorer/index.vue | 42 ++++++++++++++++++++--
 src/views/devops/host/explorer.vue  | 54 +++++++++++++++++++++++++----
 4 files changed, 92 insertions(+), 12 deletions(-)

diff --git a/src/assets/css/devops/explorer.css b/src/assets/css/devops/explorer.css
index 3671e47..edc854a 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/settings.js b/src/settings.js
index 7e45d26..9ed3104 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -121,11 +121,13 @@ const serverPaths = {
     explorerDelete: serverContextPath + "/devops/explorer/entry",
     explorerUpload: serverContextPath + "/devops/explorer/upload",
     explorerDownload: serverContextPath + "/devops/explorer/download",
+    explorerCreate: serverContextPath + "/devops/explorer/create",
     // 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",
 }
 export {
     serverPaths,
diff --git a/src/views/devops/explorer/index.vue b/src/views/devops/explorer/index.vue
index b06389c..8c84cc2 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">
@@ -58,6 +59,17 @@
         </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>
   </div>
 </template>
 <script setup>
@@ -90,7 +102,9 @@ const x = reactive({
   showDeleteDialog: false,
   showUploadDialog: false,
   opFileName: "",
-  isRefreshing: false
+  isRefreshing: false,
+  showCreateDialog: false,
+  inputDirName: ""
 })
 const upload = ref()
 
@@ -177,7 +191,7 @@ function openDir(dirName) {
 
 function downloadFile(fileName) {
   let parentDir = getParentDir();
-  let filePath = ""
+  let filePath
   if (parentDir === x.root) {
     filePath = parentDir + fileName
   } else {
@@ -203,7 +217,7 @@ function getParentDir() {
 
 function doDelete() {
   let parentDir = getParentDir();
-  let filePath = ""
+  let filePath
   if (parentDir === x.root) {
     filePath = parentDir + x.opFileName
   } else {
@@ -240,6 +254,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/host/explorer.vue b/src/views/devops/host/explorer.vue
index 335aa72..2099027 100644
--- a/src/views/devops/host/explorer.vue
+++ b/src/views/devops/host/explorer.vue
@@ -1,15 +1,17 @@
 <template>
   <div id="container" class="container">
-    <div class="head">
+    <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" effect="plain">{{x.hostStr}}</el-tag>{{x.crumbs}}</span>
+      <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="upload_btn" type="primary" size="small" @click="uploadDialog" :disabled="!hasPermission('explorer_sftp:upload')">上传</el-button>
+      <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">
@@ -58,6 +60,17 @@
         </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>
   </div>
 </template>
 <script setup>
@@ -94,7 +107,9 @@ const x = reactive({
   showDeleteDialog: false,
   showUploadDialog: false,
   opFileName: "",
-  isRefreshing: false
+  isRefreshing: false,
+  showCreateDialog: false,
+  inputDirName: ""
 })
 const upload = ref()
 
@@ -183,7 +198,7 @@ function openDir(dirName) {
 
 function downloadFile(fileName) {
   let parentDir = getParentDir();
-  let filePath = ""
+  let filePath
   if (parentDir === x.root) {
     filePath = parentDir + fileName
   } else {
@@ -209,7 +224,7 @@ function getParentDir() {
 
 function doDelete() {
   let parentDir = getParentDir();
-  let filePath = ""
+  let filePath
   if (parentDir === x.root) {
     filePath = parentDir + x.opFileName
   } else {
@@ -247,6 +262,29 @@ function uploadDialog() {
   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
@@ -274,6 +312,10 @@ function handleUploadError(err) {
   uiUtils.showToast("error", err.toString())
 }
 
+function routeBack() {
+  router.back()
+}
+
 </script>
 <style scoped src="../../../assets/css/devops/explorer.css">
 
-- 
Gitee


From 2e9273f82616c1f787a7e618a62c2a3c2cf2e806 Mon Sep 17 00:00:00 2001
From: GeMing <1328922121@qq.com>
Date: Fri, 6 Sep 2024 18:56:52 +0800
Subject: [PATCH 3/6] chore: update

---
 package-lock.json | 8 ++++----
 package.json      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 6c8dc93..6818adb 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 c6dab94..1d9a15b 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",
-- 
Gitee


From a1d94403a4a8dc2235ce2c63d25f36e55d3bbb8b Mon Sep 17 00:00:00 2001
From: GeMing <1328922121@qq.com>
Date: Fri, 6 Sep 2024 19:40:14 +0800
Subject: [PATCH 4/6] chore: update

---
 src/assets/css/style.css                       |  4 ++++
 src/views/devops/app/index.vue                 | 11 ++++-------
 src/views/devops/group/index.vue               |  4 ++--
 src/views/devops/host/index.vue                |  4 ++--
 src/views/devops/monitor/performance/index.vue |  2 +-
 src/views/devops/script/index.vue              |  4 ++--
 src/views/devops/task/index.vue                |  6 +++---
 src/views/system/dept/index.vue                |  4 ++--
 src/views/system/job/index.vue                 |  3 +--
 src/views/system/log/login/index.vue           |  3 ---
 src/views/system/role/index.vue                |  4 ++--
 src/views/system/user/index.vue                |  4 ++--
 12 files changed, 25 insertions(+), 28 deletions(-)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 858df14..c5b725c 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/views/devops/app/index.vue b/src/views/devops/app/index.vue
index c2882d2..6af0d5b 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/group/index.vue b/src/views/devops/group/index.vue
index b160997..0bc6b91 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/index.vue b/src/views/devops/host/index.vue
index 73876ca..9993aa5 100644
--- a/src/views/devops/host/index.vue
+++ b/src/views/devops/host/index.vue
@@ -9,8 +9,8 @@
       <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>
diff --git a/src/views/devops/monitor/performance/index.vue b/src/views/devops/monitor/performance/index.vue
index 6917d65..0023b45 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 fa99364..5e27dfe 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 113c86a..2eb6706 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 3c381d9..4925f81 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 326e24d..5e3cd21 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 8cef4ff..b0dcc83 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 b29e95f..d1c0f34 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 37c354b..46629b7 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>
-- 
Gitee


From 18209b6e415451a5d6f1031759f3d8956f0f52e0 Mon Sep 17 00:00:00 2001
From: GeMing <1328922121@qq.com>
Date: Sat, 7 Sep 2024 16:30:56 +0800
Subject: [PATCH 5/6] feat: explorer add rename feature

---
 src/settings.js                     |  2 ++
 src/views/devops/explorer/index.vue | 47 ++++++++++++++++++++++++++--
 src/views/devops/host/explorer.vue  | 48 +++++++++++++++++++++++++++--
 3 files changed, 93 insertions(+), 4 deletions(-)

diff --git a/src/settings.js b/src/settings.js
index 9ed3104..0096c35 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -122,12 +122,14 @@ const serverPaths = {
     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/explorer/index.vue b/src/views/devops/explorer/index.vue
index 8c84cc2..76a7fb7 100644
--- a/src/views/devops/explorer/index.vue
+++ b/src/views/devops/explorer/index.vue
@@ -20,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>
@@ -31,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>
@@ -70,6 +72,17 @@
         <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>
@@ -101,10 +114,12 @@ const x = reactive({
   entries: [],
   showDeleteDialog: false,
   showUploadDialog: false,
+  showRenameDialog: false,
   opFileName: "",
   isRefreshing: false,
   showCreateDialog: false,
-  inputDirName: ""
+  inputDirName: "",
+  inputRenameName: ""
 })
 const upload = ref()
 
@@ -165,6 +180,10 @@ function handleCommand(command) {
   }
   if (op === "DOWNLOAD") {
     downloadFile(x.opFileName)
+    return
+  }
+  if (op === "RENAME") {
+    openRenameDialog()
   }
 }
 
@@ -204,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
diff --git a/src/views/devops/host/explorer.vue b/src/views/devops/host/explorer.vue
index 2099027..16308aa 100644
--- a/src/views/devops/host/explorer.vue
+++ b/src/views/devops/host/explorer.vue
@@ -21,6 +21,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_sftp:rename')">重命名</el-dropdown-item>
                 <el-dropdown-item :command="'DELETE:'+item.name" :disabled="!hasPermission('explorer_sftp:delete')">删除</el-dropdown-item>
               </el-dropdown-menu>
             </template>
@@ -32,8 +33,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_sftp:delete')">删除</el-dropdown-item>
                 <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>
@@ -71,6 +73,17 @@
         <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>
@@ -106,10 +119,12 @@ const x = reactive({
   entries: [],
   showDeleteDialog: false,
   showUploadDialog: false,
+  showRenameDialog: false,
   opFileName: "",
   isRefreshing: false,
   showCreateDialog: false,
-  inputDirName: ""
+  inputDirName: "",
+  inputRenameName: ""
 })
 const upload = ref()
 
@@ -172,6 +187,10 @@ function handleCommand(command) {
   }
   if (op === "DOWNLOAD") {
     downloadFile(x.opFileName)
+    return
+  }
+  if (op === "RENAME") {
+    openRenameDialog()
   }
 }
 
@@ -211,6 +230,31 @@ 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 = {
+    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
-- 
Gitee


From daf73d1b137a8e84321299556753a6279df4f555 Mon Sep 17 00:00:00 2001
From: GeMing <1328922121@qq.com>
Date: Sat, 7 Sep 2024 16:59:15 +0800
Subject: [PATCH 6/6] chore: update

---
 README.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/README.md b/README.md
index 3a1061b..aab4d5d 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
-- 
Gitee