多用户联动撤回

components/message-list.vue

@@ -45,7 +45,7 @@
 <script lang="ts">
 <script lang="ts">
 import { Component, Prop, Ref, Vue, Watch } from "vue-property-decorator";
 import { Component, Prop, Ref, Vue, Watch } from "vue-property-decorator";
 
 
-import { Message } from "../model";
+import { Message, MessageType } from "../model";
 import { throttle } from "../utils";
 import { throttle } from "../utils";
 import { formatTime } from "../utils/time";
 import { formatTime } from "../utils/time";
 
 
@@ -54,6 +54,7 @@ import message from "./message.vue";
 import VideoPreview from "./video-preview.vue";
 import VideoPreview from "./video-preview.vue";
 
 
 import { ChatStore, chatStore } from "@/customer-service/store/model";
 import { ChatStore, chatStore } from "@/customer-service/store/model";
+import { dbController } from "../database";
 
 
 @Component({ components: { message, ImagePreview, VideoPreview } })
 @Component({ components: { message, ImagePreview, VideoPreview } })
 export default class MessageList extends Vue {
 export default class MessageList extends Vue {
@@ -84,6 +85,15 @@ export default class MessageList extends Vue {
     @chatStore.Mutation(ChatStore.MUTATION_CLEAR_FUNC_SCROLL_TO_BOTTOM)
     @chatStore.Mutation(ChatStore.MUTATION_CLEAR_FUNC_SCROLL_TO_BOTTOM)
     private readonly clearScrollToBottomFunc!: ChatStore.MUTATION_CLEAR_FUNC_SCROLL_TO_BOTTOM;
     private readonly clearScrollToBottomFunc!: ChatStore.MUTATION_CLEAR_FUNC_SCROLL_TO_BOTTOM;
 
 
+    @chatStore.Mutation(ChatStore.MUTATION_SAVE_FUNC_ON_NEW_MSG)
+    private readonly onNewMessage: ChatStore.MUTATION_SAVE_FUNC_ON_NEW_MSG;
+
+    @chatStore.Mutation(ChatStore.MUTATION_CLEAR_FUNC_ON_NEW_MSG)
+    private readonly clearNewMessage: ChatStore.MUTATION_CLEAR_FUNC_ON_NEW_MSG;
+
+    @chatStore.Mutation(ChatStore.MUTATION_WITHDRAW)
+    private readonly executeWithDraw: ChatStore.MUTATION_WITHDRAW;
+
     @Prop({ default: "circle" })
     @Prop({ default: "circle" })
     private shape!: string;
     private shape!: string;
 
 
@@ -177,6 +187,14 @@ export default class MessageList extends Vue {
 
 
     public created() {
     public created() {
         this.handleScrollWrapper();
         this.handleScrollWrapper();
+        this.onNewMessage((e) => {
+            if (e.type === MessageType.Withdraw) {
+                this.executeWithDraw(e.ref_id);
+                dbController
+                    .removeMessage(e.chat_id, e.ref_id)
+                    .finally(() => this.refresh());
+            }
+        });
     }
     }
 
 
     public mounted() {
     public mounted() {
@@ -190,6 +208,7 @@ export default class MessageList extends Vue {
         this.scollWrapper &&
         this.scollWrapper &&
             this.scollWrapper.removeEventListener("scroll", this.handleScroll);
             this.scollWrapper.removeEventListener("scroll", this.handleScroll);
         this.clearScrollToBottomFunc();
         this.clearScrollToBottomFunc();
+        this.clearNewMessage();
         // this.clearChatId();
         // this.clearChatId();
     }
     }