语音关闭会话

src/api/aiModel.js

@@ -17,4 +17,11 @@ export function uploadAudio(data) {
             "Content-Type": "application/json",
         },
     })
-}
+}
+export function closeMsg() {
+    return axios({
+        method: "DELETE",
+        url: `${window.aiURI}/closeMsg`,
+
+    })
+}

src/views/aiModel/index.vue

@@ -2,6 +2,7 @@
   <div class="counsel-container">
     <div class="counsel-header">
       <span>会话<i class="ai el-icon-chat-dot-round"></i></span>
+      <i class="el-icon-close cursor" @click="closeMsg"></i>
     </div>
     <div class="counsel-chats" ref="scrollRef">
       <div class="counsel-left flex">
@@ -85,7 +86,7 @@
 </template>
 <script>
 import { AddFzxz } from "../../api/ghss/ghxz.js";
-import { GetMsg, uploadAudio } from "../../api/aiModel.js";
+import { GetMsg, uploadAudio, closeMsg } from "../../api/aiModel.js";
 import record from "./record.js";
 let recognition = null;
 export default {
@@ -265,6 +266,17 @@ export default {
         this.$emit("close");
       }
     },
+    closeMsg() {
+      this.$emit("close");
+      closeMsg().then((ares) => {
+        if (ares.status == 200) {
+          this.questionList[mindex].content = ares.data.voiceMsg;
+          this.sendToBackend(ares.data.voiceMsg, mindex);
+        } else {
+          this.$message.error(ares.data.msg);
+        }
+      });
+    },
   },
   watch: {
     questionList() {
@@ -276,7 +288,7 @@ export default {
 };
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
 .flex {
   display: flex;
 }
@@ -290,10 +302,12 @@ export default {
   .counsel-header {
     display: flex;
     align-items: center;
-    padding: 20px;
+    padding: 10px 20px;
     font-size: 16px;
     color: #fff;
     border-bottom: 1px solid #1f4099;
+    margin-bottom: 10px;
+    position: relative;
   }
 
   .time {
@@ -426,4 +440,15 @@ export default {
     color: #0f7ac8;
   }
 }
+/deep/ .el-icon-close:before {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  font-size: larger;
+  font-weight: bold;
+
+  &:hover {
+    color: aqua;
+  }
+}
 </style>