| | |
| | | const streamStr=ref(''); |
| | | const modalObj=reactive({ add:false }); |
| | | //查询会话列表 |
| | | const querySessionList = async () => { |
| | | const querySessionList = async () => { |
| | | const { code, data } =await sessionListApi(); |
| | | if (code === 200) { |
| | | sessionList.value = data; |
| | | if(Array.isArray(data)&&data.length>0){ |
| | | activeSessionId.value=data[0].id; |
| | | const res= await getSessionDetailsApi(data[0].id); |
| | | if(res.code===200){ |
| | | sessionDetailList.value=res.data.message; |
| | | refreshScroll(); |
| | | if (code === 200) { |
| | | sessionList.value = data; |
| | | if(Array.isArray(data)&&data.length>0){ |
| | | activeSessionId.value=data[0].id; |
| | | const res= await getSessionDetailsApi(data[0].id); |
| | | if(res.code===200){ |
| | | sessionDetailList.value=res.data.message; |
| | | refreshScroll(); |
| | | } |
| | | } |
| | | } |
| | | }else{ |
| | | Message.warning('查询失败'); |
| | | Message.warning('查询失败'); |
| | | } |
| | | }; |
| | | //根据会话id删除会话 |
| | |
| | | </a-button> |
| | | </template> |
| | | <a-scrollbar class="left-list" style="height: 60vh;overflow-y: auto;"> |
| | | <div class="item" :class="{isLeftActive:activeSessionId===session.id}" v-for="session in sessionList" :key="session.id" @click="querySessionDetail(session)"> |
| | | <div class="item" :class="{ isLeftActive:activeSessionId===session.id }" v-for="session in sessionList" :key="session.id" @click="querySessionDetail(session)"> |
| | | <div class="item-left"> |
| | | <IconQuestionCircleFill/> |
| | | {{session.name}} |
| | |
| | | </a-scrollbar> |
| | | <div class="bottom"> |
| | | <div class="input"> |
| | | <a-input v-model="inputMsg" @keydown.enter="sendMessage"> |
| | | <a-input v-model="inputMsg" @keydown.enter="sendMessage" placeholder="输入您想了解的内容,按Enter发送"> |
| | | <template #suffix> |
| | | <icon-send style="cursor: pointer" @click="sendMessage"/> |
| | | </template> |