smartai2dian0/src/views/ConversationHistory.vue

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

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

    <!-- <a-back-top :target-container="'#fjkdsdajfklgjsklfjskdlf'" :style="{ position: 'absolute' }" /> -->
  </LayoutExperience>
</template>

<script setup>
import { computed } from 'vue';
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';

import { useThemeStore } from '../base/store/use-theme';

import bg_image from '../assets/chat/history-bg.png';

const router = useRouter();

const theme = useThemeStore();

const content_style = computed(() => {
  if (theme.value === 'light') {
    return {
      backgroundImage: `url(${bg_image})`,
      backgroundRepeat: 'no-repeat',
      backgroundSize: 'cover'
    };
  } else {
    return {};
  }
});

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