Skip to content

P
pica-admin-consultation
提交 f2564b85 编写于 作者: guangjun.yang's avatar guangjun.yang
浏览文件
操作

Merge branch 'dev-phase1-0111' of... 

Merge branch 'dev-phase1-0111' of 192.168.110.53:com.pica.cloud.education.frontend/pica-admin-IM into dev-phase1-0111

* 'dev-phase1-0111' of 192.168.110.53:com.pica.cloud.education.frontend/pica-admin-IM:
  下拉调试
上级 f39a728b ab8d8258
隐藏空白字符变更
内嵌 并排
正在显示 包含 94 行增加 和 46 行删除
src/views/IM/search-message/detail.vue
浏览文件 @ f2564b85
<template>
<!-- v-infinite-scroll="getDeatailData(0)" -->
<div class="search-msg-detail">
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond" :jumPathThird="jumPathThird"></bread-crumb>
<div class="detail-content screenSet" id="screenSet">
<div class="scroll-box" v-loadmore="getHistoryData(0)">
<div v-for="(item, index) in detailData" :key="index">
<div class="split-line" v-if="item.sessionFlag">本次会话结束</div>
<div class="msg-container" :class="{'has-line': !item.sessionFlag}">
<div class="msg-item-img">
<img v-if="item.fromAccId == picakfAccId" src="../../../assets/image/IM/kf-avatar.png" alt />
<img v-else :src="userAvatar" />
</div>
<div class="msg-content">
<div class="info">
<span v-if="item.fromAccId == picakfAccId">客服</span>
<span v-else>{{userName}}</span>
<span class="mid-time">{{item.timestamp}}</span>
</div>
<div v-if="item.type == 'TEXT'" class="text-content">
<div>{{item.content}}</div>
</div>
<div v-if="item.type == 'PICTURE'" class="img-content" v-viewer>
<img :src="item.content.url" />
<div class="detail-content">
<div v-loadmore="getHistoryData(0)">
<div id="screenSet" class="message-content scroll-box">
<div v-for="(item, index) in detailData" :key="index">
<div class="split-line" v-if="item.sessionFlag">本次会话结束</div>
<div class="msg-container" :class="{'has-line': !item.sessionFlag}">
<div class="msg-item-img" v-if="item.content.bizType != -1">
<img v-if="item.fromAccId == picakfAccId" src="../../../assets/image/IM/kf-avatar.png" alt />
<img v-else :src="userAvatar" />
</div>
<div v-if="item.type == 'CUSTOM'">
<div v-if="item.content.bizType == 18" class="file-content">
<div class="file-con" @click="downPDF(item.content.url)">
<div class="file-left">
<span class="name">{{item.content.name}}</span>
<span class="size">{{fileSizeChange(item.content.size)}}</span>
</div>
<div class="file-right">
<img src="../../../assets/image/IM/icon-pdf.png" alt />
</div>
</div>
<div class="msg-content">
<div class="info" v-if="item.content.bizType != -1">
<span v-if="item.fromAccId == picakfAccId">客服</span>
<span v-else>{{userName}}</span>
<span class="mid-time">{{item.timestamp}}</span>
</div>
<div v-if="item.content.bizType == 19" class="link-content">
<div class="link-text">{{item.content.content}}</div>
<div v-if="item.type == 'TEXT'" class="text-content">
<div>{{item.content}}</div>
</div>
<div v-if="item.content.bizType != 19 && item.content.bizType != 18" class="text-content pc-no-support">
<img src="../../../assets/image/IM/icon-warning-circle.png" alt />
<span>该消息类型PC端暂不支持</span>
<div v-if="item.type == 'PICTURE'" class="img-content" v-viewer>
<img :src="item.content.url" />
</div>
<div v-if="item.type == 'CUSTOM'">
<div v-if="item.content.bizType == 18" class="file-content">
<div class="file-con" @click="downPDF(item.content.url)">
<div class="file-left">
<span class="name">{{item.content.name}}</span>
<span class="size">{{fileSizeChange(item.content.size)}}</span>
</div>
<div class="file-right">
<img src="../../../assets/image/IM/icon-pdf.png" alt />
</div>
</div>
</div>
<div v-if="item.content.bizType == 19" class="link-content">
<div class="link-text">{{item.content.content}}</div>
</div>
<div v-if="item.content.bizType != -1 && item.content.bizType != 19 && item.content.bizType != 18" class="text-content pc-no-support">
<img src="../../../assets/image/IM/icon-warning-circle.png" alt />
<span>该消息类型PC端暂不支持</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
......@@ -62,6 +65,7 @@ export default {
},
data() {
return {
hasSearchDate: true,
jumPathThird: '/search-message-list',
curmbFirst:'消息查询',
curmbSecond:'消息详情',
......@@ -75,22 +79,40 @@ export default {
ele: '',
topFlag: false,
hasHistoryData: true,
historyTime: '',
hasForwardData: true,
};
},
created() {
this.hasSearchDate = this.$route.query.hasSearchDate;
this.lastMsgTime = this.$route.query.msgTimestamp;
this.doctorAccId = this.$route.query.doctorAccId;
this.userAvatar = this.$route.query.avatarImageUrl;
this.userName = this.$route.query.userName;
this.picakfAccId = getPicaKFAccid();
},
mounted() {
commonUtil.resizeHeight();
this.picakfAccId = getPicaKFAccid();
let _this = this;
this.$nextTick(() => {
_this.containerHeight = _this.getElmByID('slidebar-container').getBoundingClientRect().height - 15;
_this.getElmByID('screenSet').style.height = _this.containerHeight - 152 + "px";
console.log('=======scrollHeight========',document.querySelector(".scroll-box").scrollHeight)
});
this.getDeatailData(1);
// let el = document.querySelector(".scroll-box");
// if(this.hasSearchDate) {
// el.scrollTop = el.scrollHeight - 100;
// }
},
methods: {
// 获取元素
getElmByID(elmId) {
return document.getElementById(elmId);
},
// 获取详情数据以及下拉加载历史数据
getDeatailData(param) {
if(!this.hasForwardData) return;
let url = '/im/msg/forward';
let req = {
doctorAccId: this.doctorAccId,
......@@ -102,7 +124,26 @@ export default {
}
this.POST(url, req).then((res) => {
if(res.code == '000000') {
this.detailData = this.dataconcatHandle(res.data);
this.historyTime = res.data[0].timestamp;
if(param == 1) {
this.detailData = this.dataconcatHandle(res.data);
}else {
if(res.data.length > 0) {
this.hasForwardData = true;
this.lastMsgTime = res.data[res.data.length - 1].timestamp;
let arr = res.data;
this.detailData.push(...arr);
this.detailData = this.dataconcatHandle(this.detailData);
}else {
this.hasForwardData = false;
}
}
if(this.hasSearchDate) { // 查询条件不包含日期
this.$nextTick(() => {
var element = document.querySelector(".scroll-box");
element.scrollTop = element.scrollHeight;
});
}
}
})
},
......@@ -113,7 +154,7 @@ export default {
let req = {
doctorAccId: this.doctorAccId,
includeFlag: param,
lastMsgTimestamp: this.lastMsgTime,
lastMsgTimestamp: this.historyTime,
limit: 20,
patientAccId: this.picakfAccId,
unionId: ""
......@@ -121,10 +162,11 @@ export default {
this.POST(url, req).then((res) => {
if(res.code == '000000') {
if(res.data.length > 0) {
this.historyTime = res.data[0].timestamp;
this.hasHistoryData = true;
let arr = res.data
let arr = res.data;
this.detailData.unshift(...arr);
this.detailData = this.dataconcatHandle(this.detailData)
this.detailData = this.dataconcatHandle(this.detailData);
this.$nextTick(() => {
const scrollBoxDom = document.querySelector(".scroll-box");
scrollBoxDom.scrollTop = 1000;
......@@ -148,7 +190,6 @@ export default {
}
}
this.$set(element, index, 'sessionFlag');
console.log("=================",data)
if(element.type == 'CUSTOM') {
element.content = JSON.parse(element.content);
}
......@@ -174,8 +215,12 @@ export default {
<style lang="scss" scoped>
.search-msg-detail {
.detail-content {
margin: 80px 20px 0;
padding: 0 20px;
background: #fff;
.message-content {
overflow: scroll;
}
.split-line {
width: 100%;
display: flex;
......@@ -286,7 +331,7 @@ export default {
}
}
.msg-container.has-line {
border-bottom: 1px solid #F0F1F2;
border-top: 1px solid #F0F1F2;
}
}
}
......
src/views/IM/search-message/list.vue
浏览文件 @ f2564b85
......@@ -88,6 +88,7 @@ export default {
totalRows: 0,
tableData: [],
loading: false,
hasSearchDate: true // 查询条件不包含日期
};
},
computed: {},
......@@ -130,13 +131,15 @@ export default {
// 查看消息详情
edit(row) {
if(this.searchParam.chooseDate) this.hasSearchDate = false;
this.$router.push({
path: `/search-message-detail`,
query: {
msgTimestamp: row.msgTimestamp,
doctorAccId: row.accId,
userName: row.userName,
avatarImageUrl: row.avatarImageUrl
avatarImageUrl: row.avatarImageUrl,
hasSearchDate: this.hasSearchDate
}
});
},
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或