|
|
@@ -50,7 +50,7 @@
|
|
|
:width="windowWidth"
|
|
|
:height="windowHeight"
|
|
|
:user="UserData"
|
|
|
- ref="IMUI"
|
|
|
+ ref="IMUI"
|
|
|
:theme="theme"
|
|
|
:hide-menu="hideMenu"
|
|
|
:hide-menu-avatar="hideMenuAvatar"
|
|
|
@@ -78,7 +78,7 @@
|
|
|
|
|
|
</lemon-chatui>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<el-dialog :visible.sync="dialogVisible" append-to-body width="35%">
|
|
|
<img style="width:100%;height:auto" :src="dialogImageUrl" alt="" />
|
|
|
</el-dialog>
|
|
|
@@ -87,10 +87,10 @@
|
|
|
:close-on-click-modal="false"
|
|
|
:destroy-on-close="true"
|
|
|
:width="aplayer.pWidth"
|
|
|
- :height="aplayer.height"
|
|
|
+ :height="aplayer.height"
|
|
|
@close="dialogVideoVisible=false"
|
|
|
ref="player">
|
|
|
- <videoPlayer :width="aplayer.width" :height="aplayer.height" :videoWidth="aplayer.videoWidth" :videoHeight="aplayer.videoHeight" :vid="aplayer.vid" :autoplay="true"
|
|
|
+ <videoPlayer :width="aplayer.width" :height="aplayer.height" :videoWidth="aplayer.videoWidth" :videoHeight="aplayer.videoHeight" :vid="aplayer.vid" :autoplay="true"
|
|
|
:source="dialogVideoUrl" :cover="dialogVideoCover" ref="player">
|
|
|
</videoPlayer>
|
|
|
</el-dialog>
|
|
|
@@ -123,7 +123,7 @@ import { getCompanyList } from "@/api/company/company";
|
|
|
let pages = {};
|
|
|
export default {
|
|
|
name: "qwChat",
|
|
|
- components: {
|
|
|
+ components: {
|
|
|
Material,
|
|
|
VideoPlayer,
|
|
|
ChatRecords,
|
|
|
@@ -156,7 +156,7 @@ export default {
|
|
|
isFromLogin:false,
|
|
|
dialogImageUrl: '',
|
|
|
dialogVisible: false,
|
|
|
- dialogVideoVisible:false,
|
|
|
+ dialogVideoVisible:false,
|
|
|
dialogVideoUrl:'',
|
|
|
dialogVideoCover:'',
|
|
|
imageArr:[],
|
|
|
@@ -168,7 +168,7 @@ export default {
|
|
|
height:"900px",
|
|
|
videoWidth:"1000px",
|
|
|
videoHeight:"900px"
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
player: null,
|
|
|
roomMembers:[],
|
|
|
@@ -208,7 +208,7 @@ export default {
|
|
|
// this.setQwUserInfo();
|
|
|
// this.getContacts(); //获取联系人信息
|
|
|
// this.getConversation(); //获取会话信息
|
|
|
-
|
|
|
+
|
|
|
const IMUI = this.$refs.IMUI;
|
|
|
|
|
|
IMUI.initMenus([
|
|
|
@@ -252,7 +252,7 @@ export default {
|
|
|
// },
|
|
|
// isBottom: true,
|
|
|
// }
|
|
|
-
|
|
|
+
|
|
|
,
|
|
|
{
|
|
|
name: "custom2",
|
|
|
@@ -267,8 +267,8 @@ export default {
|
|
|
isBottom: true,
|
|
|
},
|
|
|
]);
|
|
|
- IMUI.initEmoji(EmojiData);
|
|
|
-
|
|
|
+ IMUI.initEmoji(EmojiData);
|
|
|
+
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
@@ -302,7 +302,7 @@ export default {
|
|
|
this.users = response.data;
|
|
|
});
|
|
|
},
|
|
|
- companyUserChange(companyUserId){
|
|
|
+ companyUserChange(companyUserId){
|
|
|
this.queryParams.companyUserId=companyUserId;
|
|
|
this.qwListAccount();
|
|
|
},
|
|
|
@@ -338,9 +338,9 @@ export default {
|
|
|
}
|
|
|
this.setQwUserInfo();
|
|
|
this.getContacts(); //获取联系人信息
|
|
|
- this.getConversation(); //获取会话信息
|
|
|
+ this.getConversation(); //获取会话信息
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
setQwUserInfo(){
|
|
|
this.deviceId=this.qwUser.deviceId;
|
|
|
this.UserData.id=this.qwUser.userId;
|
|
|
@@ -417,7 +417,7 @@ export default {
|
|
|
getConversation(queryParams).then(response => {
|
|
|
if(response.code==200){
|
|
|
var conversation=response.data;
|
|
|
- IMUI.appendConversation(conversation);
|
|
|
+ IMUI.appendConversation(conversation);
|
|
|
that.appendMessageAction(msgData);
|
|
|
}
|
|
|
});
|
|
|
@@ -425,7 +425,7 @@ export default {
|
|
|
that.appendMessageAction(msgData);
|
|
|
let conversation=IMUI.findConversation(msgData.toContactId);
|
|
|
IMUI.topPopConversations(conversation);
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
@@ -442,7 +442,7 @@ export default {
|
|
|
this.roomInfo=response.detail;
|
|
|
});
|
|
|
},
|
|
|
- getContacts(){
|
|
|
+ getContacts(){
|
|
|
getContactsByUser(this.qwUser.userId).then(response => {
|
|
|
this.contactData = response.data;
|
|
|
this.$refs.IMUI.initContacts(this.contactData);
|
|
|
@@ -458,7 +458,7 @@ export default {
|
|
|
if(fstConversation){
|
|
|
IMUI.changeContact(fstConversation.conversationId);
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
});
|
|
|
},
|
|
|
messageTimeFormat(time) {
|
|
|
@@ -520,12 +520,12 @@ export default {
|
|
|
instance.closeDrawer();
|
|
|
},
|
|
|
handleChangeContact(contact, instance) {
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
//收到消息后添加消息显示
|
|
|
appendMessageAction(msgData){
|
|
|
- if(msgData.type=="text" || msgData.type=="image" || msgData.type=="voice"){ //文本 text image video voice
|
|
|
+ if(msgData.type=="text" || msgData.type=="image" || msgData.type=="voice"){ //文本 text image video voice
|
|
|
const message = {
|
|
|
id: msgData.id,
|
|
|
status: msgData.status,
|
|
|
@@ -602,14 +602,14 @@ export default {
|
|
|
console.log("Event:menu-avatar-click");
|
|
|
},
|
|
|
//聊天工具栏点击图片
|
|
|
- handleImageClick() {
|
|
|
+ handleImageClick() {
|
|
|
//this.$refs.material.openMaterial(this.qwUser.deviceId);
|
|
|
},
|
|
|
- handleMsgRecordsClick() {
|
|
|
+ handleMsgRecordsClick() {
|
|
|
console.log("qxj handleMsgRecordsClick");
|
|
|
this.$refs.chatRecords.open(this.qwUser,this.queryParams.conversationId,this.conversationData);
|
|
|
},
|
|
|
- handleExportMsgClick() {
|
|
|
+ handleExportMsgClick() {
|
|
|
let that=this;
|
|
|
this.$confirm('是否确认导出消息记录吗?', "警告", {
|
|
|
confirmButtonText: "确定",
|
|
|
@@ -643,11 +643,11 @@ export default {
|
|
|
var url=!!message.url?message.url:message.content;
|
|
|
this.handlePicturePreview(url);
|
|
|
}
|
|
|
- else if(message.type=="video"){
|
|
|
+ else if(message.type=="video"){
|
|
|
this.tooglePlayVideo(message);
|
|
|
}
|
|
|
- else if(message.type=="file"){
|
|
|
-
|
|
|
+ else if(message.type=="file"){
|
|
|
+
|
|
|
}
|
|
|
if (key == "status") {
|
|
|
instance.updateMessage({
|
|
|
@@ -779,7 +779,7 @@ export default {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.imui-center{
|
|
|
- margin-bottom:"60px";
|
|
|
+ margin-bottom:"60px";
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
@@ -812,11 +812,11 @@ export default {
|
|
|
padding: 0 8px;
|
|
|
}
|
|
|
|
|
|
- /deep/.el-dialog__headerbtn{
|
|
|
+ ::v-deep.el-dialog__headerbtn{
|
|
|
top:10px;
|
|
|
}
|
|
|
|
|
|
- /deep/.el-dialog:not(.is-fullscreen) {
|
|
|
+ ::v-deep.el-dialog:not(.is-fullscreen) {
|
|
|
margin-top: 0 !important;
|
|
|
}
|
|
|
|
|
|
@@ -838,14 +838,14 @@ export default {
|
|
|
}
|
|
|
|
|
|
|
|
|
- /deep/.el-form-item{
|
|
|
+ ::v-deep.el-form-item{
|
|
|
margin-bottom: 0;
|
|
|
vertical-align: middle !important;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</style>
|
|
|
|
|
|
|
|
|
@@ -858,7 +858,7 @@ export default {
|
|
|
padding:0 0 10px 0;
|
|
|
.slot-group-notice
|
|
|
padding: 10px 10px;
|
|
|
-
|
|
|
+
|
|
|
.slot-search
|
|
|
width:calc(100% - 20px) ;
|
|
|
margin:5px 10px;
|
|
|
@@ -875,11 +875,11 @@ export default {
|
|
|
height: 30px;
|
|
|
line-height: 30px;
|
|
|
margin-right:5px;
|
|
|
- img
|
|
|
+ img
|
|
|
vertical-align: middle;
|
|
|
border-style: none;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
line-height: 30px;
|
|
|
border-radius: 50%;
|
|
|
-</style>
|
|
|
+</style>
|