feat: Conversations封装、首页开发

src/views/home/components/history-conversation-drawer/delete-chat-modal.vue

@@ -0,0 +1,51 @@
+<template>
+  <a-modal v-model:visible="visible" title="删除对话" width="400px" @close="onClose">
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认删除对话吗？删除后，聊天记录将不可恢复。</span>
+    </div>
+    <template #footer>
+      <a-button size="large" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px !bg-#f64b31 !border-none" status="danger" size="large" @click="onDelete"
+        >确定</a-button
+      >
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { deleteTask, deleteBatchTasks } from '@/api/all/common';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const emits = defineEmits(['update', 'close', 'batchUpdate']);
+
+const visible = ref(false);
+const chatId = ref(null);
+
+const isBatch = computed(() => Array.isArray(taskId.value));
+
+function onClose() {
+  visible.value = false;
+  chatId.value = null;
+  emits('close');
+}
+
+const open = (record) => {
+  const { id = null } = record;
+  chatId.value = id;
+
+  visible.value = true;
+};
+
+async function onDelete() {
+  const { code } = await deleteTask(chatId.value);
+  if (code === 200) {
+    AMessage.success('删除成功');
+    emits('delete', chatId.value);
+    onClose();
+  }
+}
+
+defineExpose({ open });
+</script>