From ee5945df66a44d76cd019fcd1e77a428822056a0 Mon Sep 17 00:00:00 2001
From: Twilight <im@ivampiresp.com>
Date: Sat, 3 Aug 2024 23:58:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B9=E8=BF=9B=20=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/assistants/index.vue | 79 ++++++++++++++++------------------
 1 file changed, 37 insertions(+), 42 deletions(-)

diff --git a/src/pages/assistants/index.vue b/src/pages/assistants/index.vue
index a78c70d..eb312b3 100644
--- a/src/pages/assistants/index.vue
+++ b/src/pages/assistants/index.vue
@@ -4,15 +4,8 @@
   <v-btn color="primary" @click="to('/assistants/create')">创建助理</v-btn>
 
   <div class="mt-3">
-    <v-row
-      ><v-slide-x-transition group>
-        <v-col
-          v-for="assistant in assistants.data"
-          :key="assistant.id"
-          cols="12"
-          md="4"
-          sm="6"
-        >
+    <v-row><v-slide-x-transition group>
+        <v-col v-for="assistant in assistants.data" :key="assistant.id" cols="12" md="4" sm="6">
           <v-card>
             <v-card-title>{{ assistant.name }}</v-card-title>
             <v-card-text>
@@ -24,17 +17,12 @@
                 >对话</v-btn
               > -->
 
-              <v-btn color="primary" @click="editTool(assistant.id ?? 0)"
-                >工具</v-btn
-              >
-              <v-btn color="error" @click="deleteAssistant(assistant.id ?? 0)"
-                >删除</v-btn
-              >
+              <v-btn color="primary" @click="editTool(assistant.id ?? 0)">工具</v-btn>
+              <v-btn color="error" @click="deleteAssistant(assistant.id ?? 0)">删除</v-btn>
             </v-card-actions>
           </v-card>
         </v-col>
-      </v-slide-x-transition></v-row
-    >
+      </v-slide-x-transition></v-row>
   </div>
 
   <v-dialog v-model="dialog" max-width="290" persistent>
@@ -44,54 +32,61 @@
       <v-card-actions>
         <v-spacer></v-spacer>
         <v-btn color="green darken-1" @click="dialog = false">取消</v-btn>
-        <v-btn color="red darken-1" @click="deleteAssistantConfirmed"
-          >删除</v-btn
-        >
+        <v-btn color="red darken-1" @click="deleteAssistantConfirmed">删除</v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
+
+  <v-dialog v-model="deleteSuccess" max-width="290" persistent>
+    <v-card>
+      <v-card-title class="headline">正在删除</v-card-title>
+      <v-card-text>我们正在后台处理删除任务，可能需要一段时间才会从列表里面消失</v-card-text>
+      <v-card-actions>
+        <v-spacer></v-spacer>
+        <v-btn color="green darken-1" @click="deleteSuccess = false">确定</v-btn>
+        
       </v-card-actions>
     </v-card>
   </v-dialog>
 </template>
 
 <script setup lang="ts">
-import { ApiV1AssistantsGet200Response } from "@/api";
-import { api } from "@/plugins/api";
-import router from "@/router";
+import { ApiV1AssistantsGet200Response } from "@/api"
+import { api } from "@/plugins/api"
+import router from "@/router"
 
-const assistants: Ref<ApiV1AssistantsGet200Response> = ref({});
+const assistants: Ref<ApiV1AssistantsGet200Response> = ref({})
 
 function refresh() {
   api.Assistant.apiV1AssistantsGet().then((res) => {
-    assistants.value = res.data;
-  });
+    assistants.value = res.data
+  })
 }
-refresh();
+refresh()
 
-const dialog = ref(false);
-const selectedAssistantId = ref(0);
-
-function openDialog(assistantId: number | undefined) {
-  dialog.value = true;
-  selectedAssistantId.value = assistantId ?? 0;
-}
+const dialog = ref(false)
+const selectedAssistantId = ref(0)
+const deleteSuccess = ref(false)
 
 function deleteAssistant(assistantId: number) {
-  selectedAssistantId.value = assistantId;
-  dialog.value = true;
+  selectedAssistantId.value = assistantId
+  dialog.value = true
 }
 
 function deleteAssistantConfirmed() {
   api.Assistant.apiV1AssistantsIdDelete(selectedAssistantId.value).then(() => {
-    refresh();
-  });
-  dialog.value = false;
-  refresh();
+    refresh()
+  })
+  dialog.value = false
+  deleteSuccess.value = true
+  refresh()
 }
 
 function editTool(assistantId: number) {
-  router.push(`/assistants/${assistantId}/tools`);
+  router.push(`/assistants/${assistantId}/tools`)
 }
 
 function to(path: string) {
-  router.push(path);
+  router.push(path)
 }
 </script>