更新

src/views/chat/index.vue

@@ -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 indexBG from '@/components/animation/indexBG.vue'
-import recording from "@/components/animation/recording.vue"
+import recording from '@/components/animation/recording.vue'
-import inputing from "@/components/animation/inputing.vue"
+import inputing from '@/components/animation/inputing.vue'
-import loding from "@/components/animation/loding.vue"
+import lodingSpin from '@/components/animation/lodingSpin.vue'
-import lodingCir from "@/components/animation/lodingCir.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";
@@ -70,7 +66,7 @@ user_channel.on('message', (data: any) => {
   }
 })
 
-const changeRecord = ()=>{
+const changeRecord = () => {
   if (recordFalg.value == 0) {
     RecordXunfei()
     recordFalg.value = 1
@@ -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(() =>
@@ -237,11 +234,12 @@ async function onConversation() {
             },
           )
           // 关闭连接
-				if(msg.header.code!=0||(event.data&&msg.header.status==2)){
+          if (msg.header.code != 0 || (event.data && msg.header.status == 2)) {
             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>
+        <inputing v-if="nowStatus == 'input'" key="input" />
-				<recording v-else-if="nowStatus=='record'" key="record"></recording>
+        <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,15 +686,17 @@ window.addEventListener('test', (e) => {
           </div>
         </main>
         <footer :class="footerClass">
-					<div class="w-full max-w-screen-xl m-auto"
+          <div
-							:style="{'max-width': maxWeight + 'px'}">
+            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">
+              <HoverButton v-if="recordFalg == 0" @click="changeRecord">
                 <span class="text-xl text-[#4f555e] dark:text-white">
                   录音
                 </span>
               </HoverButton>
-							<HoverButton v-else-if="recordFalg==1" @click="changeRecord">
+              <HoverButton v-else-if="recordFalg == 1" @click="changeRecord">
                 <span class="text-xl text-[#4f555e] dark:text-white">
                   完成
                 </span>