improve(msg-left-item):add msg type meta props

emqx · Aug 1, 2023 · edc294c · edc294c
1 parent 4e354bd
commit edc294c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/components/MsgLeftItem.vue b/src/components/MsgLeftItem.vue
@@ -94,9 +94,13 @@ export default class MsgLeftItem extends Vue {
     return this.meta ? JSON.parse(this.meta).schemaName : null
   }
 
+  get msgType() {
+    return this.meta ? JSON.parse(this.meta).msgType : null
+  }
+
   private mounted() {
     try {
-      if (this.payload && JSON.parse(this.payload)) {
+      if (this.payload && this.msgType === 'JSON') {
         this.hightlight = true
         this.$nextTick(() => {
           Prism.highlightAll()

diff --git a/src/views/connections/ConnectionsDetail.vue b/src/views/connections/ConnectionsDetail.vue
@@ -536,6 +536,12 @@ export default class ConnectionsDetail extends Vue {
     }
   }
 
+  private updateReceivedMsgType(message: MessageModel, msgType: PayloadType) {
+    const metaObj = JSON.parse(message.meta || '{}')
+    metaObj['msgType'] = msgType
+    message.meta = JSON.stringify(metaObj)
+  }
+
   // Connect
   public async connect(): Promise<boolean | void> {
     this.isReconnect = false
@@ -1140,6 +1146,7 @@ export default class ConnectionsDetail extends Vue {
     }
     this.updateMeta(receivedMessage, 'function', 'received')
     this.updateMeta(receivedMessage, 'schema', 'received')
+    this.updateReceivedMsgType(receivedMessage, this.receivedMsgType)
 
     return receivedMessage
   }