适配action消息类型

components/message-item/action-message.vue

+<template>
+    <div
+        class="msg-detail inline-text"
+        v-html="format2Link(messageBody.msg.text || emptyText)"
+    ></div>
+</template>
+
+<script lang="ts">
+    import { replaceText2Link } from "@/customer-service/utils";
+    import xim from "@/customer-service/xim";
+    import { Component } from "vue-property-decorator";
+    import BaseMessage from "./index";
+
+    @Component({ components: {} })
+    export default class Index extends BaseMessage {
+        protected readonly emptyText = "　";
+
+        protected format2Link(text: string) {
+            let t = replaceText2Link(text);
+            const keywords = xim.getMatchedTextKeywords();
+            for (const item of keywords) {
+                const r = new RegExp(item, "g");
+                t = t.replace(r, `<span class="highlight">${item}</span>`);
+            }
+            return t;
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    .inline-text {
+        display: inline-block;
+        white-space: pre-wrap;
+        text-align: left;
+        padding: 20px 30px;
+        color: #409eff;
+        /deep/ .highlight {
+            color: #e87005;
+        }
+    }
+</style>
\ No newline at end of file

components/message.vue

@@ -133,6 +133,7 @@
     import AudioMessage from "./message-item/audio-message.vue";
     import VideoMessage from "./message-item/video-message.vue";
     import TextMessage from "./message-item/text-message.vue";
+    import ActionMessage from "./message-item/action-message.vue";
     import WithdrawMessage from "./message-item/withdraw-message.vue";
     import xim from "./../xim";
 
@@ -146,6 +147,7 @@
         [dto.MessageType.Text, "text-message"],
         [dto.MessageType.Withdraw, "withdraw-message"],
         [dto.MessageType.GeneralOrderMsg, "text-message"],
+        [dto.MessageType.Action, "action-message"],
     ]);
 
     @Component({
@@ -158,6 +160,7 @@
             VideoMessage,
             TextMessage,
             WithdrawMessage,
+            ActionMessage,
         },
     })
     export default class Message extends Vue {