| | |
|---|
| | | <div class="flex items-center h-full"> |
|---|
| | | <div class="flex items-center flex-column" style="overflow: unset !important"> |
|---|
| | | <waterTop ref="topRef" /> |
|---|
| | | <waterCenter |
|---|
| | | @advanceExampleClick="advanceExampleClick" |
|---|
| | | :isShowAdvanceExample="state.isShowAdvanceExample" |
|---|
| | | ref="waterCenterRef" |
|---|
| | | @updateChatInput="updateChatInput" |
|---|
| | | :exampleList="exampleList" |
|---|
| | | /> |
|---|
| | | <waterBottom @tagListClick="tagListClick" /> |
|---|
| | | <waterCenter @advanceExampleClick="advanceExampleClick" ref="waterCenterRef" @updateChatInput="updateChatInput" /> |
|---|
| | | <waterBottom @tagListClick="selectTagClick" /> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <CustomDrawer v-model:isShow="state.isShowAdvanceExample" ref="customDrawerRef" @updateChatInput="updateChatInput" /> |
|---|
| | |
|---|
| | | import waterCenter from './component/waterRight/center.vue'; |
|---|
| | | import waterTop from './component/waterRight/top.vue'; |
|---|
| | | import CustomDrawer from '/@/components/drawer/CustomDrawer.vue'; |
|---|
| | | import { exampleSceneList, userInfo } from '/@/stores/chatRoom'; |
|---|
| | | import { userInfo } from '/@/stores/chatRoom'; |
|---|
| | | import emitter from '/@/utils/mitt'; |
|---|
| | | import { accessSessionKey } from '/@/utils/request'; |
|---|
| | | import { Local } from '/@/utils/storage'; |
|---|
| | |
|---|
| | | { element: '.pc-scenes', popover: { title: '2.请选择次场景', description: '默认为官网工单', side: 'left' } }, |
|---|
| | | { element: '.pc-prompts', popover: { title: '3.请选择提问示例', description: '选其中一个案例' } }, |
|---|
| | | { element: '.playInput', popover: { title: '4.输入提问内容', description: '点击发送开始对话' } }, |
|---|
| | | { element: '.retract_icon', popover: { title: '5.更多提问示例', description: '展开后可查看更多案例' } }, |
|---|
| | | ], |
|---|
| | | onCloseClick: () => { |
|---|
| | | driverObj.destroy(); |
|---|
| | |
|---|
| | | const topRef = ref(null); |
|---|
| | | const waterCenterRef = ref(null); |
|---|
| | | const customDrawerRef = ref(null); |
|---|
| | | const exampleList = ref([]); |
|---|
| | | const updateChatInput = (val) => { |
|---|
| | | topRef.value.updateChatInput(val); |
|---|
| | | }; |
|---|
| | |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | //获取模版列表 |
|---|
| | | const getSelectListSample = async () => { |
|---|
| | | exampleList.value = exampleSceneList.value; |
|---|
| | | }; |
|---|
| | | const tagListClick = (tag) => { |
|---|
| | | |
|---|
| | | const selectTagClick = (tag) => { |
|---|
| | | isFinishPromise?.then(() => { |
|---|
| | | waterCenterRef.value.tagListClick(tag); |
|---|
| | | }); |
|---|
| | |
|---|
| | | }; |
|---|
| | | onMounted(() => { |
|---|
| | | isFinishPromise = new Promise(async (resolve) => { |
|---|
| | | await getSelectListSample(); |
|---|
| | | resolve(true); |
|---|
| | | }); |
|---|
| | | emitter.on('isShowHomePage', showGuide); |
|---|
