duanshuwen/zn-ai
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feature/zoujing #4

Open
zoujing wants to merge 15 commits from feature/zoujing into main
pull from: feature/zoujing
merge into: duanshuwen:main
Conversation 0 Commits 15 Files Changed 26 +15 -14
5 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 011c28d945 - Show all commits

8
src/renderer/components/HeaderBar/index.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<header class="title-bar flex items-start justify-between h-[40px]"> <header class="flex items-start justify-between h-[40px]">
<div class="title-bar-main flex-auto"> <div class="title-bar-main flex-auto">
<slot>{{ title ?? '' }}</slot> <slot>{{ title ?? '' }}</slot>
</div> </div>
@@ -69,8 +69,4 @@ function handleClose() {
} }
</script> </script>
<style scoped> <style scoped></style>
.title-bar {
background-color: rgba(239, 246, 255, 0.8);
}
</style>

9
src/renderer/components/Layout/index.vue
View File

@@ -1,10 +1,10 @@
<template> <template>
<div class="bg h-screen flex flex-col"> <div class="bg-color h-screen flex flex-col">
<header-bar> <header-bar>
<drag-region class="w-full" /> <drag-region class="w-full" />
</header-bar> </header-bar>
<main class="bg-[#f7f9fc] box-border w-full h-[calc(100vh-40px)] flex pt-[8px] pb-[8px] pl-[8px] "> <main class="box-border w-full h-[calc(100vh-40px)] flex pt-[8px] pb-[8px] pl-[8px] ">
<div class="flex-1 flex"> <div class="flex-1 flex">
<slot /> <slot />
</div> </div>
@@ -17,3 +17,8 @@
<script setup lang="ts" name="Layout"> <script setup lang="ts" name="Layout">
import SideMenus from '@renderer/components/SideMenus/index.vue' import SideMenus from '@renderer/components/SideMenus/index.vue'
</script> </script>
<style scoped>
.bg-color {
background: linear-gradient(180deg, #EFF6FF 0%, #F5F7FA 40%);
}
</style>

4
src/renderer/views/home/ChatBox.vue
View File

@@ -125,8 +125,8 @@ const inputMessage = ref("");
/// 发送消息中标志 /// 发送消息中标志
const isSendingMessage = ref(false); const isSendingMessage = ref(false);
/// agentId 首页接口中获取 1953462165250859010 /// agentId 首页接口中获取 1953462165250859011
const agentId = ref("1953462165250859010"); const agentId = ref("1953462165250859011");
/// 会话ID 历史数据接口中获取 /// 会话ID 历史数据接口中获取
const conversationId = ref(props.conversationId); const conversationId = ref(props.conversationId);

4
src/renderer/views/home/ChatHistory.vue
View File

@@ -5,7 +5,7 @@
<div class="font-bold text-gray-80">YINIAN</div> <div class="font-bold text-gray-80">YINIAN</div>
</div> </div>
<div class="flex justify-center m-2 bg-white rounded-lg p-2.5 border-[##E5E8EE] shadow-sm text-center" <div class="flex justify-center m-2 bg-white rounded-lg p-2.5 border-[#E5E8EE] shadow-sm text-center"
@click="addNewChat"> @click="addNewChat">
<RiAddLine /> 新对话 <RiAddLine /> 新对话
</div> </div>
@@ -15,7 +15,7 @@
<li v-for="item in groups" :key="item.conversationId" @click="selectedHistoryMessage(item.conversationId)" <li v-for="item in groups" :key="item.conversationId" @click="selectedHistoryMessage(item.conversationId)"
:class="[ :class="[
'flex items-center gap-2 p-2 text-gray-600 rounded-lg cursor-pointer transition-colors', 'flex items-center gap-2 p-2 text-gray-600 rounded-lg cursor-pointer transition-colors',
item.conversationId === selectedConversationId ? 'bg-white shadow-sm border-[##E5E8EE]' : 'hover:bg-gray-50' item.conversationId === selectedConversationId ? 'bg-white shadow-sm border-[#E5E8EE] py-1.5 relative z-10' : 'hover:bg-gray-200'
]"> ]">
<span class="w-2 h-2 rounded-full bg-[#BEDBFF] flex-none"></span> <span class="w-2 h-2 rounded-full bg-[#BEDBFF] flex-none"></span>
<div class="flex-1 min-w-0"> <div class="flex-1 min-w-0">

2
src/renderer/views/home/index.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<layout> <layout>
<div class="flex h-full w-full flex-col md:flex-row "> <div class="flex h-full w-full flex-col md:flex-row">
<ChatHistory class="flex-none w-50" @new-chat="guide = true" @select-chat="handleSelectChat" /> <ChatHistory class="flex-none w-50" @new-chat="guide = true" @select-chat="handleSelectChat" />
<div class="flex-1 mr-2 overflow-hidden bg-white rounded-xl"> <div class="flex-1 mr-2 overflow-hidden bg-white rounded-xl">
<ChatBox v-model:guide="guide" :conversationId="selectedConversationId" /> <ChatBox v-model:guide="guide" :conversationId="selectedConversationId" />