(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-7c45b6e4"],{3575:function(e,t,s){"use strict";s.r(t);var n=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"mainBox"},[s("div",{staticClass:"layerBox"},[s("el-container",{staticStyle:{height:"100vh"}},[s("el-aside",{staticStyle:{background:"#f2f2f2"},attrs:{width:"300px"}},[s("el-menu",[s("div",{staticClass:"conversation-list"},[e._v("会话记录（100）")]),e._l(e.conversations,(function(t){return s("el-menu-item",{key:t.session_id,class:{"is-active":e.activeConversation&&e.activeConversation.session_id===t.session_id},on:{click:function(s){return e.selectConversation(t)}}},[1==t.talk_type?s("div",[s("el-avatar",{attrs:{src:t.user_avatar}},[e._v(e._s(t.nickname))]),e._v(" "+e._s(t.nickname)+" ")],1):e._e(),2==t.talk_type?s("div",[s("el-avatar",{attrs:{src:t.group_avatar}},[e._v(e._s(t.group_name))]),e._v(" "+e._s(t.group_name)+" ")],1):e._e()])}))],2)],1),s("el-container",[s("el-main",{staticStyle:{padding:"20px"}},[e.activeConversation?s("div",e._l(e.activeConversation.messages,(function(t,n){return s("div",{key:n,staticClass:"message"},[1==t.is_me?s("div",{class:{is_me:1==t.is_me}},[e._v(" "+e._s(t.content)+" "),s("el-avatar",{attrs:{src:t.user_avatar}},[e._v(e._s(t.nickname))])],1):s("div",[s("el-avatar",{attrs:{src:t.user_avatar}},[e._v(e._s(t.nickname))]),e._v(e._s(t.content)+" ")],1)])})),0):s("div",[e._v(" 请选择一个会话 ")])]),s("el-footer",{staticStyle:{padding:"10px",background:"#fff"},attrs:{height:"60px"}},[s("el-input",{staticStyle:{width:"calc(100% - 100px)","margin-right":"10px"},attrs:{placeholder:"输入消息..."},on:{keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.sendMessage(t)}},model:{value:e.newMessage,callback:function(t){e.newMessage=t},expression:"newMessage"}}),s("el-button",{attrs:{type:"primary"},on:{click:e.sendMessage}},[e._v("发送")])],1)],1)],1)],1)])},i=[],a=s("ade3"),o=(s("7db0"),s("e9c4"),s("b64b"),s("d3b7"),s("2ca0"),s("498a"),s("0643"),s("fffc"),s("4b51"),s("c385")),r={data:function(){return{activeConversation:null,newMessage:"",conversations:[],ws:null}},methods:{selectConversation:function(e){this.activeConversation=e},sendMessage:function(){if(""!==this.newMessage.trim()){var e=Object(a["a"])(Object(a["a"])({msg_type:1,talk_type:this.activeConversation.talk_type,content:this.newMessage,session_id:this.activeConversation.session_id},"msg_type",1),"receiver_id",this.activeConversation.user_id?this.activeConversation.user_id:this.activeConversation.group_id);console.log("发送消息",this.ws,WebSocket.OPEN),this.ws&&this.ws.readyState===WebSocket.OPEN&&this.ws.send(JSON.stringify(e)),this.newMessage=""}},handleIncomingMessage:function(e){var t=JSON.parse(e.data);console.log("监听消息：",t);var s=this.conversations.find((function(e){return e.session_id===t.session_id}));s&&s.messages.push(t)},getTalkSessionList:function(){var e=this,t={page:1,pageSize:10};this.$store.dispatch("chat/getTalkSessionList",t).then((function(t){e.conversations=t.data.row})).catch((function(){e.$message({type:"info",message:"获取聊天记录失败！"})}))}},mounted:function(){var e=document.cookie.split("; ").find((function(e){return e.startsWith("Admin-Token=")})).split("=")[1],t=o["a"].WebsocketUrl+"?token="+e;this.ws=new WebSocket(t),this.ws.addEventListener("message",this.handleIncomingMessage),this.ws.addEventListener("close",(function(e){console.log("关闭链接",e)})),this.getTalkSessionList()},beforeDestroy:function(){this.ws&&(this.ws.removeEventListener("message",this.handleIncomingMessage),this.ws.close())}},c=r,u=(s("40c0"),s("2877")),d=Object(u["a"])(c,n,i,!1,null,"9869809a",null);t["default"]=d.exports},"40c0":function(e,t,s){"use strict";s("7e57")},"4b51":function(e,t,s){},"7db0":function(e,t,s){"use strict";var n=s("23e7"),i=s("b727").find,a=s("44d2"),o=s("ae40"),r="find",c=!0,u=o(r);r in[]&&Array(1)[r]((function(){c=!1})),n({target:"Array",proto:!0,forced:c||!u},{find:function(e){return i(this,e,arguments.length>1?arguments[1]:void 0)}}),a(r)},"7e57":function(e,t,s){},e9c4:function(e,t,s){var n=s("23e7"),i=s("d066"),a=s("d039"),o=i("JSON","stringify"),r=/[\uD800-\uDFFF]/g,c=/^[\uD800-\uDBFF]$/,u=/^[\uDC00-\uDFFF]$/,d=function(e,t,s){var n=s.charAt(t-1),i=s.charAt(t+1);return c.test(e)&&!u.test(i)||u.test(e)&&!c.test(n)?"\\u"+e.charCodeAt(0).toString(16):e},l=a((function(){return'"\\udf06\\ud834"'!==o("\udf06\ud834")||'"\\udead"'!==o("\udead")}));o&&n({target:"JSON",stat:!0,forced:l},{stringify:function(e,t,s){var n=o.apply(null,arguments);return"string"==typeof n?n.replace(r,d):n}})},fffc:function(e,t,s){"use strict";var n=s("23e7"),i=s("2266"),a=s("1c0b"),o=s("825a");n({target:"Iterator",proto:!0,real:!0},{find:function(e){return o(this),a(e),i(this,(function(t){if(e(t))return i.stop(t)}),void 0,!1,!0).result}})}}]);