增加 聊天删除功能
This commit is contained in:
parent
bbcfd3bfdc
commit
8ccfb6e848
@ -12,7 +12,26 @@
|
|||||||
"
|
"
|
||||||
@click="viewChat(c.id ?? 0)"
|
@click="viewChat(c.id ?? 0)"
|
||||||
>
|
>
|
||||||
<n-thing> {{ c.name }} </n-thing>
|
<n-thing>
|
||||||
|
<div class="flex justify-between">
|
||||||
|
<div>
|
||||||
|
{{ c.name }}
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<n-button
|
||||||
|
quaternary
|
||||||
|
circle
|
||||||
|
type="warning"
|
||||||
|
@click.stop="deleteChat(c.id ?? 0)"
|
||||||
|
>
|
||||||
|
<template #icon>
|
||||||
|
<n-icon size="16" class="cursor-pointer">
|
||||||
|
<TrashBinOutline />
|
||||||
|
</n-icon>
|
||||||
|
</template>
|
||||||
|
</n-button>
|
||||||
|
</div></div
|
||||||
|
></n-thing>
|
||||||
</n-list-item>
|
</n-list-item>
|
||||||
</n-list>
|
</n-list>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
@ -30,136 +49,8 @@
|
|||||||
我的脑海中忽然出现了 Amazon
|
我的脑海中忽然出现了 Amazon
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
||||||
debug 这个线上问题。
|
debug 这个线上问题。
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
</n-tab-pane>
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
<n-tab-pane name="chap3" tab="工具">
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
|
||||||
我的脑海中忽然出现了 Amazon
|
|
||||||
著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
|
|
||||||
debug 这个线上问题。
|
|
||||||
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
“威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
|
||||||
Amazon 服务，还是救公寓的火。<br /><br />
|
Amazon 服务，还是救公寓的火。<br /><br />
|
||||||
我的脑海中忽然出现了 Amazon
|
我的脑海中忽然出现了 Amazon
|
||||||
@ -170,14 +61,15 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { NMenu } from "naive-ui";
|
import { NMenu, useDialog } from "naive-ui";
|
||||||
import { useRoute } from "vue-router";
|
import { useRoute } from "vue-router";
|
||||||
import { leftMenuOptions } from "../plugins/menus/left";
|
import { leftMenuOptions } from "../plugins/menus/left";
|
||||||
import { ChatboxOutline } from "@vicons/ionicons5";
|
import { ChatboxOutline, TrashBinOutline } from "@vicons/ionicons5";
|
||||||
import getApi from "../plugins/api";
|
import getApi from "../plugins/api";
|
||||||
import { useChatStore } from "../stores/chat";
|
import { useChatStore } from "../stores/chat";
|
||||||
import router from "@/router";
|
import router from "@/router";
|
||||||
|
|
||||||
|
const dialog = useDialog();
|
||||||
const route = useRoute();
|
const route = useRoute();
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
const chatId = route.params.id as number;
|
const chatId = route.params.id as number;
|
||||||
@ -196,5 +88,18 @@ const viewChat = (chatId: number) => {
|
|||||||
router.push("/chat/" + chatId);
|
router.push("/chat/" + chatId);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const deleteChat = async (chatId: number) => {
|
||||||
|
dialog.warning({
|
||||||
|
title: "删除对话",
|
||||||
|
content: "删除后，将不能恢复",
|
||||||
|
positiveText: "确定",
|
||||||
|
negativeText: "取消",
|
||||||
|
onPositiveClick: async () => {
|
||||||
|
await getApi().Chat.apiV1ChatsIdDelete(chatId);
|
||||||
|
await getChats();
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
getChats();
|
getChats();
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -352,25 +352,25 @@ async function sendMessage(
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function onFocused() {
|
// function onFocused() {
|
||||||
if (!inputContainer.value) {
|
// if (!inputContainer.value) {
|
||||||
return;
|
// return;
|
||||||
}
|
// }
|
||||||
|
|
||||||
const container = inputContainer.value;
|
// const container = inputContainer.value;
|
||||||
container.classList.remove("max-w-2xl");
|
// container.classList.remove("max-w-2xl");
|
||||||
container.classList.add("max-w-full");
|
// container.classList.add("max-w-full");
|
||||||
}
|
// }
|
||||||
|
|
||||||
function onBlurred() {
|
// function onBlurred() {
|
||||||
if (!inputContainer.value) {
|
// if (!inputContainer.value) {
|
||||||
return;
|
// return;
|
||||||
}
|
// }
|
||||||
|
|
||||||
const container = inputContainer.value;
|
// const container = inputContainer.value;
|
||||||
container.classList.remove("max-w-full");
|
// container.classList.remove("max-w-full");
|
||||||
container.classList.add("max-w-2xl");
|
// container.classList.add("max-w-2xl");
|
||||||
}
|
// }
|
||||||
|
|
||||||
async function getChatMessages() {
|
async function getChatMessages() {
|
||||||
// 获取当前聊天记录
|
// 获取当前聊天记录
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user