weipengfei
/
dataV-xunfei
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新

This commit is contained in:
shengchanzhe 2023-10-13 16:26:35 +08:00
parent a358efeebc
commit faee446b5a
1 changed files with 170 additions and 172 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/views/chat/index.vue
View File

@ -1,6 +1,6 @@
<script setup lang='ts'>
import type { Ref } from 'vue'
import { computed, onMounted, onUnmounted, reactive, ref } from 'vue'
import { computed, onMounted, onUnmounted, ref } from 'vue'
import { useRoute } from 'vue-router'
import { storeToRefs } from 'pinia'
import {
@ -21,15 +21,11 @@ import { useBasicLayout } from '@/hooks/useBasicLayout'
import { useChatStore, usePromptStore } from '@/store'
import { fetchChatAPIProcess } from '@/api'
import { t } from '@/locales'
import indexBG from "@/components/animation/indexBG.vue"
import recording from "@/components/animation/recording.vue"
import inputing from "@/components/animation/inputing.vue"
import loding from "@/components/animation/loding.vue"
import lodingCir from "@/components/animation/lodingCir.vue"
import lodingSpin from "@/components/animation/lodingSpin.vue"
import indexBG from '@/components/animation/indexBG.vue'
import recording from '@/components/animation/recording.vue'
import inputing from '@/components/animation/inputing.vue'
import lodingSpin from '@/components/animation/lodingSpin.vue'
import IatRecorder from '@/utils/test.js'
import { start } from 'repl'
// import IatRecorder from '@/utils/larRcorder.js'
// import socket from "@/websocket/socket";
@ -100,6 +96,7 @@ const { scrollRef, scrollToBottom, scrollToBottomIfAtBottom } = useScroll()
const { usingContext, toggleUsingContext } = useUsingContext()
const { uuid } = route.params as { uuid: string }
chatStore.getChatByUuid(+uuid).length = 0
const dataSources = computed(() => chatStore.getChatByUuid(+uuid))
const conversationList = computed(() =>
@ -241,7 +238,8 @@ async function onConversation() {
nowStatus.value = 'input'
socket.close()
}
} catch (error) {
}
catch (error) {
nowStatus.value = 'input'
socket.close()
}
@ -601,7 +599,6 @@ onUnmounted(() => {
controller.abort()
})
window.winText = ''
window.addEventListener('test', (e) => {
@ -612,22 +609,21 @@ window.addEventListener('test', (e) => {
// setTimeout(()=>{
// nowStart.value = false;
// }, 800)
</script>
<template>
<div class="flex w-full h-full my-layout">
<indexBG v-if="!isMobile">
<transition mode="out-in" name="fade">
<inputing v-if="nowStatus=='input'" key="input"></inputing>
<recording v-else-if="nowStatus=='record'" key="record"></recording>
<inputing v-if="nowStatus == 'input'" key="input" />
<recording v-else-if="nowStatus == 'record'" key="record" />
<!-- <loding v-else-if="nowStatus=='loding'" key="loding"></loding> -->
<lodingSpin v-else-if="nowStatus=='loding'" key="loding"></lodingSpin>
<lodingSpin v-else-if="nowStatus == 'loding'" key="loding" />
<!-- <lodingCir v-else-if="nowStatus=='loding'" key="loding"></lodingCir> -->
</transition>
</indexBG>
<transition name="slide-right-to-left">
<div v-if="!nowStart" class="flex flex-col w-full h-full" :style="{'max-width': maxWeight + 'px'}">
<div v-if="!nowStart" class="flex flex-col w-full h-full" :style="{ 'max-width': `${maxWeight}px` }">
<HeaderComponent
v-if="isMobile"
:using-context="usingContext"
@ -644,7 +640,7 @@ window.addEventListener('test', (e) => {
id="image-wrapper"
class="w-full max-w-screen-xl m-auto dark:bg-[#101014]"
:class="[isMobile ? 'p-2' : 'p-4']"
:style="{'max-width': maxWeight + 'px'}"
:style="{ 'max-width': `${maxWeight}px` }"
>
<!-- <div @click="click">录音开始</div> -->
<!-- <div>
@ -690,8 +686,10 @@ window.addEventListener('test', (e) => {
</div>
</main>
<footer :class="footerClass">
<div class="w-full max-w-screen-xl m-auto"
:style="{'max-width': maxWeight + 'px'}">
<div
class="w-full max-w-screen-xl m-auto"
:style="{ 'max-width': `${maxWeight}px` }"
>
<div class="flex items-center justify-between space-x-2">
<HoverButton v-if="recordFalg == 0" @click="changeRecord">
<span class="text-xl text-[#4f555e] dark:text-white">