Browse Source

去除情绪大模型输入框,目前共用同一个输入框

ds_hxl
宋杰 3 weeks ago
parent
commit
b588668a89
  1. 22
      src/views/AiEmotion.vue
  2. 13
      src/views/homePage.vue

22
src/views/AiEmotion.vue

@ -18,10 +18,10 @@
</div>
</div>
<!-- 输入框和发送按钮 -->
<footer class="input-container fixed-bottom">
<!-- <footer class="input-container fixed-bottom">
<input type="text" v-model="userInput" placeholder="请输入内容..." class="input-box" />
<button @click="sendMessage" class="send-button">发送</button>
</footer>
<button @click="handleSendMessage(userInput)" class="send-button">发送</button>
</footer> -->
<!-- <div class="input-container fixed-bottom">
<input type="text" v-model="userInput" placeholder="请输入内容..." class="input-box" />
<button @click="sendMessage" class="send-button">发送</button>
@ -116,9 +116,9 @@
</div>
</div>
</div>
<div v-else class="loading">
<!-- <div v-else class="loading">
<p>数据加载中请稍候...</p>
</div>
</div> -->
</template>
<script setup>
@ -142,6 +142,9 @@ const isPageLoaded = ref(false); // 控制页面是否显示
const isRotating = ref(false);//
const userInputDisplayRef = ref(null);//
//使
defineExpose({handleSendMessage})
//
const loadMessagesFromLocalStorage = () => {
const storedMessages = localStorage.getItem('chatMessages');
@ -175,12 +178,12 @@ function updateSpan01() {
//
async function sendMessage() {
console.log('发送内容:', userInput.value);
async function handleSendMessage(input) {
console.log('发送内容:', input);
//
if (userInput.value.trim()) {
const userMessage = reactive({ sender: 'user', text: userInput.value });
if (input.trim()) {
const userMessage = reactive({ sender: 'user', text: input });
messages.value.push(userMessage);
userInput.value = ''; //
@ -280,6 +283,7 @@ async function fetchData(code, market) {
market: 'usa',
code: 'TSLA',
language: 'cn',
version: 2
};
const stockDataResult = await axios.post(

13
src/views/homePage.vue

@ -31,6 +31,8 @@ import AiEmotion from "./AiEmotion.vue";
// const vConsole = new VConsole();
// AiEmotion ref
const aiEmotionRef = ref(null)
// import { useUserStore } from "../store/userPessionCode.js";
const { getQueryVariable, setActiveTabIndex } = useDataStore()
const dataStore = useDataStore()
@ -134,6 +136,15 @@ const sendMessage = async () => {
return;
}
isScrolling.value = false;
// AiEmotion
if (activeTab.value === 'AiEmotion') {
// AiEmotion handleSendMessage
aiEmotionRef.value?.handleSendMessage(message.value);
message.value = ""; //
return;
}
// ensureAIchat AIchat
ensureAIchat();
@ -507,7 +518,7 @@ onMounted(async () => {
</section>
<div class="tab-content" ref="tabContent">
<component :is="activeComponent" :messages="messages" @updateMessage="updateMessage"
@sendMessage="sendMessage" @ensureAIchat="ensureAIchat" />
@sendMessage="sendMessage" @ensureAIchat="ensureAIchat" ref="aiEmotionRef"/>
</div>
</div>

Loading…
Cancel
Save