新建对话开始

wujingjing

2024-10-24 98bb96923a7fa57b46dc331890ff051a3cd11253

 src/layout/component/sidebar/components/ChatRecord.vue

@@ -46,14 +46,14 @@
               :key="index"
               @click="roomClick(item)"
            >
               <div class="ywicon icon-xiaoxi flex-0 mr-2.5"></div>
               <div class="ywifont ywicon-xiaoxi1 flex-0 mr-2.5"></div>
               <div class="flex-auto text-ellipsis text-nowrap text-sm group-hover:text-[#0084ff]">{{ item.title }}</div>
               <div class="text-gray-100 flex items-center space-x-2 ml-1">
                  <div class="ywicon invisible icon-bianji group-hover:visible !text-sm"></div>
                  <!-- <div class="ywifont invisible ywicon-bianji group-hover:visible !text-sm"></div> -->

                  <el-popconfirm title="确定删除聊天记录?" @confirm.stop="confirmDeleteChatRoom(item)" width="180">
                     <template #reference>
                        <div class="ywicon invisible icon-shanchu3 group-hover:visible"></div>
                        <div class="ywifont invisible ywicon-shanchu3 group-hover:visible"></div>
                     </template>
                  </el-popconfirm>
               </div>
@@ -74,8 +74,7 @@
import { debounce, getRecentDateRange } from '/@/utils/util';
import moment from 'moment';
import { useSearch } from '/@/hooks/useSearch';


import { gotoRoute } from '/@/utils/route';

const chatRoomRef = ref<HTMLDivElement>(null);
const queryParams = ref({
@@ -84,31 +83,33 @@

const gotoAnswerPage = (room: ChatRoomItem) => {
   if (room.isInitial) {
      router.push({
      gotoRoute({
         name: 'Home',
         query: {
            id: room.id,
         },
      });
   } else {
      router.push({
      gotoRoute({
         name: 'AskAnswer',
         query: {
            id: room.id,
         },
      });
   }
   setTimeout(() => {
      activeRoomId.value = room.id;
   }, 0);

   activeRoomId.value = room.id;
};

const newChatRoomClick = async () => {
   const res = await CreateHistoryGroup({
      group_title: 'chat room',
      group_title: '新建对话开始',
   });

   const newRoom = {
      id: res.history_group_id,
      isInitial: true,
      title: 'chat room',
      title: '新建对话开始',
   };
   if (!chatRoomList.value) {
      chatRoomList.value = [newRoom];
@@ -170,7 +171,7 @@
//#endregion

//#region ====================== 搜索聊天室 ======================
const { query,queryData } = useSearch(filteredChatRoomList, queryParams);
const { query, queryData } = useSearch(filteredChatRoomList, queryParams);

const debounceQuery = debounce(query);

@@ -186,15 +187,20 @@
   const res = await GetHistoryGroups();

   const resData = (res?.groups || []) as any[];
   chatRoomList.value = resData?.map((item) => {
      return {
         id: item.group_id,
         title: item.group_title,
         createTime: item.create_time,
         isInitial: false,
      };
   });
   if (!chatRoomList.value || chatRoomList.value.length === 0) {
   // 按最晚时间到最早时间
   chatRoomList.value = resData
      ?.toSorted((a, b) => {
         return b.create_time.localeCompare(a.create_time);
      })
      .map((item) => {
         return {
            id: item.group_id,
            title: item.group_title,
            createTime: item.create_time,
            isInitial: Number(item.chat_count) === 0,
         };
      });
   if (!chatRoomList.value || chatRoomList.value.length === 0 ) {
      newChatRoomClick();
   } else {
      roomClick(chatRoomList.value[0]);