弹出试题数据，ai回答、ip访问、图像

src/views/AIDevelop.vue

@@ -128,7 +128,7 @@
         </div>
         <!-- 右侧小图标 -->
         <div class="ai-icon-container" @click="handleAIClick">
-          <img src="@/assets/images/luxun.png" alt="AI对话" class="ai-icon" />
+          <img src="@/assets/images/xiaozhi.png" alt="AI对话" class="ai-icon" />
           <span class="ai-text">AI助手</span>
         </div>
       </div>
@@ -142,7 +142,7 @@
     >
       <div class="ai-dialog">
         <div class="ai-dialog-header">
-          <h3>与AI对话</h3>
+          <h3>小智智能助手</h3>
           <el-button @click="showAIDialog = false" class="close-btn">×</el-button>
         </div>
         <div class="ai-dialog-content">
@@ -154,14 +154,12 @@
             >
               <img
                   v-if="message.type === 'user'"
-                  src="@/assets/images/libai.png"
-                  alt="头像"
-                  class="avatar"
+                  src="@/assets/images/user.png"
+                  class="avatar user"
               />
               <img
                   v-else
-                  src="@/assets/images/luxun.png"
-                  alt="头像"
+                  src="@/assets/images/xiaozhi.png"
                   class="avatar"
               />
               <div class="message-content">
@@ -375,36 +373,68 @@ let messageHistory = ref([])
 
 // 定义每个视频对应的暂停时间和问题
 const videoPauseTimes = {
-  [video1]: {
-    pauseTimes: [1],
+  [video2]: {
+    pauseTimes: [53],
     questions: [
       {
-        title: '这是视频 1 的问题 1',
-        options: ['选项 1', '选项 2', '选项 3'],
-        aiQuestion: '请详细解释视频 1 问题 1 的正确答案',
-        aiAnswer: '视频 1 问题 1 的正确答案是...具体解释内容'
+        title: '视频当中发生了什么事情呢？',
+        options: [],
+        aiQuestion: '视频当中发生了什么事情呢',
+        aiAnswer: '让我来告诉你吧：泡泡怪篡改了Ai历史数据，导致Ai系统发生崩溃，所以要修正Ai历史抓到泡泡怪！'
       }
     ]
   },
   [video4]: {
-    pauseTimes: [1],
+    pauseTimes: [2],
+    questions: [
+      {
+        title: '你觉得deepseek、豆包等大模型可以通过图灵测试吗？为什么？',
+        options: [],
+        aiQuestion: '你觉得deepseek、豆包等大模型可以通过图灵测试吗？为什么？',
+        aiAnswer: '大模型已缩短与图灵测试的标志距离，尤其在表面对话层面，但因缺乏深层次理解、逻辑一致性与真实认知，仍无法在严格测试中稳定通过。'
+      }
+    ]
+  },
+  [video5]: {
+    pauseTimes: [48],
     questions: [
       {
-        title: '这是视频 4 的问题 1222',
-        options: ['选项 1', '选项 2', '选项 3'],
-        aiQuestion: '关于视频 4 问题 1222，能给些提示吗',
-        aiAnswer: '视频 4 问题 1222 的提示信息...'
+        title: '1956年达特茅斯会议上提出人工智能的目标是__________?',
+        options: [],
+        aiQuestion: '1956年达特茅斯会议上提出人工智能的目标是什么？',
+        aiAnswer: '原内容：机器能够像人类一样利用知识去解决问题，需要更改'
       }
     ]
   },
   [video6]: {
-    pauseTimes: [3],
+    pauseTimes: [5],
+  },
+  [video7]: {
+    pauseTimes: [64,91],
+    questions: [
+      {
+        title: '如果你是聊天机器人，你会怎么回答用户呢？',
+        options: [],
+        aiQuestion: '如果你是聊天机器人，你会怎么回答用户呢？',
+        aiAnswer: '发生什么事情了呢？'
+      },
+      {
+        title: '当我们和聊天机器人对话的内容被人类所查看并回答时，隐私信息是否泄露？',
+        options: [],
+        aiQuestion: '当我们和聊天机器人对话的内容被人类所查看并回答时，隐私信息是否泄露？',
+        aiAnswer: '与聊天机器人的对话被人类查看时，隐私泄露风险客\n' +
+            '观存在，尤其是人类介入或安全漏洞场景下。建议优先选择支持本地'
+      }
+    ]
+  },
+  [video8]: {
+    pauseTimes: [72],
     questions: [
       {
-        title: '这是视频 6 的问题 1',
-        options: ['选项 A', '选项 B', '选项 C'],
-        aiQuestion: '分析下视频 6 问题 1 各个选项',
-        aiAnswer: '视频 6 问题 1 选项 A...选项 B...选项 C...'
+        title: '如果你身体不舒服时找这样的专家检查，那么它开的药你敢喝吗？',
+        options: [],
+        aiQuestion: '如果你身体不舒服时找这样的专家检查，那么它开的药你敢喝吗？',
+        aiAnswer: '这题没给答案，你自己去查吧！'
       }
     ]
   },
@@ -412,21 +442,47 @@ const videoPauseTimes = {
     pauseTimes: [2],
     questions: [
       {
-        title: '这是视频 9 的问题 1',
-        options: ['答案一', '答案二', '答案三'],
-        aiQuestion: '视频 9 问题 1 的正确答案是哪个',
-        aiAnswer: '视频 9 问题 1 正确答案是...'
+        title: '在生活中，有哪些正在使用的专家系统呢？',
+        options: [],
+        aiQuestion: '在生活中，有哪些正在使用的专家系统呢？',
+        aiAnswer: '在医疗健康领域有复杂疾病协同决策喝Ai医生分身与诊断辅助；在水利交通领域的水利厅专家库系统用于项目验收和抢险督查'
+      }
+    ]
+  },
+  [video11]: {
+    pauseTimes: [1,90,176],
+    questions: [
+      {
+        title: '怎么会有爆炸声？泡泡怪在这里吗？',
+        options: [],
+        aiQuestion: '怎么会有爆炸声？泡泡怪在这里吗？',
+        aiAnswer: ''
+      },
+      {
+        title: '同学们喜欢下围棋吗？',
+        options: [],
+        aiQuestion: '同学们喜欢下围棋吗？',
+        aiAnswer: ''
+      },
+      {
+        title: '为什么AlphaGo要在围棋上攻克真人冠军呢？',
+        options: [],
+        aiQuestion: '为什么AlphaGo要在围棋上攻克真人冠军呢？',
+        aiAnswer: '围棋是人类智力游戏的巅峰，拥有天文数字级的可能性，每颗棋子价值由全局态势动态决定，所以当前一手可能百步之后才显现价值。AlphaGo战胜人类顶尖选手，它证明了Ai不仅能处理规则明确的事物，更能攻克依赖直觉、策略的“人类专属领域”'
       }
     ]
   },
   [video12]: {
     pauseTimes: [1],
+  },
+  [video13]: {
+    pauseTimes: [61],
     questions: [
       {
-        title: '这是视频 12 的问题 1',
-        options: ['选项Ⅰ', '选项Ⅱ', '选项Ⅲ'],
-        aiQuestion: '解释下视频 12 问题 1 的选项Ⅰ',
-        aiAnswer: '视频 12 问题 1 选项Ⅰ的解释...'
+        title: '我们一起来感受一下大模型吧！',
+        options: [],
+        aiQuestion: '我们一起来感受一下大模型吧！',
+        aiAnswer: ''
       }
     ]
   }
@@ -494,10 +550,14 @@ const sendMessage = async () => {
 
 // 处理 AI 助手点击事件
 const handleAIClick = () => {
+  // 清空输入框
+  messageHistory = ref([])
   if (currentQuestion.value.aiQuestion) {
     userMessage.value = currentQuestion.value.aiQuestion
     sendMessage()
+    userMessage.value = ''
   }
+
   showAIDialog.value = true
 }
 
@@ -989,8 +1049,15 @@ $text-color: #483d8b; // 文本颜色：靛蓝色
   .ai-icon {
     width: rpx(30);
     height: rpx(30);
-    margin-bottom: rpx(5);
+    margin-bottom: rpx(0);
     filter: drop-shadow(0 rpx(2) rpx(4) rgba($primary-color, 0.3));
+    // 添加过渡动画
+    transition: transform 0.3s ease;
+  }
+
+  // 悬浮时放大效果
+  .ai-icon:hover {
+    transform: scale(1.5);
   }
 
   .ai-text {
@@ -1206,6 +1273,11 @@ $text-color: #483d8b; // 文本颜色：靛蓝色
       margin: 0 rpx(10);
     }
 
+    .user{
+      width: 15px;
+      height: 15px;
+    }
+
     .message-content {
       background-color: $light-color;
       padding: rpx(8) rpx(12);

src/views/AIQuestions.vue

@@ -59,10 +59,10 @@ const goBack = () => {
 const router = useRouter()
 const route = useRoute()
 
-// 渲染实验室携带的人物名称
 // 渲染实验室携带的人物id、名称
 const personId = ref(route.query.id)
 const personName = ref(route.query.name)
+const personIntroduce = ref(route.query.message)
 
 // 智能问答
 CreateDialogue({roleId: personId.value}).then(res => {

vite.config.js

@@ -12,12 +12,13 @@ export default defineConfig({
     }
   },
   base: './',
-  // server: {
-  //   proxy: {
-  //     '/api': {
-  //       target: 'https://192.168.110.8:8080',
-  //       changeOrigin: true
-  //     }
-  //   }
-  // }
+  server: {
+    host: "0.0.0.0",
+    proxy: {
+      '/api': {
+        target: 'https://192.168.110.8:8080',
+        changeOrigin: true
+      }
+    }
+  }
 })