root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

【优化】AI 对话，编辑、删除 改为 button icon

Browse Source
This commit is contained in:
cherishsince 2024-05-17 22:53:07 +08:00
parent 7acc2fcb1b
commit 1c8bdc7e7e
1 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/views/ai/chat/Conversation.vue
View File

@ -42,12 +42,19 @@
</div> </div>
<!-- TODO @fan：缺一个【置顶】按钮，效果改成 hover 上去展示 --> <!-- TODO @fan：缺一个【置顶】按钮，效果改成 hover 上去展示 -->
<div class="button-wrapper"> <div class="button-wrapper">
<el-icon title="编辑" @click="updateConversationTitle(conversation)"> <el-button link>
<Icon icon="ep:edit"/> <el-icon title="置顶"><Top /></el-icon>
</el-icon> </el-button>
<el-icon title="删除会话" @click="deleteChatConversation(conversation)"> <el-button link @click="updateConversationTitle(conversation)">
<Icon icon="ep:delete"/> <el-icon title="编辑" >
</el-icon> <Icon icon="ep:edit"/>
</el-icon>
</el-button>
<el-button link @click="deleteChatConversation(conversation)">
<el-icon title="删除会话" >
<Icon icon="ep:delete"/>
</el-icon>
</el-button>
</div> </div>
</div> </div>
</el-row> </el-row>
@ -82,6 +89,7 @@
import {ChatConversationApi, ChatConversationVO} from '@/api/ai/chat/conversation' import {ChatConversationApi, ChatConversationVO} from '@/api/ai/chat/conversation'
import {ref} from "vue"; import {ref} from "vue";
import Role from "@/views/ai/chat/role/index.vue"; import Role from "@/views/ai/chat/role/index.vue";
import {Top} from "@element-plus/icons-vue";
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
@ -313,6 +321,12 @@ onMounted(async () => {
</script> </script>
<style>
.el-button--default {
margin: 0!important;
}
</style>
<style scoped lang="scss"> <style scoped lang="scss">
.conversation-container { .conversation-container {
@ -386,7 +400,7 @@ onMounted(async () => {
color: #606266; color: #606266;
.el-icon { .el-icon {
margin-right: 5px; //margin-right: 5px;
} }
} }
} }