(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-d5d63cfc"],{3759:function(e,i,t){},"501d":function(e,i,t){"use strict";t("f231")},"63b9":function(e,i,t){"use strict";t.r(i);var s=function(){var e=this,i=e._self._c;return i("el-container",{staticClass:"friend-page"},[i("resizable-aside",{attrs:{"default-width":260,"min-width":200,"max-width":500,"storage-key":"friend-aside-width"}},[i("div",{staticClass:"header"},[i("el-input",{staticClass:"search-text",attrs:{size:"small",placeholder:"搜索"},model:{value:e.searchText,callback:function(i){e.searchText=i},expression:"searchText"}},[i("i",{staticClass:"el-icon-search el-input__icon",attrs:{slot:"prefix"},slot:"prefix"})]),i("el-button",{staticClass:"add-btn",attrs:{plain:"",icon:"el-icon-plus",title:"添加好友"},on:{click:function(i){return e.onShowAddFriend()}}}),i("add-friend",{attrs:{dialogVisible:e.showAddFriend},on:{close:e.onCloseAddFriend}})],1),i("el-scrollbar",{staticClass:"friend-items"},e._l(e.friendValues,(function(t,s){return i("div",{key:s},[i("div",{staticClass:"letter"},[e._v(e._s(e.friendKeys[s]))]),e._l(t,(function(t){return i("div",{key:t.id},[i("friend-item",{attrs:{friend:t,active:t.id===e.activeFriend.id},on:{chat:function(i){return e.onSendMessage(t)},delete:function(i){return e.onDelFriend(t)}},nativeOn:{click:function(i){return e.onActiveItem(t)}}})],1)})),s<e.friendValues.length-1?i("div",{staticClass:"divider"}):e._e()],2)})),0)],1),i("el-container",{staticClass:"container"},[i("div",{directives:[{name:"show",rawName:"v-show",value:e.userInfo.id,expression:"userInfo.id"}],staticClass:"header"},[e._v(" "+e._s(e.userInfo.nickName)+" ")]),i("div",{directives:[{name:"show",rawName:"v-show",value:e.userInfo.id,expression:"userInfo.id"}]},[i("div",{staticClass:"friend-info"},[i("head-image",{attrs:{size:160,name:e.userInfo.nickName,url:e.userInfo.headImage,radius:"10%"},nativeOn:{click:function(i){return e.showFullImage()}}}),i("div",[i("div",{staticClass:"info-item"},[i("el-descriptions",{staticClass:"description",attrs:{title:"好友信息",column:1}},[i("el-descriptions-item",{attrs:{label:"用户名"}},[e._v(e._s(e.userInfo.userName)+" ")]),i("el-descriptions-item",{attrs:{label:"昵称"}},[e._v(e._s(e.userInfo.nickName)+" ")]),i("el-descriptions-item",{attrs:{label:"性别"}},[e._v(e._s(0==e.userInfo.sex?"男":"女"))]),i("el-descriptions-item",{attrs:{label:"签名"}},[e._v(e._s(e.userInfo.signature))])],1)],1),i("div",{staticClass:"btn-group"},[i("el-button",{directives:[{name:"show",rawName:"v-show",value:e.isFriend,expression:"isFriend"}],attrs:{icon:"el-icon-position",type:"primary"},on:{click:function(i){return e.onSendMessage(e.activeFriend)}}},[e._v("发消息")]),i("el-button",{directives:[{name:"show",rawName:"v-show",value:!e.isFriend,expression:"!isFriend"}],attrs:{icon:"el-icon-plus",type:"primary"},on:{click:function(i){return e.onAddFriend(e.userInfo)}}},[e._v("加为好友")]),i("el-button",{directives:[{name:"show",rawName:"v-show",value:e.isFriend,expression:"isFriend"}],attrs:{icon:"el-icon-delete",type:"danger"},on:{click:function(i){return e.onDelFriend(e.userInfo)}}},[e._v("删除好友")])],1)])],1)])])],1)},n=[],r=(t("cae4"),t("8dc0"),t("6345"),t("7e02"),t("81b3"),t("b357"),t("ff36")),a=function(){var e=this,i=e._self._c;return i("el-dialog",{directives:[{name:"dialogDrag",rawName:"v-dialogDrag"}],attrs:{title:"添加好友",visible:e.dialogVisible,width:"400px","before-close":e.onClose,"custom-class":"add-friend"},on:{"update:visible":function(i){e.dialogVisible=i}}},[i("el-input",{staticClass:"input-with-select",attrs:{placeholder:"输入用户名或昵称按下enter搜索，最多展示20条",size:"small"},nativeOn:{keyup:function(i){return!i.type.indexOf("key")&&e._k(i.keyCode,"enter",13,i.key,"Enter")?null:e.onSearch()}},model:{value:e.searchText,callback:function(i){e.searchText=i},expression:"searchText"}},[i("i",{staticClass:"el-icon-search el-input__icon",attrs:{slot:"suffix"},on:{click:function(i){return e.onSearch()}},slot:"suffix"})]),i("el-scrollbar",{staticStyle:{height:"400px"}},e._l(e.users,(function(t){return i("div",{directives:[{name:"show",rawName:"v-show",value:t.id!=e.userStore.userInfo.id,expression:"user.id != userStore.userInfo.id"}],key:t.id},[i("div",{staticClass:"item"},[i("div",{staticClass:"avatar"},[i("head-image",{attrs:{name:t.nickName,url:t.headImage,online:t.online}})],1),i("div",{staticClass:"friend-info"},[i("div",{staticClass:"nick-name"},[i("div",[e._v(e._s(t.nickName))]),i("div",{class:t.online?"online-status  online":"online-status"},[e._v(e._s(t.online?"[在线]":"[离线]"))])]),i("div",{staticClass:"user-name"},[i("div",[e._v("用户名:"+e._s(t.userName))])])]),i("el-button",{directives:[{name:"show",rawName:"v-show",value:!e.isFriend(t.id),expression:"!isFriend(user.id)"}],attrs:{type:"primary",size:"mini"},on:{click:function(i){return e.onAddFriend(t)}}},[e._v("添加")]),i("el-button",{directives:[{name:"show",rawName:"v-show",value:e.isFriend(t.id),expression:"isFriend(user.id)"}],attrs:{type:"info",size:"mini",plain:"",disabled:""}},[e._v("已添加")])],1)])})),0)],1)},d=[],o=t("4036"),l={name:"addFriend",components:{HeadImage:o["a"]},data(){return{users:[],searchText:""}},props:{dialogVisible:{type:Boolean}},methods:{onClose(){this.$emit("close")},onSearch(){this.searchText?this.$http({url:"/user/findByName",method:"get",params:{name:this.searchText}}).then(e=>{this.users=e}):this.users=[]},onAddFriend(e){this.$http({url:"/friend/add",method:"post",params:{friendId:e.id}}).then(()=>{this.$message.success("添加成功，对方已成为您的好友");let i={id:e.id,nickName:e.nickName,headImage:e.headImageThumb,online:e.online,deleted:!1};this.friendStore.addFriend(i)})},isFriend(e){return this.friendStore.isFriend(e)}}},c=l,u=(t("7098"),t("c08c")),h=Object(u["a"])(c,a,d,!1,null,"29a0dc8a",null),m=h.exports,f=t("44de"),p=t("9807"),v={name:"friend",components:{FriendItem:r["a"],AddFriend:m,HeadImage:o["a"],ResizableAside:f["a"]},data(){return{searchText:"",showAddFriend:!1,userInfo:{},activeFriend:{}}},methods:{onShowAddFriend(){this.showAddFriend=!0},onCloseAddFriend(){this.showAddFriend=!1},onActiveItem(e){this.activeFriend=e,this.loadUserInfo(e.id)},onDelFriend(e){this.$confirm(`确认删除'${e.nickName}',并清空聊天记录吗?`,"确认解除?",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{this.$http({url:"/friend/delete/"+e.id,method:"delete"}).then(()=>{this.$message.success("删除好友成功"),this.friendStore.removeFriend(e.id),this.chatStore.removePrivateChat(e.id)})})},onAddFriend(e){this.$http({url:"/friend/add",method:"post",params:{friendId:e.id}}).then(()=>{this.$message.success("添加成功，对方已成为您的好友");let i={id:e.id,nickName:e.nickName,headImage:e.headImageThumb,online:e.online};this.friendStore.addFriend(i)})},onSendMessage(e){let i={type:"PRIVATE",targetId:e.id,showName:e.nickName,headImage:e.headImage,isDnd:e.isDnd};this.chatStore.openChat(i),this.chatStore.setActiveChat(0),this.$router.push("/home/chat")},showFullImage(){this.userInfo.headImage&&this.$eventBus.$emit("openFullImage",this.userInfo.headImage)},updateFriendInfo(){if(this.isFriend){let e=JSON.parse(JSON.stringify(this.activeFriend));e.headImage=this.userInfo.headImageThumb,e.nickName=this.userInfo.nickName,this.chatStore.updateChatFromFriend(e),this.friendStore.updateFriend(e)}},loadUserInfo(e){this.$http({url:"/user/find/"+e,method:"GET"}).then(e=>{this.userInfo=e,this.updateFriendInfo()})},firstLetter(e){let i={toneType:"none",type:"normal"},t=Object(p["a"])(e,i);return t[0]},isEnglish(e){return/^[A-Za-z]+$/.test(e)}},computed:{isFriend(){return this.friendStore.isFriend(this.userInfo.id)},friendMap(){let e=new Map;this.friendStore.friends.forEach(i=>{if(i.deleted||this.searchText&&!i.nickName.includes(this.searchText))return;let t=this.firstLetter(i.nickName).toUpperCase();this.isEnglish(t)||(t="#"),i.online&&(t="在线"),e.has(t)?e.get(t).push(i):e.set(t,[i])});let i=Array.from(e);return i.sort((e,i)=>"#"==e[0]||"#"==i[0]?i[0].localeCompare(e[0]):e[0].localeCompare(i[0])),e=new Map(i.map(e=>[e[0],e[1]])),e},friendKeys(){return Array.from(this.friendMap.keys())},friendValues(){return Array.from(this.friendMap.values())}}},I=v,w=(t("501d"),Object(u["a"])(I,s,n,!1,null,"b78b0efc",null));i["default"]=w.exports},7098:function(e,i,t){"use strict";t("3759")},f231:function(e,i,t){}}]);
//# sourceMappingURL=chunk-d5d63cfc.5b2d9656.js.map