smartai2dian0/src/views/ConversationBoard.vue

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

      <ConversationBoardContainer @agentActive="handleAgentActive" />
    </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 ConversationBoardContainer from './conversation/ConversationBoardContainer.vue';

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

const router = useRouter();

const content_style = {
  backgroundImage: `url(${bg_image})`,
  backgroundRepeat: 'no-repeat',
  backgroundSize: 'contain'
};

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