From 3c48112bf85f71dd9c64f3cf1219dc84f3f59e66 Mon Sep 17 00:00:00 2001
From: Jason <chenjxlg@163.com>
Date: Mon, 7 Feb 2022 14:05:48 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8D=89=E7=A8=BF=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/im/private/components/sentText.nvue | 55 ++++++++++++++++-------
 1 file changed, 40 insertions(+), 15 deletions(-)

diff --git a/pages/im/private/components/sentText.nvue b/pages/im/private/components/sentText.nvue
index 52bab6b..d8b6915 100644
--- a/pages/im/private/components/sentText.nvue
+++ b/pages/im/private/components/sentText.nvue
@@ -1,12 +1,13 @@
 <template>
     <view class="text">
-        <input class="input" type="text" v-model="inputTxt" confirm-type="send" @confirm="send" cursor-spacing="10" />
-        <text class="button" size="mini" @click="send">发送</text>
+        <input class="input" type="text" v-model="inputTxt" confirm-type="send" @confirm="sent" cursor-spacing="10" />
+        <button class="button" size="mini" :disabled="disabled" @click="sent">发送</button>
     </view>
 </template>
 
 <script>
     import im from '@/utils/im/index.js'
+    import * as RongIMLib from "@/uni_modules/RongCloud-IMWrapper/js_sdk/index"
 
     export default {
         props: {
@@ -20,29 +21,48 @@
             },
             inputTxt: {
                 type: String,
-                default: '1234567890'
+                default: ''
             }
         },
+        computed: {
+            disabled() {
+                return this.inputTxt.length === 0
+            }
+        },
+        created() {
+            RongIMLib.getTextMessageDraft(this.conversationType, this.targetId, ({
+                draft
+            }) => {
+                draft ? this.inputTxt = draft : ''
+            })
+        },
+        beforeDestroy() {
+            RongIMLib.saveTextMessageDraft(this.conversationType, this.targetId, this.inputTxt, (res) => {
+                console.log('销毁组件之前，保存草稿信息，但是没有执行', res);
+            })
+        },
         methods: {
             // 发送文本消息
-            send() {
-                if (this.inputTxt === '') return
-                im.sentText(this.conversationType, this.targetId, this.inputTxt, () => {
-                    setTimeout(() => {
-                        this.$emit('success')
-                    }, 500)
-                    this.inputTxt = ''
-                })
-            },
+            sent() {
+                if (!this.disabled) {
+                    RongIMLib.clearTextMessageDraft(this.conversationType, this.targetId)
+                    im.sentText(this.conversationType, this.targetId, this.inputTxt, () => {
+                        setTimeout(() => {
+                            this.$emit('success')
+                        }, 500)
+                        this.inputTxt = ''
+                    })
+                }
+            }
         }
     }
 </script>
 
 <style scoped>
     .text {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
     }
 
     .input {
@@ -55,6 +75,7 @@
     }
 
     .button {
+        border: none;
         background: #34CE98;
         color: white;
         width: 120rpx;
@@ -64,4 +85,8 @@
         font-size: 30rpx;
         font-weight: bold;
     }
+
+    .button[disabled] {
+        background-color: #555555;
+    }
 </style>