更改聊天列表

This commit is contained in:
zoujiandong
2023-12-05 11:47:38 +08:00
parent 2ef56ecff1
commit a7cac7201d
+39 -26
View File
@@ -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) {
}
});
}