|
|
@@ -11,7 +11,8 @@
|
|
|
@open="handleOpen"
|
|
|
@close="handleClose"
|
|
|
>
|
|
|
- <el-menu-item @click="handleMenuItemClick(item)" v-for="(item, index) in groupList" :key="index">
|
|
|
+ <el-menu-item v-for="(item, index) in groupList" :key="index"
|
|
|
+ @click="navigateToAI(item)">
|
|
|
<el-icon><component :is="item.icon" /></el-icon>
|
|
|
<span>{{ item.title }}</span>
|
|
|
</el-menu-item>
|
|
|
@@ -71,12 +72,11 @@ import NumberPeople05 from '@/assets/images/number-people05.png'
|
|
|
|
|
|
// 渲染数字人老师及图片
|
|
|
const peopleList = ref([
|
|
|
- { id: 10, name: '小智', image: NumberPeople00, message: '你好!' },
|
|
|
- { id: 21, name: '鲁迅', image: NumberPeople01 , message: '你好!' },
|
|
|
- { id: 22, name: '门捷列夫', image: NumberPeople02 , message: '你好!' },
|
|
|
- { id: 19, name: '牛顿', image: NumberPeople03 , message: '你好!' },
|
|
|
- { id: 23, name: '特斯拉', image: NumberPeople04 , message: '你好!' },
|
|
|
- { id: 18, name: '李白', image: NumberPeople05 , message: '你好!' }
|
|
|
+ { id: 21, name: '鲁迅', image: NumberPeople01 , message: '您好,我叫鲁迅,著名的文学家、思想家、革命家、教育家、民主战士,新文化运动的重要参与者,中国现代文学的奠基人之一' },
|
|
|
+ { id: 22, name: '门捷列夫', image: NumberPeople02 , message: '您好,我是门捷列夫,俄国科学家,发现并归纳元素周期律,依照原子量,制作出世界上第一张元素周期表。你需要问我什么问题呢?' },
|
|
|
+ { id: 19, name: '牛顿', image: NumberPeople03 , message: '您好,我是牛顿爵士,生于英格兰林肯郡伍尔索普村,英国物理学家、数学家、哲学家。欢迎向我询问物理学、数学、哲学问题。' },
|
|
|
+ { id: 23, name: '特斯拉', image: NumberPeople04 , message: '您好,我是特斯拉,是塞尔维亚裔美籍发明家 、物理学家、机械工程师、电气工程师。有什么需要帮助的?' },
|
|
|
+ { id: 18, name: '李白', image: NumberPeople05 , message: '您好,我叫李白,出生于蜀郡绵州昌隆县(一说出生于西域碎叶)。我是伟大的浪漫主义诗人,经我创造书写诗文千余篇,有《李太白集》传世。欢迎向我提问诗文。' }
|
|
|
])
|
|
|
|
|
|
// 跳转页面携带名字和人物形象
|
|
|
@@ -88,12 +88,20 @@ const navigateToAIQuestions = person => {
|
|
|
});
|
|
|
};
|
|
|
|
|
|
-// 处理菜单项点击事件
|
|
|
-const handleMenuItemClick = (item) => {
|
|
|
- if (item.title === '智能绘图') {
|
|
|
+// 跳转智能问答
|
|
|
+const navigateToAI = (group) => {
|
|
|
+ if (group.title === "智能问答") {
|
|
|
+ let person = { id: 10, name: '小智', image: NumberPeople00, message: '您好,我是您的AI智能助手小智,我会尽力回答您的问题或提供有用的建议!!!!' };
|
|
|
+ router.push({
|
|
|
+ // 跳转问答页面
|
|
|
+ path: '/ai-questions',
|
|
|
+ query: { id: person.id, name: person.name, image: person.image, message: person.message }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (group.title === "智能绘图") {
|
|
|
router.push('/ai-painting')
|
|
|
}
|
|
|
-}
|
|
|
+};
|
|
|
|
|
|
// 渲染侧边栏
|
|
|
const groupList = ref([
|