|
|
@ -80,7 +80,7 @@
|
|
|
|
</el-alert>
|
|
|
|
</el-alert>
|
|
|
|
<div class="chatBox">
|
|
|
|
<div class="chatBox">
|
|
|
|
<el-row :gutter="2" v-for="v in msgList" v-bind:class="{'chatBoxMe': v.is_kefu==true}">
|
|
|
|
<el-row :gutter="2" v-for="v in msgList" v-bind:class="{'chatBoxMe': v.is_kefu==true}">
|
|
|
|
<el-col :span="3"><el-avatar :size="60" :src="v.avatar"></el-avatar></el-col>
|
|
|
|
<el-col :span="3"><el-avatar :size="60" :src="v.avator"></el-avatar></el-col>
|
|
|
|
<el-col :span="21">
|
|
|
|
<el-col :span="21">
|
|
|
|
<div class="chatUser"><{v.name}></div>
|
|
|
|
<div class="chatUser"><{v.name}></div>
|
|
|
|
<div class="chatContent"><{v.content}></div>
|
|
|
|
<div class="chatContent"><{v.content}></div>
|
|
|
@ -124,7 +124,7 @@
|
|
|
|
kfConfig:{
|
|
|
|
kfConfig:{
|
|
|
|
id : "kf_1",
|
|
|
|
id : "kf_1",
|
|
|
|
name : "客服丽丽",
|
|
|
|
name : "客服丽丽",
|
|
|
|
avatar : "",
|
|
|
|
avator : "",
|
|
|
|
to_id : "",
|
|
|
|
to_id : "",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
@ -193,18 +193,18 @@
|
|
|
|
if (redata.type == "chatMessage") {
|
|
|
|
if (redata.type == "chatMessage") {
|
|
|
|
let msg = redata.data
|
|
|
|
let msg = redata.data
|
|
|
|
let content = {}
|
|
|
|
let content = {}
|
|
|
|
content.avatar = msg.from_avatar;
|
|
|
|
content.avator = msg.avator;
|
|
|
|
content.name = msg.from_name;
|
|
|
|
content.name = msg.name;
|
|
|
|
content.content = msg.content;
|
|
|
|
content.content = msg.content;
|
|
|
|
content.is_kefu = false;
|
|
|
|
content.is_kefu = false;
|
|
|
|
content.time = msg.time;
|
|
|
|
content.time = msg.time;
|
|
|
|
if (msg.from_id == this.currentGuest) {
|
|
|
|
if (msg.id == this.currentGuest) {
|
|
|
|
this.msgList.push(content);
|
|
|
|
this.msgList.push(content);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (typeof (this.msgListUser[msg.from_id]) == "undefined") {
|
|
|
|
if (typeof (this.msgListUser[msg.id]) == "undefined") {
|
|
|
|
this.msgListUser[msg.from_id] = [];
|
|
|
|
this.msgListUser[msg.id] = [];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.msgListUser[msg.from_id].push(content);
|
|
|
|
this.msgListUser[msg.id].push(content);
|
|
|
|
this.$nextTick(() => {
|
|
|
|
this.$nextTick(() => {
|
|
|
|
$('.chatBox').scrollTop($(".chatBox")[0].scrollHeight);
|
|
|
|
$('.chatBox').scrollTop($(".chatBox")[0].scrollHeight);
|
|
|
|
});
|
|
|
|
});
|
|
|
@ -242,7 +242,7 @@
|
|
|
|
this.messageContent = "";
|
|
|
|
this.messageContent = "";
|
|
|
|
|
|
|
|
|
|
|
|
let content = {}
|
|
|
|
let content = {}
|
|
|
|
content.avatar = this.kfConfig.avatar;
|
|
|
|
content.avator = this.kfConfig.avator;
|
|
|
|
content.name = this.kfConfig.name;
|
|
|
|
content.name = this.kfConfig.name;
|
|
|
|
content.content = this.kfConfig.content;
|
|
|
|
content.content = this.kfConfig.content;
|
|
|
|
content.is_kefu = true;
|
|
|
|
content.is_kefu = true;
|
|
|
@ -282,7 +282,7 @@
|
|
|
|
if(data.result!=null){
|
|
|
|
if(data.result!=null){
|
|
|
|
_this.kfConfig.id=data.result.id;
|
|
|
|
_this.kfConfig.id=data.result.id;
|
|
|
|
_this.kfConfig.name=data.result.name;
|
|
|
|
_this.kfConfig.name=data.result.name;
|
|
|
|
_this.kfConfig.avatar=data.result.avator;
|
|
|
|
_this.kfConfig.avator=data.result.avator;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if(data.code!=200){
|
|
|
|
if(data.code!=200){
|
|
|
|
_this.$message({
|
|
|
|
_this.$message({
|
|
|
|