改进 删除提示

src/pages/assistants/index.vue

@@ -37,17 +37,18 @@
     </v-card>
   </v-dialog>
 
-  <v-dialog v-model="deleteSuccess" max-width="290" persistent>
+  <v-dialog v-model="deleteResult.show" max-width="290" persistent>
     <v-card>
-      <v-card-title class="headline">正在删除</v-card-title>
-      <v-card-text>我们正在后台处理删除任务，可能需要一段时间才会从列表里面消失</v-card-text>
+      <v-card-title class="headline">删除</v-card-title>
+      <v-card-text>{{ deleteResult.message }}</v-card-text>
       <v-card-actions>
         <v-spacer></v-spacer>
-        <v-btn color="green darken-1" @click="deleteSuccess = false">确定</v-btn>
-        
+        <v-btn color="green darken-1" @click="deleteResult.show = false">确定</v-btn>
       </v-card-actions>
     </v-card>
   </v-dialog>
+
+  
 </template>
 
 <script setup lang="ts">
@@ -66,7 +67,10 @@ refresh()
 
 const dialog = ref(false)
 const selectedAssistantId = ref(0)
-const deleteSuccess = ref(false)
+const deleteResult = ref({
+  show: false,
+  message: "",
+})
 
 function deleteAssistant(assistantId: number) {
   selectedAssistantId.value = assistantId
@@ -75,10 +79,13 @@ function deleteAssistant(assistantId: number) {
 
 function deleteAssistantConfirmed() {
   api.Assistant.apiV1AssistantsIdDelete(selectedAssistantId.value).then(() => {
-    refresh()
+    deleteResult.value.message = "正在批量删除与该助理关联的数据，可能需要一段时间才会从列表中消失"
+    
+  }).catch((r) => {
+    deleteResult.value.message = r.response.data.error
   })
   dialog.value = false
-  deleteSuccess.value = true
+  deleteResult.value.show = true
   refresh()
 }