From 5ae5f3755601bd005f5cb2a2678d0409de34afef Mon Sep 17 00:00:00 2001
From: ivamp <im@ivampiresp.com>
Date: Sat, 3 Aug 2024 23:44:28 +0800
Subject: [PATCH] =?UTF-8?q?```=20=E6=96=B0=E5=A2=9E=E9=94=99=E8=AF=AF?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E5=AF=B9=E8=AF=9D=E6=A1=86=E4=BB=A5=E6=8F=90?=
 =?UTF-8?q?=E5=8D=87=E7=94=A8=E6=88=B7=E6=93=8D=E4=BD=9C=E5=8F=8D=E9=A6=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在工具页面，当工具绑定操作失败时，用户将看到一个错误提示对话框，而不是控制台日志。这提高了用户操作的可见性和应用的用户友好性。
```
---
 src/pages/assistants/[id]/tools.vue | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/pages/assistants/[id]/tools.vue b/src/pages/assistants/[id]/tools.vue
index 14a7dad..9ef342b 100644
--- a/src/pages/assistants/[id]/tools.vue
+++ b/src/pages/assistants/[id]/tools.vue
@@ -45,6 +45,21 @@
       </v-col>
     </v-row>
   </div>
+
+  <div>
+    <v-dialog v-model="bindFailed.show" max-width="290" persistent>
+      <v-card>
+        <v-card-title class="headline">操作失败</v-card-title>
+        <v-card-text>{{ bindFailed.message }}</v-card-text>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn color="green darken-1" @click="bindFailed.show = false"
+            >好的</v-btn
+          >
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -61,7 +76,10 @@ import {
 const assistantId = router.currentRoute.value.params.id as number;
 const assistant: Ref<ApiV1AssistantsPost200Response> = ref({});
 const tools: Ref<ApiV1ToolsGet200Response> = ref({});
-
+const bindFailed = ref({
+  show: false,
+  message: "绑定失败",
+});
 const bindedTools: Ref<ApiV1AssistantsIdToolsGet200Response> = ref({});
 
 function getAssistant() {
@@ -104,7 +122,8 @@ function bindTool(toolId: number) {
       refresh();
     })
     .catch((e) => {
-      console.log(e);
+      bindFailed.value.show = true;
+      bindFailed.value.message = e.response.data.error;
     });
 }