no message

resources/assets/js/pages/manage/approve/details.vue

@@ -283,7 +283,7 @@ export default {
     },
     methods: {
         init() {
-            this.modalTransferIndex = window.modalTransferIndex = window.modalTransferIndex + 1
+            this.modalTransferIndex = ++window.modalTransferIndex
             if (this.$route.query.id) {
                 this.getInfo()
             }

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

@@ -184,7 +184,7 @@
         <!-- 录音浮窗 -->
         <transition name="fade">
             <div
-                v-if="['ready', 'ing'].includes(recordState)"
+                v-if="recordShow"
                 v-transfer-dom
                 :data-transfer="true"
                 class="chat-input-record-transfer"
@@ -207,7 +207,7 @@
                 :style="recordTransferStyle">
                 <div class="convert-box">
                     <div class="convert-body">
-                        <div class="convert-content">
+                        <div class="convert-content" :class="{'min-hight-mode': keyboardType === 'show'}">
                             <Input
                                 type="textarea"
                                 class="convert-result no-dark-content"
@@ -375,6 +375,8 @@ export default {
             recordInter: null,
             recordState: "stop",
             recordDuration: 0,
+            recordIndex: window.modalTransferIndex,
+            
             recordConvertIng: false,
             recordConvertStatus: 0,     // 0: 转换中 1: 转换成功 2: 转换失败
             recordConvertResult: '',
@@ -517,6 +519,7 @@ export default {
 
             'cacheKeyboard',
 
+            'keyboardType',
             'isModKey',
         ]),
 
@@ -543,16 +546,25 @@ export default {
             return this.dialogData.type === 'user' && !this.dialogData.bot
         },
 
+        recordShow() {
+            const {recordState} = this;
+            return ['ready', 'ing'].includes(recordState)
+        },
+
         recordTransferStyle() {
-            const {windowScrollY} = this;
+            const {windowScrollY, recordIndex} = this;
-            return windowScrollY > 0 ? {
+            const style = {
-                marginTop: (windowScrollY / 2) + 'px'
+                zIndex: recordIndex,
-            } : null
+            }
+            if (windowScrollY > 0) {
+                style.marginTop = windowScrollY + 'px'
+            }
+            return style
         },
 
         boxClass() {
             const array = [];
-            if (['ready', 'ing'].includes(this.recordState)) {
+            if (this.recordShow) {
                 if (this.recordState === 'ing' && this.recordDuration > 0) {
                     array.push('record-progress');
                 } else {
@@ -804,6 +816,18 @@ export default {
             this.$emit('on-record-state', state)
         },
 
+        recordShow(show) {
+            if (show) {
+                this.recordIndex = ++window.modalTransferIndex
+            }
+        },
+
+        recordConvertIng(show) {
+            if (show) {
+                this.recordIndex = ++window.modalTransferIndex
+            }
+        },
+
         fullInput(val) {
             this.quill?.enable(!val)
         },

resources/assets/sass/pages/components/chat-input.scss

@@ -768,6 +768,10 @@
                 padding: 18px;
                 border-radius: 14px;
                 transform: translateY(12px);
+                transition: transform 0.3s;
+                &.min-hight-mode {
+                    transform: translateY(-12px);
+                }
                 &:before {
                     content: "";
                     position: absolute;
@@ -785,6 +789,7 @@
                         box-shadow: none;
                         background: transparent;
                         color: #ffffff;
+                        caret-color: #ffffff;
                         border-radius: 0;
                         outline: none;
                         resize: none;