1 line
4.8 KiB
JavaScript
1 line
4.8 KiB
JavaScript
"use strict";(self["webpackChunkx_php_admin"]=self["webpackChunkx_php_admin"]||[]).push([[216],{2216:function(t,e,s){s.r(e),s.d(e,{default:function(){return H}});var a=s(6808),l=s(9511),i=s(1441);const r={class:"message"},n=["src","alt"],o={class:"content"},c={class:"title"},d=["textContent"],g={class:"subtitle"},h={key:0,class:"unread"},u={class:"private-letter-info"},p=["src"],m={class:"private-letter-info-message"},f={class:"private-letter-info-time"},w={key:0},v=["src"],k={key:1,class:"private-letter-info-content-flex"},_=["innerHTML"],y=["src"];function b(t,e,s,b,L,x){const T=(0,a.up)("el-menu-item"),H=(0,a.up)("el-menu"),$=(0,a.up)("el-aside"),D=(0,a.up)("el-scrollbar"),M=(0,a.up)("el-main"),S=(0,a.up)("el-footer"),C=(0,a.up)("el-container"),I=(0,a.Q2)("time");return(0,a.wg)(),(0,a.j4)(C,null,{default:(0,a.w5)((()=>[(0,a.Wm)($,{width:"160px"},{default:(0,a.w5)((()=>[(0,a.Wm)(H,{"default-active":L.messageInfo.id},{default:(0,a.w5)((()=>[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(L.talkList,(t=>((0,a.wg)(),(0,a.j4)(T,{style:{padding:"0px","line-height":"14px"},key:t.id,index:t.id,onClick:e=>x.newMessageList(t)},{default:(0,a.w5)((()=>[(0,a._)("div",r,[(0,a._)("img",{src:t.avatar,alt:t.nickname},null,8,n),(0,a._)("div",o,[(0,a._)("div",c,[(0,a._)("span",{textContent:(0,l.zw)(t.nickname)},null,8,d)]),(0,a._)("div",g,[t.unread>0?((0,a.wg)(),(0,a.iD)("span",h,"[未读]")):(0,a.kq)("",!0),(0,a.Uk)(" "+(0,l.zw)(t.count)+" 条消息 ",1)])])])])),_:2},1032,["index","onClick"])))),128))])),_:1},8,["default-active"])])),_:1}),(0,a.Wm)(C,null,{default:(0,a.w5)((()=>[(0,a.Wm)(M,{style:{"background-color":"#f3f3f3"}},{default:(0,a.w5)((()=>[(0,a.Wm)(D,{height:"100%",class:"private-letter-right-content",onScroll:x.handleScroll,ref:"scrollbar"},{default:(0,a.w5)((()=>[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(L.messageList,(t=>((0,a.wg)(),(0,a.iD)("div",{class:(0,l.C_)(["private-letter-right-content-item",{"private-letter-isauthor":t.isauthor}]),key:t.id},[(0,a._)("div",u,[(0,a._)("a",null,[t.isauthor?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("img",{key:0,class:"private-letter-avatar",src:t.avatar},null,8,p))]),(0,a._)("div",m,[(0,a._)("div",f,[(0,a.wy)((0,a._)("span",null,null,512),[[I,t.timestamp,void 0,{tip:!0}]])]),"image"===t.event?((0,a.wg)(),(0,a.iD)("div",w,[(0,a._)("img",{class:"private-letter-info-img",src:t.data.url},null,8,v)])):((0,a.wg)(),(0,a.iD)("div",k,[(0,a._)("div",{class:"private-letter-info-text",innerHTML:t.message},null,8,_)]))]),(0,a._)("a",null,[t.isauthor?((0,a.wg)(),(0,a.iD)("img",{key:0,class:"private-letter-avatar",src:t.avatar},null,8,y)):(0,a.kq)("",!0)])])],2)))),128))])),_:1},8,["onScroll"])])),_:1}),(0,a.Wm)(S,{style:{padding:"0"}},{default:(0,a.w5)((()=>[(0,a.wy)((0,a._)("textarea",{"onUpdate:modelValue":e[0]||(e[0]=e=>t.message=e),onKeydown:e[1]||(e[1]=(0,i.D2)(((...e)=>t.sendMessage&&t.sendMessage(...e)),["enter"])),disabled:"disabled",placeholder:"不可回复用户信息",style:{width:"100%",height:"50px",padding:"10px",border:"none",outline:"none",resize:"none"}},null,544),[[i.nr,t.message]])])),_:1})])),_:1})])),_:1})}var L={props:{user:{type:Object,default:()=>({})},tags:{type:Array,default:()=>[]},token:{type:String,default:""}},data(){return{userTag:[],talkList:[],messageList:[],messageInfo:{},lastmessageid:0,lastScrollTop:0,lastscrollHeight:0,loading:!1,scrollbar:null}},mounted(){this.userTag=this.tags,this.$nextTick((()=>{this.scrollbar=this.$refs.scrollbar,this.getData()}))},methods:{async getData(){try{const t=await this.$http.post("message/api/talkList",{token:this.token});200===t.code?(this.talkList=t.data||[],this.talkList.length>0&&(this.messageInfo=this.talkList[0],this.newMessageList(this.messageInfo))):this.$alert(t.message,"提示",{type:"error"})}catch(t){this.$alert("请求失败","提示",{type:"error"})}},async newMessageList(t){this.messageInfo=t,this.lastmessageid=0,this.lastscrollHeight=0,this.messageList=[],await this.getMessageList(!0)},async getMessageList(){this.loading=!0;try{const t=await this.$http.post("message/api/messageList",{token:this.token,id:this.messageInfo.id,lastmessageid:this.lastmessageid});200===t.code?(t.data.data&&this.messageList.unshift(...t.data.data),this.lastmessageid=t.data.lastmessageid,this.loading=!1,this.$nextTick((()=>{this.scrollbar&&setTimeout((()=>{this.lastscrollHeight>0?this.scrollbar.setScrollTop(this.scrollbar.$refs.wrapRef.scrollHeight-this.lastscrollHeight):this.scrollbar.setScrollTop(this.scrollbar.$refs.wrapRef.scrollHeight),this.lastscrollHeight=this.scrollbar.$refs.wrapRef.scrollHeight}),200)}))):this.$alert(t.message,"提示",{type:"error"})}catch(t){this.$alert("请求失败","提示",{type:"error"})}finally{this.loading=!1}},handleScroll(t){const e=t.scrollTop;e<this.lastScrollTop&&e<=10&&this.lastmessageid&&!this.loading&&this.getMessageList(),this.lastScrollTop=e}}},x=s(8700);const T=(0,x.Z)(L,[["render",b],["__scopeId","data-v-2a455084"]]);var H=T}}]); |