草稿展示

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>
@@ -27,6 +28,9 @@
                 }
             }
         },
+        mounted() {
+          console.log(this.item);  
+        },
         computed: {
             contact() {
                 return function(targetId) {

pages/im/components/messagePreview.vue

@@ -1,5 +1,9 @@
 <template>
     <view>
+        <view class="preview" v-if="draft">
+            <text class="draft">[草稿]</text> {{ draft }}
+        </view>
+        <block v-else>
             <view class="preview" v-if="msg.objectName=='RC:TxtMsg'">
                 <text v-if="conversationType == 3">{{ user.name }}：</text>{{ msg.content || '' }}
             </view>
@@ -27,6 +31,7 @@
             <view class="preview" v-if="msg.objectName=='RC:GrpNtf'">
                 [{{ msg.message }}]
             </view>
+        </block>
     </view>
 </template>
 
@@ -41,6 +46,10 @@
                 type: Number,
                 default: 0
             },
+            draft: {
+                type: String,
+                default: ''
+            },
             user: {
                 type: Object,
                 default: function() {
@@ -64,5 +73,10 @@
         line-height: 32rpx;
         width: 520rpx;
         @extend .nowrap;
+        
+        .draft {
+            color: $text-price;
+            padding-right: 10rpx;
+        }
     }
 </style>