订单列表发送

im/src/components/chat/panel/template/goodsLink.vue

@@ -1,5 +1,6 @@
 <template>
   <div style="width: 350px;">
+    当前浏览
     <div class="base">
       <div>
         <img :src="goodsDetail.thumbnail" class="image" />
@@ -10,21 +11,23 @@
           <span style="color: red;">￥{{ goodsDetail.price }}</span>
         </div>
         <div v-if="hide">
-          <el-button class="store-button" type="danger" v-if="btnHide == 1" size="mini" @click="submitSendMessage()"
-            plain>发送</el-button>
+          <el-button class="store-button" type="danger" v-if="!sendFlag && btnHide == 1" size="mini"
+            @click="submitSendMessage()" plain>发送</el-button>
         </div>
       </div>
     </div>
+    <hr class="separate" />
   </div>
 </template>
 
 <script>
 import { Tag, button } from 'element-ui'
 import { mapState, mapGetters } from "vuex";
-
+import SocketInstance from "@/im-server/socket-instance";
 export default {
   data () {
     return {
+      sendFlag: false,
       btnHide: undefined,
       hide: true
     }
@@ -33,12 +36,12 @@ export default {
     ...mapGetters(["talkItems"]),
     ...mapState({
       id: (state) => state.user.id,
-
+      index_name: (state) => state.dialogue.index_name,
       toUser: (state) => state.user.toUser,
     }),
   },
   mounted () {
-    this.btnHide = localStorage.getItem(this.goodsDetail.goodsId)
+    this.btnHide = localStorage.getItem('btnHide')
   },
   components: {
     "el-tag": Tag,
@@ -56,14 +59,7 @@ export default {
     // 回车键发送消息回调事件
     submitSendMessage () {
       console.log("发送");
-      const context = {
-        id: this.goodsDetail.id,
-        goodsId: this.goodsDetail.goodsId,
-        thumbnail: this.goodsDetail.thumbnail,
-        price: this.goodsDetail.price,
-        goodsName: this.goodsDetail.goodsName
-      }
-
+      const context = this.goodsDetail
       const record = {
         operation_type: "MESSAGE",
         to: this.toUser.userId,
@@ -72,12 +68,74 @@ export default {
         context: context,
         talk_id: this.toUser.id,
       };
-      this.$emit('sendMessage', record, context);
+      SocketInstance.emit("event_talk", record);
+
+      this.$store.commit("UPDATE_TALK_ITEM", {
+        index_name: this.index_name,
+        draft_text: "",
+      });
+
+
+      /**
+       * 插入数据
+       */
+      const insterChat = {
+        createTime: this.formateDateAndTimeToString(new Date()),
+        fromUser: this.id,
+        toUser: record.to,
+        isRead: false,
+        messageType: "GOODS",
+        text: context,
+        float: "right",
+      };
+
+      console.log("insterChat", insterChat);
+      // console.log("插入对话记录",'')
+      // 插入对话记录
+      this.$store.commit("PUSH_DIALOGUE", insterChat);
+      // 获取聊天面板元素节点
+      let el = document.getElementById("lumenChatPanel");
+      // 判断的滚动条是否在底部
+      let isBottom =
+        Math.ceil(el.scrollTop) + el.clientHeight >= el.scrollHeight;
+
+      if (isBottom || record.to == this.id) {
+        this.$nextTick(() => {
+          el.scrollTop = el.scrollHeight;
+        });
+      } else {
+        this.$store.commit("SET_TLAK_UNREAD_MESSAGE", {
+          content: content,
+          nickname: record.name,
+        });
+      }
       // 发送后隐藏按钮  0：隐藏 1：显示
-      localStorage.setItem(this.goodsDetail.goodsId, 0)
+      localStorage.setItem('btnHide', 0)
       this.hide = false
     },
 
+    formateDateAndTimeToString (date) {
+      var hours = date.getHours();
+      var mins = date.getMinutes();
+      var secs = date.getSeconds();
+      var msecs = date.getMilliseconds();
+      if (hours < 10) hours = "0" + hours;
+      if (mins < 10) mins = "0" + mins;
+      if (secs < 10) secs = "0" + secs;
+      if (msecs < 10) secs = "0" + msecs;
+      return (
+        this.formatDateToString(date) + " " + hours + ":" + mins + ":" + secs
+      );
+    },
+
+    formatDateToString (date) {
+      var year = date.getFullYear();
+      var month = date.getMonth() + 1;
+      var day = date.getDate();
+      if (month < 10) month = "0" + month;
+      if (day < 10) day = "0" + day;
+      return year + "-" + month + "-" + day;
+    },
   },
   props: {
     goodsDetail: {