更改聊天列表
This commit is contained in:
parent
2ef56ecff1
commit
a7cac7201d
@ -34,28 +34,28 @@
|
||||
alt=""
|
||||
/>
|
||||
</a-avatar>
|
||||
<div class="msgcon" :class="item.message_type=='TIMCustomElem'?'tipcon':''"
|
||||
:style="(item.message_type=='TIMCustomElem'&& JSON.parse(JSON.parse(item.message_content).Data)
|
||||
<div class="msgcon" :class="item.message_type=='TIMCustomElem'?'tipcon':''"
|
||||
:style="(item.message_type=='TIMCustomElem'&& JSON.parse(item.message_content) instanceof Object && JSON.parse(JSON.parse(item.message_content).Data)
|
||||
.message_type == 7)?'margin:6px;':''">
|
||||
<div class="msgtext" v-if="item.message_type == 'TIMTextElem'">
|
||||
{{ JSON.parse(item.message_content).Text }}
|
||||
<div class="msgtext" v-if="item.message_type == 'TIMTextElem' &&JSON.parse(item.message_content) instanceof Object">
|
||||
{{ JSON.parse(item.message_content).Text }}
|
||||
</div>
|
||||
<div class="msgtext" v-if="item.message_type == 'TIMImageElem'">
|
||||
<div class="msgtext" v-else-if="item.message_type == 'TIMImageElem'">
|
||||
|
||||
<a-image width="200" :src="(JSON.parse(item.message_content).ImageInfoArray)[0].URL" :preview-props="{
|
||||
<a-image width="200" :src="JSON.parse(item.message_content) instanceof Object?(JSON.parse(item.message_content).ImageInfoArray)[0].URL:''" :preview-props="{
|
||||
actionsLayout: ['rotateRight', 'zoomIn', 'zoomOut'],
|
||||
}" />
|
||||
</div>
|
||||
}" />
|
||||
</div>
|
||||
<div
|
||||
class="msgtext"
|
||||
v-else-if="item.message_type == 'TIMCustomElem'"
|
||||
v-else-if="item.message_type == 'TIMCustomElem' && JSON.parse(item.message_content) instanceof Object"
|
||||
:class="JSON.parse(JSON.parse(item.message_content).Data)
|
||||
.message_type == 7?'otherColor':''"
|
||||
>
|
||||
<div
|
||||
<div
|
||||
v-if="
|
||||
JSON.parse(JSON.parse(item.message_content).Data)
|
||||
.message_type == 1
|
||||
.message_type == 1 && JSON.parse(item.message_content) instanceof Object
|
||||
"
|
||||
class="text"
|
||||
>
|
||||
@ -65,7 +65,7 @@
|
||||
<div
|
||||
v-else-if="
|
||||
JSON.parse(JSON.parse(item.message_content).Data)
|
||||
.message_type == 2
|
||||
.message_type == 2 && JSON.parse(item.message_content) instanceof Object
|
||||
"
|
||||
class="text"
|
||||
>
|
||||
@ -74,7 +74,7 @@
|
||||
<div
|
||||
v-else-if="
|
||||
JSON.parse(JSON.parse(item.message_content).Data)
|
||||
.message_type == 3
|
||||
.message_type == 3 && JSON.parse(item.message_content) instanceof Object
|
||||
"
|
||||
class="text"
|
||||
>
|
||||
@ -83,7 +83,7 @@
|
||||
<div
|
||||
v-else-if="
|
||||
JSON.parse(JSON.parse(item.message_content).Data)
|
||||
.message_type == 4
|
||||
.message_type == 4 && JSON.parse(item.message_content) instanceof Object
|
||||
"
|
||||
class="text"
|
||||
>
|
||||
@ -92,7 +92,7 @@
|
||||
<div
|
||||
v-else-if="
|
||||
JSON.parse(JSON.parse(item.message_content).Data)
|
||||
.message_type == 5
|
||||
.message_type == 5 && JSON.parse(item.message_content) instanceof Object
|
||||
"
|
||||
class="text"
|
||||
>
|
||||
@ -101,7 +101,7 @@
|
||||
<div
|
||||
v-else-if="
|
||||
JSON.parse(JSON.parse(item.message_content).Data)
|
||||
.message_type == 6
|
||||
.message_type == 6 && JSON.parse(item.message_content) instanceof Object
|
||||
"
|
||||
class="text"
|
||||
>
|
||||
@ -110,7 +110,7 @@
|
||||
<div
|
||||
v-else-if="
|
||||
JSON.parse(JSON.parse(item.message_content).Data)
|
||||
.message_type == 7
|
||||
.message_type == 7 && JSON.parse(item.message_content) instanceof Object
|
||||
"
|
||||
class="text"
|
||||
>
|
||||
@ -134,16 +134,16 @@
|
||||
<div
|
||||
v-else-if="
|
||||
JSON.parse(JSON.parse(item.message_content).Data)
|
||||
.message_type == 10
|
||||
.message_type == 10 && JSON.parse(item.message_content) instanceof Object
|
||||
"
|
||||
class="text"
|
||||
>
|
||||
系统推送糖组检测报告
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-else-if="
|
||||
JSON.parse(JSON.parse(item.message_content).Data)
|
||||
.message_type == 11
|
||||
.message_type == 11 && JSON.parse(item.message_content) instanceof Object
|
||||
"
|
||||
class="text"
|
||||
>
|
||||
@ -152,15 +152,16 @@
|
||||
<div
|
||||
v-else-if="
|
||||
JSON.parse(JSON.parse(item.message_content).Data)
|
||||
.message_type == 11
|
||||
.message_type == 11 && JSON.parse(item.message_content) instanceof Object
|
||||
"
|
||||
class="text"
|
||||
>
|
||||
系统推送患者信息
|
||||
</div>
|
||||
</div>
|
||||
<div class="date" v-if="item.message_type != 'TIMCustomElem'">{{ parseTime(item.message_send_time) }}</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="date" v-if="item.message_type != 'TIMCustomElem'">{{ parseTime(item.message_send_time) }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="phonecont" v-else>
|
||||
@ -177,11 +178,15 @@ const props = defineProps({
|
||||
default:'',
|
||||
},
|
||||
user_doctor:{
|
||||
type:Object
|
||||
type:Object,
|
||||
default:{
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
const {user_doctor}=toRefs(props);
|
||||
console.log(user_doctor.value)
|
||||
const firstIn=ref(false);
|
||||
const pager = reactive({
|
||||
page: 1,
|
||||
@ -191,6 +196,7 @@ const chatlist = ref([]);
|
||||
const showMore = ref(true);
|
||||
const HandleGetIm = async (params = {}) => {
|
||||
const { code, data } = await getIm(params);
|
||||
console.log(data)
|
||||
if (code == 200) {
|
||||
|
||||
if ( data.data.length < 10) {
|
||||
@ -198,12 +204,19 @@ const HandleGetIm = async (params = {}) => {
|
||||
}else{
|
||||
showMore.value = true;
|
||||
}
|
||||
|
||||
chatlist.value = data.data.reverse().concat(chatlist.value);
|
||||
console.log(chatlist.value)
|
||||
if(!firstIn.value){
|
||||
nextTick(() => {
|
||||
// 要放在对响应式数据修改之后
|
||||
try {
|
||||
// 要放在对响应式数据修改之后
|
||||
let ele = document.querySelector('.phonecont');
|
||||
ele.scrollTop = ele.scrollHeight;
|
||||
} catch (error) {
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user