录音时长不增加则取消录音

resources/assets/js/pages/manage/components/ChatInput/index.vue

@@ -89,7 +89,7 @@
         <!-- 录音浮窗 -->
         <transition name="fade">
             <div
-                v-if="recordState === 'ing'"
+                v-if="['ready', 'ing'].includes(recordState)"
                 v-transfer-dom
                 :data-transfer="true"
                 class="chat-input-record-transfer"
@@ -184,9 +184,10 @@ export default {
 
             recordReady: false,
             recordRec: null,
-            recordState: "stop",
             recordBlob: null,
             recordWave: null,
+            recordInter: null,
+            recordState: "stop",
             recordDuration: 0,
 
             touchStart: {},
@@ -210,6 +211,19 @@ export default {
         });
         this.observer.observe(this.$el);
         this.observer.observe(this.$refs.editor);
+        //
+        this.recordInter = setInterval(_ => {
+            if (this.recordState === 'ing') {
+                // 录音中，但录音时长不增加则取消录音
+                if (this.__recordDuration && this.__recordDuration === this.recordDuration) {
+                    this.__recordDuration = null;
+                    this.stopRecord(true);
+                    $A.messageWarning("录音失败，请重试")
+                } else {
+                    this.__recordDuration = this.recordDuration;
+                }
+            }
+        }, 1000)
     },
     beforeDestroy() {
         if (this.quill) {
@@ -219,6 +233,9 @@ export default {
             this.observer.disconnect()
             this.observer = null
         }
+        if (this.recordInter) {
+            clearInterval(this.recordInter)
+        }
     },
     computed: {
         ...mapState(['dialogInputCache', 'cacheProjects', 'cacheTasks', 'cacheUserBasic', 'userId']),
@@ -612,6 +629,7 @@ export default {
         startRecord() {
             if (this.sendClass === 'recorder') {
                 this.recordState = "ready";
+                this.$nextTick(_ => {
                     this.recordRec.open(_ => {
                         if (this.recordState === "ready") {
                             this.recordDuration = 0;
@@ -626,6 +644,7 @@ export default {
                     }, (msg) => {
                         $A.messageError(msg || '打开录音失败')
                     });
+                })
                 return true;
             } else {
                 return false;