IM
This commit is contained in:
parent
3316e1bfa0
commit
d6851d72f2
@ -16,6 +16,76 @@ $primary-color: #0877F1;
|
|||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 患者信息栏样式 */
|
||||||
|
.patient-info-bar {
|
||||||
|
position: relative;
|
||||||
|
background: #fff;
|
||||||
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
|
padding: 20rpx 32rpx;
|
||||||
|
z-index: 10;
|
||||||
|
flex-shrink: 0; /* 防止被压缩 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.patient-info-content {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.patient-basic-info {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 16rpx;
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0; /* 允许文字截断 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.patient-name {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #333;
|
||||||
|
font-weight: 600;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
max-width: 200rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.patient-detail {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999;
|
||||||
|
white-space: nowrap;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.patient-detail-btn {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4rpx;
|
||||||
|
padding: 12rpx 24rpx;
|
||||||
|
background: linear-gradient(270deg, #1b5cc8 2.26%, #0877f1 94.33%);
|
||||||
|
border-radius: 40rpx;
|
||||||
|
transition: all 0.2s;
|
||||||
|
flex-shrink: 0; /* 防止按钮被压缩 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.patient-detail-btn:active {
|
||||||
|
opacity: 0.8;
|
||||||
|
transform: scale(0.98);
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail-btn-text {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.arrow-icon {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
.chat-content {
|
.chat-content {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|||||||
317
pages/message/components/message-header.vue
Normal file
317
pages/message/components/message-header.vue
Normal file
@ -0,0 +1,317 @@
|
|||||||
|
<template>
|
||||||
|
<view class="header-container">
|
||||||
|
<view class="header-content">
|
||||||
|
<!-- 团队选择器 -->
|
||||||
|
<view class="team-selector" @click="showTeamPicker = true">
|
||||||
|
<text class="team-name">{{ currentTeamName }}</text>
|
||||||
|
<image class="arrow-icon" src="/static/zhuanhua.svg" mode="aspectFit" />
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 右侧操作按钮 -->
|
||||||
|
<view class="header-actions">
|
||||||
|
<view class="action-btn" @click="handleAddPatient">
|
||||||
|
<image
|
||||||
|
class="invite-icon"
|
||||||
|
src="/static/work/qrcode.svg"
|
||||||
|
mode="aspectFit"
|
||||||
|
/>
|
||||||
|
<text class="action-text">邀请患者</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 标签页切换 -->
|
||||||
|
<view class="tabs-container">
|
||||||
|
<view
|
||||||
|
class="tab-item"
|
||||||
|
:class="{ active: activeTab === 'processing' }"
|
||||||
|
@click="handleTabChange('processing')"
|
||||||
|
>
|
||||||
|
<text class="tab-text">处理中</text>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
class="tab-item"
|
||||||
|
:class="{ active: activeTab === 'finished' }"
|
||||||
|
@click="handleTabChange('finished')"
|
||||||
|
>
|
||||||
|
<text class="tab-text">已结束</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 团队选择弹窗 -->
|
||||||
|
<view
|
||||||
|
v-if="showTeamPicker"
|
||||||
|
class="team-picker-overlay"
|
||||||
|
@click="showTeamPicker = false"
|
||||||
|
>
|
||||||
|
<view class="team-picker-content" @click.stop>
|
||||||
|
<view class="team-picker-header">
|
||||||
|
<text class="picker-title">选择团队</text>
|
||||||
|
</view>
|
||||||
|
<scroll-view class="team-list" scroll-y>
|
||||||
|
<view
|
||||||
|
v-for="team in teamList"
|
||||||
|
:key="team.teamId"
|
||||||
|
class="team-item"
|
||||||
|
:class="{ active: currentTeamId === team.teamId }"
|
||||||
|
@click="selectTeam(team)"
|
||||||
|
>
|
||||||
|
<text class="team-item-name">{{ team.name }}</text>
|
||||||
|
<text v-if="currentTeamId === team.teamId" class="check-icon">✓</text>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, computed } from "vue";
|
||||||
|
import { storeToRefs } from "pinia";
|
||||||
|
import useTeamStore from "@/store/team.js";
|
||||||
|
|
||||||
|
// Props
|
||||||
|
const props = defineProps({
|
||||||
|
activeTab: {
|
||||||
|
type: String,
|
||||||
|
default: "processing",
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
// Emits
|
||||||
|
const emit = defineEmits(["update:activeTab", "teamChange", "addPatient"]);
|
||||||
|
|
||||||
|
// 获取团队信息
|
||||||
|
const teamStore = useTeamStore();
|
||||||
|
const { teams } = storeToRefs(teamStore);
|
||||||
|
|
||||||
|
// 团队相关状态
|
||||||
|
const showTeamPicker = ref(false);
|
||||||
|
const currentTeamId = ref(""); // 空字符串表示"全部会话消息"
|
||||||
|
|
||||||
|
// 团队列表(包含"全部会话消息"选项)
|
||||||
|
const teamList = computed(() => {
|
||||||
|
const allOption = { teamId: "", name: "全部会话消息" };
|
||||||
|
return [allOption, ...(teams.value || [])];
|
||||||
|
});
|
||||||
|
|
||||||
|
// 当前团队名称
|
||||||
|
const currentTeamName = computed(() => {
|
||||||
|
if (!currentTeamId.value) return "全部会话消息";
|
||||||
|
const team = teams.value.find((t) => t.teamId === currentTeamId.value);
|
||||||
|
return team ? team.name : "全部会话消息";
|
||||||
|
});
|
||||||
|
|
||||||
|
// 选择团队
|
||||||
|
const selectTeam = (team) => {
|
||||||
|
currentTeamId.value = team.teamId;
|
||||||
|
showTeamPicker.value = false;
|
||||||
|
console.log("切换到团队:", team.name);
|
||||||
|
emit("teamChange", team.teamId);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 切换标签页
|
||||||
|
const handleTabChange = (tab) => {
|
||||||
|
if (props.activeTab === tab) return;
|
||||||
|
emit("update:activeTab", tab);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 添加患者
|
||||||
|
const handleAddPatient = () => {
|
||||||
|
emit("addPatient");
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.header-container {
|
||||||
|
background-color: #fff;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-content {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 16rpx 32rpx;
|
||||||
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-selector {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
min-width: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-name {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #333;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.arrow-icon {
|
||||||
|
width: 24rpx;
|
||||||
|
height: 24rpx;
|
||||||
|
margin-left: 8rpx;
|
||||||
|
flex-shrink: 0;
|
||||||
|
opacity: 0.6;
|
||||||
|
filter: brightness(0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-actions {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 16rpx;
|
||||||
|
margin-left: 16rpx;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.action-btn {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 6rpx 12rpx;
|
||||||
|
// background-color: #f5f5f5;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.invite-icon {
|
||||||
|
width: 32rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
margin-bottom: 4rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.action-text {
|
||||||
|
font-size: 20rpx;
|
||||||
|
color: #666;
|
||||||
|
line-height: 1.4;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabs-container {
|
||||||
|
display: flex;
|
||||||
|
padding: 0 32rpx;
|
||||||
|
gap: 48rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-item {
|
||||||
|
position: relative;
|
||||||
|
padding: 20rpx 0;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
.tab-text {
|
||||||
|
color: #1890ff;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 48rpx;
|
||||||
|
height: 4rpx;
|
||||||
|
background-color: #1890ff;
|
||||||
|
border-radius: 2rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-text {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #666;
|
||||||
|
transition: color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-picker-overlay {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
z-index: 1000;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
justify-content: center;
|
||||||
|
padding-top: 200rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-picker-content {
|
||||||
|
width: 600rpx;
|
||||||
|
max-height: 800rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-picker-header {
|
||||||
|
padding: 32rpx;
|
||||||
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.picker-title {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-list {
|
||||||
|
flex: 1;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 32rpx;
|
||||||
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
background-color: #e6f7ff;
|
||||||
|
|
||||||
|
.team-item-name {
|
||||||
|
color: #1890ff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-item-name {
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #333;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.check-icon {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #1890ff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,5 +1,18 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="chat-page">
|
<view class="chat-page">
|
||||||
|
<!-- 患者信息栏 -->
|
||||||
|
<view class="patient-info-bar" v-if="patientInfo.name">
|
||||||
|
<view class="patient-info-content">
|
||||||
|
<view class="patient-basic-info">
|
||||||
|
<text class="patient-name">{{ patientInfo.name }}</text>
|
||||||
|
<text class="patient-detail">{{ patientInfo.sex }} · {{ patientInfo.age }}岁</text>
|
||||||
|
</view>
|
||||||
|
<view class="patient-detail-btn" @click="handleViewPatientDetail">
|
||||||
|
<text class="detail-btn-text">查看档案</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
<!-- 聊天消息区域 -->
|
<!-- 聊天消息区域 -->
|
||||||
<scroll-view
|
<scroll-view
|
||||||
class="chat-content"
|
class="chat-content"
|
||||||
@ -127,7 +140,11 @@
|
|||||||
|
|
||||||
<!-- AI助手按钮组 -->
|
<!-- AI助手按钮组 -->
|
||||||
<AIAssistantButtons
|
<AIAssistantButtons
|
||||||
v-if="!isEvaluationPopupOpen && !showConsultAccept && orderStatus === 'processing'"
|
v-if="
|
||||||
|
!isEvaluationPopupOpen &&
|
||||||
|
!showConsultAccept &&
|
||||||
|
orderStatus === 'processing'
|
||||||
|
"
|
||||||
:groupId="groupId"
|
:groupId="groupId"
|
||||||
:patientAccountId="chatInfo.userID || ''"
|
:patientAccountId="chatInfo.userID || ''"
|
||||||
:corpId="corpId"
|
:corpId="corpId"
|
||||||
@ -204,9 +221,9 @@ const groupId = ref("");
|
|||||||
const { chatMember, getGroupInfo } = useGroupChat(groupId);
|
const { chatMember, getGroupInfo } = useGroupChat(groupId);
|
||||||
|
|
||||||
// 动态设置导航栏标题
|
// 动态设置导航栏标题
|
||||||
const updateNavigationTitle = () => {
|
const updateNavigationTitle = (title = "群聊") => {
|
||||||
uni.setNavigationBarTitle({
|
uni.setNavigationBarTitle({
|
||||||
title: "群聊",
|
title: title,
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -222,6 +239,14 @@ const isEvaluationPopupOpen = ref(false);
|
|||||||
// 订单状态
|
// 订单状态
|
||||||
const orderStatus = ref("");
|
const orderStatus = ref("");
|
||||||
|
|
||||||
|
// 患者信息
|
||||||
|
const patientInfo = ref({
|
||||||
|
name: "",
|
||||||
|
sex: "",
|
||||||
|
age: "",
|
||||||
|
mobile: "",
|
||||||
|
});
|
||||||
|
|
||||||
// 计算弹框显示状态 - 只有 pending 状态才显示接受问诊组件
|
// 计算弹框显示状态 - 只有 pending 状态才显示接受问诊组件
|
||||||
const showConsultAccept = computed(() => orderStatus.value === "pending");
|
const showConsultAccept = computed(() => orderStatus.value === "pending");
|
||||||
|
|
||||||
@ -281,8 +306,25 @@ const fetchGroupOrderStatus = async () => {
|
|||||||
|
|
||||||
if (result.success && result.data) {
|
if (result.success && result.data) {
|
||||||
orderStatus.value = result.data.orderStatus || "";
|
orderStatus.value = result.data.orderStatus || "";
|
||||||
|
|
||||||
|
// 更新导航栏标题为团队名称
|
||||||
|
const teamName = result.data.team?.name || "群聊";
|
||||||
|
updateNavigationTitle(teamName);
|
||||||
|
|
||||||
|
// 更新患者信息
|
||||||
|
if (result.data.patient) {
|
||||||
|
patientInfo.value = {
|
||||||
|
name: result.data.patient.name || "",
|
||||||
|
sex: result.data.patient.sex || "",
|
||||||
|
age: result.data.patient.age || "",
|
||||||
|
mobile: result.data.patient.mobile || "",
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
console.log("获取群组订单状态:", {
|
console.log("获取群组订单状态:", {
|
||||||
orderStatus: orderStatus.value,
|
orderStatus: orderStatus.value,
|
||||||
|
teamName: teamName,
|
||||||
|
patientInfo: patientInfo.value,
|
||||||
groupId: groupId.value,
|
groupId: groupId.value,
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
@ -401,7 +443,11 @@ const initTIMCallbacks = async () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
// 立即标记会话为已读,确保未读数为0
|
// 立即标记会话为已读,确保未读数为0
|
||||||
if (timChatManager.tim && timChatManager.isLoggedIn && chatInfo.value.conversationID) {
|
if (
|
||||||
|
timChatManager.tim &&
|
||||||
|
timChatManager.isLoggedIn &&
|
||||||
|
chatInfo.value.conversationID
|
||||||
|
) {
|
||||||
timChatManager.tim
|
timChatManager.tim
|
||||||
.setMessageRead({
|
.setMessageRead({
|
||||||
conversationID: chatInfo.value.conversationID,
|
conversationID: chatInfo.value.conversationID,
|
||||||
@ -409,9 +455,9 @@ const initTIMCallbacks = async () => {
|
|||||||
.then(() => {
|
.then(() => {
|
||||||
console.log("✓ 收到新消息后已标记为已读");
|
console.log("✓ 收到新消息后已标记为已读");
|
||||||
// 触发会话列表更新,确保未读数为0
|
// 触发会话列表更新,确保未读数为0
|
||||||
timChatManager.triggerCallback('onConversationListUpdated', {
|
timChatManager.triggerCallback("onConversationListUpdated", {
|
||||||
conversationID: chatInfo.value.conversationID,
|
conversationID: chatInfo.value.conversationID,
|
||||||
unreadCount: 0
|
unreadCount: 0,
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
.catch((error) => {
|
.catch((error) => {
|
||||||
@ -570,9 +616,9 @@ const loadMessageList = async () => {
|
|||||||
.then(() => {
|
.then(() => {
|
||||||
console.log("✓ 会话已标记为已读:", chatInfo.value.conversationID);
|
console.log("✓ 会话已标记为已读:", chatInfo.value.conversationID);
|
||||||
// 触发会话列表更新回调,通知消息列表页面清空未读数
|
// 触发会话列表更新回调,通知消息列表页面清空未读数
|
||||||
timChatManager.triggerCallback('onConversationListUpdated', {
|
timChatManager.triggerCallback("onConversationListUpdated", {
|
||||||
conversationID: chatInfo.value.conversationID,
|
conversationID: chatInfo.value.conversationID,
|
||||||
unreadCount: 0
|
unreadCount: 0,
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
.catch((error) => {
|
.catch((error) => {
|
||||||
@ -851,6 +897,15 @@ const handleRejectReasonConfirm = async (reason) => {
|
|||||||
const handleRejectReasonCancel = () => {
|
const handleRejectReasonCancel = () => {
|
||||||
showRejectReasonModal.value = false;
|
showRejectReasonModal.value = false;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// 处理查看患者详情
|
||||||
|
const handleViewPatientDetail = () => {
|
||||||
|
// TODO: 跳转到患者详情页面
|
||||||
|
uni.showToast({
|
||||||
|
title: "患者详情功能开发中",
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
};
|
||||||
// 处理结束问诊
|
// 处理结束问诊
|
||||||
const handleEndConsult = async () => {
|
const handleEndConsult = async () => {
|
||||||
try {
|
try {
|
||||||
|
|||||||
@ -1,53 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="message-page">
|
<view class="message-page">
|
||||||
<!-- 团队切换头部 -->
|
<!-- 头部组件 -->
|
||||||
<view class="header-container">
|
<message-header
|
||||||
<view class="team-selector" @click="showTeamPicker = true">
|
v-model:activeTab="activeTab"
|
||||||
<text class="team-name">{{ currentTeamName }}</text>
|
@team-change="handleTeamChange"
|
||||||
<text class="arrow-icon">▼</text>
|
@add-patient="handleAddPatient"
|
||||||
</view>
|
/>
|
||||||
</view>
|
|
||||||
|
|
||||||
<!-- 标签页切换 -->
|
|
||||||
<view class="tabs-container">
|
|
||||||
<view
|
|
||||||
class="tab-item"
|
|
||||||
:class="{ active: activeTab === 'processing' }"
|
|
||||||
@click="switchTab('processing')"
|
|
||||||
>
|
|
||||||
<text class="tab-text">处理中</text>
|
|
||||||
<view v-if="activeTab === 'processing'" class="tab-indicator"></view>
|
|
||||||
</view>
|
|
||||||
<view
|
|
||||||
class="tab-item"
|
|
||||||
:class="{ active: activeTab === 'finished' }"
|
|
||||||
@click="switchTab('finished')"
|
|
||||||
>
|
|
||||||
<text class="tab-text">已结束</text>
|
|
||||||
<view v-if="activeTab === 'finished'" class="tab-indicator"></view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<!-- 团队选择弹窗 -->
|
|
||||||
<view v-if="showTeamPicker" class="team-picker-overlay" @click="showTeamPicker = false">
|
|
||||||
<view class="team-picker-content" @click.stop>
|
|
||||||
<view class="team-picker-header">
|
|
||||||
<text class="picker-title">选择团队</text>
|
|
||||||
</view>
|
|
||||||
<scroll-view class="team-list" scroll-y>
|
|
||||||
<view
|
|
||||||
v-for="team in teamList"
|
|
||||||
:key="team._id"
|
|
||||||
class="team-item"
|
|
||||||
:class="{ active: currentTeamId === team._id }"
|
|
||||||
@click="selectTeam(team)"
|
|
||||||
>
|
|
||||||
<text class="team-item-name">{{ team.name }}</text>
|
|
||||||
<text v-if="currentTeamId === team._id" class="check-icon">✓</text>
|
|
||||||
</view>
|
|
||||||
</scroll-view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<!-- 消息列表 -->
|
<!-- 消息列表 -->
|
||||||
<scroll-view
|
<scroll-view
|
||||||
@ -131,8 +89,10 @@ import { onLoad, onShow, onHide } from "@dcloudio/uni-app";
|
|||||||
import { storeToRefs } from "pinia";
|
import { storeToRefs } from "pinia";
|
||||||
import useAccountStore from "@/store/account.js";
|
import useAccountStore from "@/store/account.js";
|
||||||
import useTeamStore from "@/store/team.js";
|
import useTeamStore from "@/store/team.js";
|
||||||
|
import useInfoCheck from "@/hooks/useInfoCheck.js";
|
||||||
import { globalTimChatManager } from "@/utils/tim-chat.js";
|
import { globalTimChatManager } from "@/utils/tim-chat.js";
|
||||||
import { mergeConversationWithGroupDetails } from "@/utils/conversation-merger.js";
|
import { mergeConversationWithGroupDetails } from "@/utils/conversation-merger.js";
|
||||||
|
import MessageHeader from "./components/message-header.vue";
|
||||||
|
|
||||||
// 获取登录状态
|
// 获取登录状态
|
||||||
const { account, openid, isIMInitialized } = storeToRefs(useAccountStore());
|
const { account, openid, isIMInitialized } = storeToRefs(useAccountStore());
|
||||||
@ -140,22 +100,13 @@ const { initIMAfterLogin } = useAccountStore();
|
|||||||
|
|
||||||
// 获取团队信息
|
// 获取团队信息
|
||||||
const teamStore = useTeamStore();
|
const teamStore = useTeamStore();
|
||||||
const { teams } = storeToRefs(teamStore);
|
|
||||||
const { getTeams } = teamStore;
|
const { getTeams } = teamStore;
|
||||||
|
|
||||||
|
// 信息完善检查
|
||||||
|
const { withInfo } = useInfoCheck();
|
||||||
|
|
||||||
// 团队相关状态
|
// 团队相关状态
|
||||||
const showTeamPicker = ref(false);
|
|
||||||
const currentTeamId = ref(""); // 空字符串表示"全部会话消息"
|
const currentTeamId = ref(""); // 空字符串表示"全部会话消息"
|
||||||
const teamList = computed(() => {
|
|
||||||
// 在团队列表前添加"全部会话消息"选项
|
|
||||||
const allOption = { _id: "", name: "全部会话消息" };
|
|
||||||
return [allOption, ...(teams.value || [])];
|
|
||||||
});
|
|
||||||
const currentTeamName = computed(() => {
|
|
||||||
if (!currentTeamId.value) return "全部会话消息";
|
|
||||||
const team = teams.value.find((t) => t._id === currentTeamId.value);
|
|
||||||
return team ? team.name : "全部会话消息";
|
|
||||||
});
|
|
||||||
|
|
||||||
// 监听 IM 初始化状态
|
// 监听 IM 初始化状态
|
||||||
watch(isIMInitialized, (newValue) => {
|
watch(isIMInitialized, (newValue) => {
|
||||||
@ -177,7 +128,7 @@ const activeTab = ref("processing");
|
|||||||
// 根据 orderStatus 过滤会话列表
|
// 根据 orderStatus 过滤会话列表
|
||||||
const filteredConversationList = computed(() => {
|
const filteredConversationList = computed(() => {
|
||||||
let filtered = [];
|
let filtered = [];
|
||||||
|
|
||||||
if (activeTab.value === "processing") {
|
if (activeTab.value === "processing") {
|
||||||
// 处理中:pending(待处理) 和 processing(处理中)
|
// 处理中:pending(待处理) 和 processing(处理中)
|
||||||
filtered = conversationList.value.filter(
|
filtered = conversationList.value.filter(
|
||||||
@ -198,23 +149,21 @@ const filteredConversationList = computed(() => {
|
|||||||
if (currentTeamId.value) {
|
if (currentTeamId.value) {
|
||||||
filtered = filtered.filter((conv) => conv.teamId === currentTeamId.value);
|
filtered = filtered.filter((conv) => conv.teamId === currentTeamId.value);
|
||||||
}
|
}
|
||||||
|
|
||||||
return filtered;
|
return filtered;
|
||||||
});
|
});
|
||||||
|
|
||||||
// 选择团队
|
// 处理团队切换
|
||||||
const selectTeam = (team) => {
|
const handleTeamChange = (teamId) => {
|
||||||
currentTeamId.value = team._id;
|
currentTeamId.value = teamId;
|
||||||
showTeamPicker.value = false;
|
console.log("切换到团队ID:", teamId);
|
||||||
console.log("切换到团队:", team.name);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// 切换标签页
|
// 邀请患者 - 使用 withInfo 包装,确保信息完善后才能使用
|
||||||
const switchTab = (tab) => {
|
const handleAddPatient = withInfo(() => {
|
||||||
if (activeTab.value === tab) return;
|
uni.navigateTo({
|
||||||
activeTab.value = tab;
|
url: "/pages/work/team/invite/invite-patient",
|
||||||
console.log("切换到标签页:", tab);
|
});
|
||||||
};
|
});
|
||||||
|
|
||||||
// 初始化IM
|
// 初始化IM
|
||||||
const initIM = async () => {
|
const initIM = async () => {
|
||||||
@ -381,7 +330,10 @@ const setupConversationListener = () => {
|
|||||||
// 保持原有头像,避免闪动
|
// 保持原有头像,避免闪动
|
||||||
avatar: existing.avatar || conversationData.avatar,
|
avatar: existing.avatar || conversationData.avatar,
|
||||||
// 保留较大的未读数(避免被后端数据覆盖)
|
// 保留较大的未读数(避免被后端数据覆盖)
|
||||||
unreadCount: Math.max(existing.unreadCount || 0, conversationData.unreadCount || 0)
|
unreadCount: Math.max(
|
||||||
|
existing.unreadCount || 0,
|
||||||
|
conversationData.unreadCount || 0
|
||||||
|
),
|
||||||
};
|
};
|
||||||
needSort = true;
|
needSort = true;
|
||||||
console.log(
|
console.log(
|
||||||
@ -421,11 +373,11 @@ const setupConversationListener = () => {
|
|||||||
// 检查当前页面栈,判断用户是否正在查看该会话的聊天详情页
|
// 检查当前页面栈,判断用户是否正在查看该会话的聊天详情页
|
||||||
const pages = getCurrentPages();
|
const pages = getCurrentPages();
|
||||||
const currentPage = pages[pages.length - 1];
|
const currentPage = pages[pages.length - 1];
|
||||||
|
|
||||||
// 获取当前页面的 groupID 参数(如果在聊天详情页)
|
// 获取当前页面的 groupID 参数(如果在聊天详情页)
|
||||||
const currentGroupID = currentPage?.options?.groupID;
|
const currentGroupID = currentPage?.options?.groupID;
|
||||||
const isViewingThisConversation =
|
const isViewingThisConversation =
|
||||||
currentPage?.route === "pages/message/index" &&
|
currentPage?.route === "pages/message/index" &&
|
||||||
currentGroupID === conversation.groupID;
|
currentGroupID === conversation.groupID;
|
||||||
|
|
||||||
// 如果用户正在查看这个具体的会话,不增加未读数
|
// 如果用户正在查看这个具体的会话,不增加未读数
|
||||||
@ -562,7 +514,7 @@ onShow(async () => {
|
|||||||
try {
|
try {
|
||||||
// 加载团队列表
|
// 加载团队列表
|
||||||
await getTeams();
|
await getTeams();
|
||||||
|
|
||||||
// 初始化IM
|
// 初始化IM
|
||||||
const imReady = await initIM();
|
const imReady = await initIM();
|
||||||
if (!imReady) {
|
if (!imReady) {
|
||||||
@ -606,151 +558,6 @@ onHide(() => {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-container {
|
|
||||||
background-color: #fff;
|
|
||||||
padding: 20rpx 32rpx;
|
|
||||||
border-bottom: 1rpx solid #f0f0f0;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.team-selector {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
&:active {
|
|
||||||
opacity: 0.7;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.team-name {
|
|
||||||
font-size: 36rpx;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #333;
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.arrow-icon {
|
|
||||||
font-size: 20rpx;
|
|
||||||
color: #999;
|
|
||||||
margin-left: 12rpx;
|
|
||||||
transform: scale(0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
.team-picker-overlay {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
background-color: rgba(0, 0, 0, 0.5);
|
|
||||||
z-index: 1000;
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-start;
|
|
||||||
justify-content: center;
|
|
||||||
padding-top: 200rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.team-picker-content {
|
|
||||||
width: 600rpx;
|
|
||||||
max-height: 800rpx;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 16rpx;
|
|
||||||
overflow: hidden;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.team-picker-header {
|
|
||||||
padding: 32rpx;
|
|
||||||
border-bottom: 1rpx solid #f0f0f0;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.picker-title {
|
|
||||||
font-size: 36rpx;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.team-list {
|
|
||||||
flex: 1;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.team-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 32rpx;
|
|
||||||
border-bottom: 1rpx solid #f0f0f0;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
&:active {
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
background-color: #e6f7ff;
|
|
||||||
|
|
||||||
.team-item-name {
|
|
||||||
color: #1890ff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.team-item-name {
|
|
||||||
font-size: 32rpx;
|
|
||||||
color: #333;
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.check-icon {
|
|
||||||
font-size: 36rpx;
|
|
||||||
color: #1890ff;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabs-container {
|
|
||||||
display: flex;
|
|
||||||
background-color: #fff;
|
|
||||||
border-bottom: 1rpx solid #f0f0f0;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-item {
|
|
||||||
flex: 1;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 28rpx 0;
|
|
||||||
position: relative;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
.tab-text {
|
|
||||||
color: #1890ff;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-text {
|
|
||||||
font-size: 32rpx;
|
|
||||||
color: #666;
|
|
||||||
transition: color 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-indicator {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
width: 60rpx;
|
|
||||||
height: 6rpx;
|
|
||||||
background-color: #1890ff;
|
|
||||||
border-radius: 3rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.message-list {
|
.message-list {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
@ -784,7 +591,7 @@ onHide(() => {
|
|||||||
.message-item {
|
.message-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 10rpx 32rpx;
|
padding: 24rpx 32rpx;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-bottom: 1rpx solid #f0f0f0;
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
|
|
||||||
@ -796,6 +603,7 @@ onHide(() => {
|
|||||||
.avatar-container {
|
.avatar-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-right: 24rpx;
|
margin-right: 24rpx;
|
||||||
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
@ -839,14 +647,28 @@ onHide(() => {
|
|||||||
margin-bottom: 8rpx;
|
margin-bottom: 8rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.name-info {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
font-size: 32rpx;
|
font-size: 30rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #333;
|
color: #333;
|
||||||
flex: 1;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
flex-shrink: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.patient-info {
|
||||||
|
font-size: 26rpx;
|
||||||
|
padding-left: 12rpx;
|
||||||
|
color: #999;
|
||||||
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.time {
|
.time {
|
||||||
@ -862,7 +684,7 @@ onHide(() => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.preview-text {
|
.preview-text {
|
||||||
font-size: 28rpx;
|
font-size: 26rpx;
|
||||||
color: #999;
|
color: #999;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
@ -878,10 +700,4 @@ onHide(() => {
|
|||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.patient-info {
|
|
||||||
font-size: 28rpx;
|
|
||||||
padding-left: 10rpx;
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
1
static/zhuanhua.svg
Normal file
1
static/zhuanhua.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="174.60px" viewBox="0 0 1173 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M1166.247916 358.382794a40.871232 40.871232 0 0 1-50.713886 13.785174H40.952129a40.9258 40.9258 0 0 1 0-81.8516h958.345809l-302.775887-215.747174a40.9258 40.9258 0 1 1 46.614486-67.282014l399.026546 284.366098A40.843948 40.843948 0 0 1 1173.232586 331.242168v0.361511a40.612035 40.612035 0 0 1-6.98467 26.779115zM40.952129 645.006632h1091.354658a40.9258 40.9258 0 0 1 0 81.851599H168.306396l312.332061 222.568141a40.9258 40.9258 0 0 1-46.614485 67.282015L21.246356 722.561023a39.561606 39.561606 0 0 1-3.124003-2.666998A40.9258 40.9258 0 0 1 40.952129 645.006632z" /></svg>
|
||||||
|
After Width: | Height: | Size: 840 B |
@ -60,19 +60,19 @@ export async function mergeConversationWithGroupDetails(conversationList, option
|
|||||||
const formattedList = mergedList
|
const formattedList = mergedList
|
||||||
.map((group) => ({
|
.map((group) => ({
|
||||||
conversationID: group.conversationID || `GROUP${group.groupID}`,
|
conversationID: group.conversationID || `GROUP${group.groupID}`,
|
||||||
groupID: group.groupID,
|
|
||||||
name: group.patientName
|
|
||||||
? `${group.patientName}的问诊`
|
|
||||||
: group.name || "问诊群聊",
|
|
||||||
avatar: group.avatar || "/static/default-avatar.png",
|
avatar: group.avatar || "/static/default-avatar.png",
|
||||||
lastMessage: group.lastMessage || "暂无消息",
|
lastMessage: group.lastMessage || "暂无消息",
|
||||||
lastMessageTime: group.lastMessageTime || Date.now(),
|
lastMessageTime: group.lastMessageTime || Date.now(),
|
||||||
|
groupID: group.groupID,
|
||||||
unreadCount: group.unreadCount || 0,
|
unreadCount: group.unreadCount || 0,
|
||||||
doctorId: group.doctorId,
|
doctorId: group.doctorId,
|
||||||
patientName: group.patientName,
|
patientName: group.patientName,
|
||||||
patientSex: group.patientSex,
|
patientSex: group.patientSex,
|
||||||
patientAge: group.patientAge,
|
patientAge: group.patientAge,
|
||||||
orderStatus: group.orderStatus,
|
orderStatus: group.orderStatus,
|
||||||
|
teamId: group.teamId,
|
||||||
|
teamName: group.teamName,
|
||||||
|
teamMemberList: group.teamMemberList,
|
||||||
}))
|
}))
|
||||||
.sort((a, b) => b.lastMessageTime - a.lastMessageTime)
|
.sort((a, b) => b.lastMessageTime - a.lastMessageTime)
|
||||||
|
|
||||||
@ -123,9 +123,6 @@ function mergeConversationData(conversation, groupDetailsMap) {
|
|||||||
return {
|
return {
|
||||||
// 保留原有的会话信息
|
// 保留原有的会话信息
|
||||||
...conversation,
|
...conversation,
|
||||||
|
|
||||||
// 合并后端的群组信息
|
|
||||||
_id: groupDetail._id,
|
|
||||||
corpId: groupDetail.corpId,
|
corpId: groupDetail.corpId,
|
||||||
teamId: groupDetail.teamId,
|
teamId: groupDetail.teamId,
|
||||||
customerId: groupDetail.customerId,
|
customerId: groupDetail.customerId,
|
||||||
@ -144,7 +141,7 @@ function mergeConversationData(conversation, groupDetailsMap) {
|
|||||||
teamName: groupDetail.team?.name,
|
teamName: groupDetail.team?.name,
|
||||||
teamMemberList: groupDetail.team?.memberList,
|
teamMemberList: groupDetail.team?.memberList,
|
||||||
teamDescription: groupDetail.team?.description,
|
teamDescription: groupDetail.team?.description,
|
||||||
|
teamId: groupDetail.teamId,
|
||||||
// 时间信息
|
// 时间信息
|
||||||
createdAt: groupDetail.createdAt,
|
createdAt: groupDetail.createdAt,
|
||||||
updatedAt: groupDetail.updatedAt,
|
updatedAt: groupDetail.updatedAt,
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user