From 9d8a6dcbfeb18d4708fdcd5fbbd612b42ec3f3ea Mon Sep 17 00:00:00 2001
From: fanxb <fleyx20@outlook.com>
Date: Mon, 22 Aug 2022 13:51:38 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E8=B7=AF=E5=BE=84=E6=94=B6=E8=97=8F?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=88=A0=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 openRenamerFront/src/components/FileChose.vue |  2 ++
 openRenamerFront/src/views/home/Home.vue      | 22 ++++++++++++++++++-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/openRenamerFront/src/components/FileChose.vue b/openRenamerFront/src/components/FileChose.vue
index 8d7190b..4fd492d 100644
--- a/openRenamerFront/src/components/FileChose.vue
+++ b/openRenamerFront/src/components/FileChose.vue
@@ -137,12 +137,14 @@ export default {
       this.showSave = false;
       this.$message.success("操作成功");
     },
+    //取消收藏路径
     async cancelSavePath() {
       await HttpUtil.delete("/file/path/delete", { id: this.curSavePathId });
       this.refreshSavePathList();
       this.$emit("refreshSavePathList");
       this.$message.success("操作成功");
     },
+    //变更路径
     changePath(item) {
       this.pathList = JSON.parse(item.content);
       this.breadcrumbClick(this.pathList.length - 1);
diff --git a/openRenamerFront/src/views/home/Home.vue b/openRenamerFront/src/views/home/Home.vue
index daf4205..8b3022e 100644
--- a/openRenamerFront/src/views/home/Home.vue
+++ b/openRenamerFront/src/views/home/Home.vue
@@ -12,7 +12,18 @@
         <el-button type="primary" @click="showFileAdd" size="small">新增</el-button>
         <el-button type="primary" size="small" @click="selectAllFiles">反选</el-button>
         <el-button type="danger" size="small" @click="deleteCheckedFiles">删除</el-button>
-        收藏路径:<el-button v-for="item in savePathList" :key="item.id" @click="clickSavePath(item)" type="primary" text>{{ item.name }}</el-button>
+        收藏路径:<el-tag
+          v-for="item in savePathList"
+          :round="true"
+          class="savePath"
+          closable
+          :key="item.id"
+          @click="clickSavePath(item)"
+          @close="deleteSavePath(item)"
+          type="primary"
+          text
+          >{{ item.name }}</el-tag
+        >
       </div>
       <div class="fileBlock">
         <!-- 左侧原始文件名 -->
@@ -177,6 +188,11 @@ export default {
         this.$refs["fileChose"].changePath(item);
       });
     },
+    async deleteSavePath(item) {
+      console.log(item);
+      await HttpUtil.delete("/file/path/delete", { id: item.id });
+      await this.refreshSavePathList();
+    },
     async refreshSavePathList() {
       this.savePathList = await HttpUtil.get("/file/path");
     },
@@ -234,6 +250,10 @@ function readChar(a, i, n) {
 </script>
 
 <style lang="less" scoped>
+.savePath {
+  cursor: pointer;
+  margin-right: 0.5em;
+}
 .fileList {
   margin-top: 20px;
   text-align: left;