yangyin
2024-06-29 08ecff11a4bb3a5a2749b3a6d8554447f73e0b22
src/views/project/ch/home/component/waterRight/top.vue
@@ -19,42 +19,24 @@
         </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: [