This commit is contained in:
Chuck1sn
2025-05-28 16:22:58 +08:00
parent b28320dc5b
commit 55884bb1a1
2 changed files with 14 additions and 11 deletions

View File

@@ -52,7 +52,7 @@
class="flex text-sm bg-gray-800 rounded-full focus:ring-4 focus:ring-gray-300 " aria-expanded="false"
data-dropdown-toggle="dropdown-user">
<span class="sr-only">Open user menu</span>
<img class="w-8 h-8 rounded-full" src="/public/trump.jpg" alt="user photo">
<img class="w-8 h-8 rounded-full" src="/java.svg" alt="user photo">
</button>
</div>
<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-sm shadow-sm "
@@ -66,7 +66,7 @@
<li>
<button @click="() => {
userDropDownMenu?.toggle()
router.push(RouteName.SETTINGS)
router.push(`${RoutePath.DASHBOARD}/${RoutePath.SETTINGS}`)
}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 "
role="menuitem">Settings</button>
</li>

View File

@@ -1,9 +1,11 @@
<template>
<div class="flex flex-col px-96 box-border pt-14 min-h-screen max-h-screen overflow-auto" ref="chatContainer">
<div
class="flex flex-col px-4 sm:px-8 md:px-16 lg:px-32 xl:px-48 2xl:px-72 box-border pt-14 min-h-screen max-h-screen overflow-auto"
ref="chatContainer">
<div class="flex flex-col gap-y-5 flex-1 pt-14">
<li v-for="chatElement in messages" :key="chatElement.content"
:class="['flex items-start gap-2.5', chatElement.isUser ? 'flex-row-reverse' : 'flex-row']">
<img class="w-8 h-8 rounded-full" src="/trump.jpg" alt="Jese image">
<img class="w-8 h-8 rounded-full" :src="chatElement.isUser ? '/java.svg' : '/trump.jpg'" alt="avatar">
<div
:class="['flex flex-col leading-1.5 p-4 border-gray-200 rounded-e-xl rounded-es-xl ', chatElement.isUser ? 'bg-blue-100' : 'bg-gray-100']">
<div class="flex items-center space-x-2 rtl:space-x-reverse">
@@ -134,21 +136,22 @@ const isCommandMode = ref(false);
const userUpsert = useUserUpsert();
const departmentUpsert = useDepartmentUpsert();
const { availableDepartments,fetchAvailableDepartments } = useDepartmentQuery();
const { availableDepartments, fetchAvailableDepartments } =
useDepartmentQuery();
const commandActionMap: Record<string, () => void> = {
CREATE_USER: () => {
userUpsertModal.value?.show();
},
CREATE_DEPARTMENT: () => {
fetchAvailableDepartments();
departmentUpsertModal.value?.show();
},
CREATE_DEPARTMENT: () => {
fetchAvailableDepartments();
departmentUpsertModal.value?.show();
},
};
const commandContentMap: Record<string, string> = {
CREATE_USER: "创建用户",
CREATE_DEPARTMENT: "创建部门",
CREATE_DEPARTMENT: "创建部门",
};
const toggleMode = () => {
@@ -235,7 +238,7 @@ const chatByMode = async (message: string, mode: boolean) => {
}
};
const handleSendClick = async (message:string, mode: boolean) => {
const handleSendClick = async (message: string, mode: boolean) => {
scrollToBottom();
if (isLoading.value) {
abortChat();