| | |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import { onMounted, reactive, ref } from 'vue'; |
| | | import { driver } from 'driver.js'; |
| | | import 'driver.js/dist/driver.css'; |
| | | import { nextTick, onMounted, reactive, ref } from 'vue'; |
| | | import waterBottom from './component/waterRight/bottom.vue'; |
| | | import waterCenter from './component/waterRight/center.vue'; |
| | | import waterTop from './component/waterRight/top.vue'; |
| | | import CustomDrawer from '/@/components/drawer/CustomDrawer.vue'; |
| | | import { exampleSceneList } from '/@/stores/chatRoom'; |
| | | import { exampleSceneList, hadShowFirstGuide, isNewOldUser } from '/@/stores/chatRoom'; |
| | | import { accessSessionKey } from '/@/utils/request'; |
| | | import { Local } from '/@/utils/storage'; |
| | | let state = reactive({ |
| | | isShowAdvanceExample: false, |
| | | }); |
| | | // 引导步骤 |
| | | |
| | | const driverObj = driver({ |
| | | showProgress: true, |
| | | allowClose: true, |
| | | disableActiveInteraction: true, |
| | | nextBtnText: '下一步', |
| | | prevBtnText: '上一步', |
| | | doneBtnText: '完成', |
| | | steps: [ |
| | | { element: '.set-next-group-type', popover: { title: '1.请选择主场景', description: '默认为业务场景' } }, |
| | | { element: '.pc-scenes', popover: { title: '2.请选择次场景', description: '默认为官网工单', side: 'left' } }, |
| | | { element: '.pc-prompts', popover: { title: '3.请选择提问示例', description: '选其中一个案例' } }, |
| | | { element: '.playInput', popover: { title: '4.输入提问内容', description: '点击发送开始对话' } }, |
| | | ], |
| | | onCloseClick: () => { |
| | | driverObj.destroy(); |
| | | hadShowFirstGuide.value = false; |
| | | }, |
| | | }); |
| | | const topRef = ref(null); |
| | | const waterCenterRef = ref(null); |
| | |
| | | onMounted(() => { |
| | | isFinishPromise = new Promise(async (resolve) => { |
| | | await getSelectListSample(); |
| | | if (!!Local.get(accessSessionKey) && !hadShowFirstGuide.value && !isNewOldUser.value) { |
| | | nextTick(() => { |
| | | driverObj.drive(); |
| | | hadShowFirstGuide.value = true; |
| | | }); |
| | | } |
| | | resolve(true); |
| | | }); |
| | | }); |
| | |
| | | .homeBox { |
| | | font-size: 14px; |
| | | line-height: 18px; |
| | | // overflow-y: auto; |
| | | } |
| | | .declare { |
| | | position: absolute; |