smartai2dian0/src/views/ConversationHistory.vue

<template>
  <LayoutExperience>
    <ContentContainer :containerStyle="content_style">
      <ChatAsideMenu />

      <ConversationHistoryContainer @historyActive="handleHistoryActive" />
    </ContentContainer>
  </LayoutExperience>
</template>

<script setup>
import { useRouter } from 'vue-router';

import LayoutExperience from './layout/LayoutExperience.vue';
import ContentContainer from './layout/ContentContainer.vue';

import ChatAsideMenu from './conversation/ChatAsideMenu.vue';

import ConversationHistoryContainer from './conversation/ConversationHistoryContainer.vue';

const router = useRouter();

const content_style = {
  backgroundImage: 'url(../../../assets/chat/history-bg.png)',
  backgroundRepeat: 'no-repeat',
  backgroundSize: 'cover'
};

const handleHistoryActive = ({ target_id }) => {
  router.push({
    path: '/chat/qa',
    query: {
      id: target_id
    }
  });
};
</script>