草稿展示

pages/im/components/messageCell.vue

@@ -6,11 +6,12 @@
         </view>
         <view class="content">
             <view class="header">
-                <view class="name">{{ contact(item.targetId).name }} <text v-if="item.conversationType === 3" class='qun'>[群]</text></view>
+                <view class="name">{{ contact(item.targetId).name }} <text v-if="item.conversationType === 3"
+                        class='qun'>[群]</text></view>
                 <view class="time">{{ item.sentTime|timeCustomCN }}</view>
             </view>
-            <message-preview class="preview" :msg="item.latestMessage" :conversationType="item.conversationType"
+            <message-preview class="preview" :msg="item.latestMessage" :draft="item.draft"
-                :user="item.latestMessage.userInfo" />
+                :conversationType="item.conversationType" :user="item.latestMessage.userInfo" />
         </view>
     </view>
 </template>
@@ -26,6 +27,9 @@
                     return {}
                 }
             }
+        },
+        mounted() {
+          console.log(this.item);  
         },
         computed: {
             contact() {
@@ -58,7 +62,7 @@
             box-sizing: border-box;
             position: relative;
             flex: 1;
-            
+
 
             border-bottom-width: 0.5px !important;
             border-color: #f9f9f9 !important;

pages/im/components/messagePreview.vue

@@ -1,32 +1,37 @@
 <template>
-    <view>
+    <view>
-        <view class="preview" v-if="msg.objectName=='RC:TxtMsg'">
+        <view class="preview" v-if="draft">
-            <text v-if="conversationType == 3">{{ user.name }}：</text>{{ msg.content || '' }}
+            <text class="draft">[草稿]</text> {{ draft }}
-        </view>
-        <view class="preview" v-if="msg.objectName=='RC:HQVCMsg'">
-            <text v-if="conversationType == 3">{{ user.name }}：</text>[语音]
-        </view>
-        <view class="preview" v-if="msg.objectName=='RC:ImgMsg'">
-            <text v-if="conversationType == 3">{{ user.name }}：</text>[图片]
-        </view>
-        <view class="preview" v-if="msg.objectName=='RC:GIFMsg'">
-            <text v-if="conversationType == 3">{{ user.name }}：</text>[表情]
-        </view>
-        <view class="preview" v-if="msg.objectName=='RC:FileMsg'">
-            <text v-if="conversationType == 3">{{ user.name }}：</text>[文件]
-        </view>
-        <view class="preview" v-if="msg.objectName=='RC:LBSMsg'">
-            <text v-if="conversationType == 3">{{ user.name }}：</text>[位置]
-        </view>
-        <view class="preview" v-if="msg.objectName=='RC:AudioMsg'">
-            <text v-if="conversationType == 3">{{ user.name }}：</text>[语音通话]
-        </view>
-        <view class="preview" v-if="msg.objectName=='RC:VideoMsg'">
-            <text v-if="conversationType == 3">{{ user.name }}：</text>[视频通话]
         </view>
-        <view class="preview" v-if="msg.objectName=='RC:GrpNtf'">
+        <block v-else>
-            [{{ msg.message }}]
+            <view class="preview" v-if="msg.objectName=='RC:TxtMsg'">
-        </view>
+                <text v-if="conversationType == 3">{{ user.name }}：</text>{{ msg.content || '' }}
+            </view>
+            <view class="preview" v-if="msg.objectName=='RC:HQVCMsg'">
+                <text v-if="conversationType == 3">{{ user.name }}：</text>[语音]
+            </view>
+            <view class="preview" v-if="msg.objectName=='RC:ImgMsg'">
+                <text v-if="conversationType == 3">{{ user.name }}：</text>[图片]
+            </view>
+            <view class="preview" v-if="msg.objectName=='RC:GIFMsg'">
+                <text v-if="conversationType == 3">{{ user.name }}：</text>[表情]
+            </view>
+            <view class="preview" v-if="msg.objectName=='RC:FileMsg'">
+                <text v-if="conversationType == 3">{{ user.name }}：</text>[文件]
+            </view>
+            <view class="preview" v-if="msg.objectName=='RC:LBSMsg'">
+                <text v-if="conversationType == 3">{{ user.name }}：</text>[位置]
+            </view>
+            <view class="preview" v-if="msg.objectName=='RC:AudioMsg'">
+                <text v-if="conversationType == 3">{{ user.name }}：</text>[语音通话]
+            </view>
+            <view class="preview" v-if="msg.objectName=='RC:VideoMsg'">
+                <text v-if="conversationType == 3">{{ user.name }}：</text>[视频通话]
+            </view>
+            <view class="preview" v-if="msg.objectName=='RC:GrpNtf'">
+                [{{ msg.message }}]
+            </view>
+        </block>
     </view>
 </template>
 
@@ -36,10 +41,14 @@
             msg: {
                 type: Object,
                 default: {}
-            },
+            },
-            conversationType: {
+            conversationType: {
-                type: Number,
+                type: Number,
-                default: 0
+                default: 0
+            },
+            draft: {
+                type: String,
+                default: ''
             },
             user: {
                 type: Object,
@@ -63,6 +72,11 @@
         height: 32rpx;
         line-height: 32rpx;
         width: 520rpx;
-        @extend .nowrap;
+        @extend .nowrap;
+        
+        .draft {
+            color: $text-price;
+            padding-right: 10rpx;
+        }
     }
 </style>