| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="playInput hl_input"> |
| | | <div class="assembly flex"> |
| | | <el-button title="插件菜单" class="label flex items-center cursor-pointer" link> |
| | | <img src="/static/images/wave/PlugIn.png" class="set-icon box-border" /> |
| | | </el-button> |
| | | </div> |
| | | <div class="set-input"> |
| | | <el-input v-model="state.inputAnswer" placeholder="在这里输入您的问题开始和AI对话" class="set-inputAnswer" /> |
| | | </div> |
| | | <div class="h100 flex items-center"> |
| | | <div class="upload_img space-y"> |
| | | <div class="imgbox cursor-pointer flex items-center"> |
| | | <el-button title="AI看图" class="cursor-pointer" link style="margin-left: unset"> |
| | | <img src="/static/images/wave/LookImg.png" class="set-img-icon box-border" /> |
| | | </el-button> |
| | | <el-button title="AI语音对话" class="cursor-pointer" link style="margin-left: unset"> |
| | | <img src="/static/images/wave/HeadImg.png" class="set-img-icon box-border" /> |
| | | </el-button> |
| | | |
| | | <el-button title="发送" class="cursor-pointer" link @click="sendClick"> |
| | | <div class="send"> |
| | | <img src="/static/images/wave/QueryImg.png" /> |
| | | </div> |
| | | </el-button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <PlayBar v-model="inputValue" @send-click="sendClick" /> |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import { reactive } from 'vue'; |
| | | import { reactive, ref } from 'vue'; |
| | | import PlayBar from '/@/components/chat/components/playBar/PlayBar.vue'; |
| | | import router from '/@/router'; |
| | | import { activeChatRoom } from '/@/stores/chatRoom'; |
| | | const emits = defineEmits(['sendClick']); |
| | | const inputValue = ref(''); |
| | | |
| | | const sendClick = () => { |
| | | emits('sendClick'); |
| | | if(!inputValue.value) return; |
| | | activeChatRoom.value.title = inputValue.value; |
| | | router.push({ |
| | | name: 'AskAnswer', |
| | | |
| | | }); |
| | | }; |
| | | let state = reactive({ |
| | | roleList: [ |