快捷回复功能

chat.vue

@@ -30,7 +30,11 @@
                     <el-tab-pane label="备注" name="four">
                     <el-tab-pane label="备注" name="four">
                         <remarkList modelName="user" />
                         <remarkList modelName="user" />
                     </el-tab-pane>
                     </el-tab-pane>
-                    <el-tab-pane label="回复" name="five">回复</el-tab-pane>
+                    <el-tab-pane label="回复" name="five">
+
+                        <MsgShortCut v-for="(item, i) in shortCutMsgs" :key="i" :msg="item"/>
+
+                    </el-tab-pane>
                 </el-tabs>
                 </el-tabs>
             </div>
             </div>
         </div>
         </div>
@@ -51,6 +55,7 @@ import ChatRoom from "./chat-room.vue";
 import ChatTitle from "./chat-title.vue";
 import ChatTitle from "./chat-title.vue";
 import ChatMembers from "./components/chat-members.vue";
 import ChatMembers from "./components/chat-members.vue";
 import MessageList from "./message-list.vue";
 import MessageList from "./message-list.vue";
+import MsgShortCut from "./msg-shortcut.vue";
 import buttonThrottle from "./utils/button-throttle";
 import buttonThrottle from "./utils/button-throttle";
 
 
 import ChatCreator from "@/customer-service/create-chat.vue";
 import ChatCreator from "@/customer-service/create-chat.vue";
@@ -58,6 +63,7 @@ import { ChatStore, chatStore } from "@/customer-service/store/model";
 
 
 @Component({
 @Component({
     components: {
     components: {
+        MsgShortCut,
         MessageList,
         MessageList,
         ChatRoom,
         ChatRoom,
         ChatCreator,
         ChatCreator,
@@ -84,6 +90,13 @@ export default class Chat extends Vue {
 
 
     private currentTab = "one";
     private currentTab = "one";
 
 
+    private shortCutMsgs = [
+        "快捷回复1",
+        "快捷回复2",
+        "快捷回复3",
+        "快捷回复4",
+    ]
+
     private get chatMembersId() {
     private get chatMembersId() {
         return this.chatMembers.map((k) => +k.eid);
         return this.chatMembers.map((k) => +k.eid);
     }
     }

msg-shortcut.vue

+<template>
+    <div class="shortcut pointer" @click="sendMsg">{{ msg }}</div>
+</template>
+<script lang="ts">
+import { Component, Prop, Vue } from "vue-property-decorator";
+
+import { ChatStore, chatStore } from "./store/model";
+import buttonThrottle from "./utils/button-throttle";
+@Component({ components: {} })
+export default class MsgShortCut extends Vue {
+    @chatStore.Action(ChatStore.ACTION_SEND_MESSAGE)
+    private readonly _sendMsg!: ChatStore.ACTION_SEND_MESSAGE;
+
+    @chatStore.Getter(ChatStore.STATE_CHAT_SOURCE)
+  private readonly source!: ChatStore.STATE_CHAT_SOURCE;
+
+    @Prop({ type: String, default: "" })
+    private readonly msg!: string;
+
+    @buttonThrottle()
+    private sendMsg() {
+        return this._sendMsg({
+            msgType: "text",
+            msg: JSON.stringify({ text: this.msg, source: this.source }),
+        });
+    }
+}
+</script>
+<style lang="less" scoped>
+.shortcut {
+    padding:10px;
+    font-size: 16px;
+    &:hover {
+        background: #e4f0ff;
+    }
+}
+</style>

store/index.ts

@@ -365,6 +365,7 @@ export default {
                 state[ChatStore.STATE_CHAT_CURRENT_CHAT_UNIPLAT_ID];
                 state[ChatStore.STATE_CHAT_CURRENT_CHAT_UNIPLAT_ID];
             if (uniplatId == null) return;
             if (uniplatId == null) return;
             try {
             try {
+                console.log("fuck send", params);
                 const data = await model()
                 const data = await model()
                     .action("sendMsg")
                     .action("sendMsg")
                     .updateInitialParams({
                     .updateInitialParams({