From df54b72c2c91ea9c5efe3e9978bd79f6313576b4 Mon Sep 17 00:00:00 2001
From: Xwite <1797350009@qq.com>
Date: Sat, 22 Apr 2023 07:50:25 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=20=E5=90=8C=E6=AD=A5=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4app=E6=BA=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 modules/web/src/components/SourceList.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/modules/web/src/components/SourceList.vue b/modules/web/src/components/SourceList.vue
index b4b243350..a1642954a 100644
--- a/modules/web/src/components/SourceList.vue
+++ b/modules/web/src/components/SourceList.vue
@@ -6,7 +6,7 @@
     placeholder="筛选源"
   />
   <div class="tool">
-    <el-button @click="importSourceFile" :icon="Folder"> 打开 </el-button>
+    <el-button @click="importSourceFile" :icon="Folder">打开</el-button>
     <el-button
       :disabled="sourcesFiltered.length === 0"
       @click="outExport"
@@ -15,6 +15,7 @@
       导出</el-button
     >
     <el-button
+      type="danger"
       :icon="Delete"
       @click="deleteSelectSources"
       :disabled="sourceSelect.length === 0"
@@ -40,6 +41,7 @@
 </template>
 
 <script setup>
+import API from "@api";
 import { Folder, Delete, Download, Search } from "@element-plus/icons-vue";
 import { isSourceContains } from "../utils/souce";
 import VirtualList from "vue3-virtual-scroll-list";
@@ -53,8 +55,11 @@ const isBookSource = computed(() => {
   return /bookSource/.test(window.location.href);
 });
 const deleteSelectSources = () => {
-  store.deleteSources(sourceSelect.value);
-  sourceSelect.value = [];
+  API.deleteSource(sourceSelect.value).then({ data } => {
+    if (!data.isSuccess) return ElMessage.error(data.errorMsg);
+    store.deleteSources(sourceSelect.value);
+    sourceSelect.value = [];
+  });
 };
 const clearAllSources = () => {
   store.clearAllSource();