@if (loading) {
@for (i of [1,2,3,4]; track i) {
}
} @else if (!group) { } @else {

{{ group.name }}

@if (group.healthStatus === 'critical') { } @if (!group.hasDocument) { }
@for (tab of tabs; track tab.key) { }
@if (activeTab === 'info') {

基本信息

群名称
{{ group.name }}
群 ID
{{ group.id }}
所属小区
{{ group.communityName }}
所属门店
{{ group.storeName }}
负责人
@if (group.ownerName && group.ownerName !== '—') { {{ group.ownerName }}（{{ group.ownerRole || '群主' }}） } @else { — }
创建时间
{{ group.createdAt | date:'yyyy-MM-dd' }}
活跃度
健康状态
成员数
{{ group.memberCount }} 人
群消息（累计）
{{ group.messageCountTotal }} 条
今日消息
{{ group.messageCountToday }} 条
文档登记
{{ group.hasDocument ? '已登记' : '未登记' }}
文档置顶
{{ group.documentPinned ? '是' : '否' }}
} @if (activeTab === 'messages') { @if (messagesLoading) {

加载消息中…

} @else if (messagesError) { } @else if (messages.length > 0) {

聊天记录 {{ chatMessagesTotal }} 条（展示 {{ messages.length }} 条） @if (messagesTotal > chatMessagesTotal) { ，另有 {{ messagesTotal - chatMessagesTotal }} 条系统/撤回通知 }

@if (messagesTotal > chatMessagesTotal) { }
@for (m of messageRows; track m.id) {
{{ m.senderLabel }} {{ m.msgTypeLabel }}
{{ m.timeLabel }}

{{ m.contentLabel }}

}
} @else if (messagesTotal > 0 && !showSystemMessages) {
} @else if (group.messageCountTotal > 0) { } @else { } } @if (activeTab === 'members') { @if (membersLoading) {

加载成员中…

} @else if (membersError) { } @else if (members.length > 0) {

共 {{ membersTotal }} 名成员

@for (m of memberRows; track m.id) {
{{ m.displayName }} @if (m.isOwner) { 群主 } @if (m.status === 'left') { 已退群 }

@if (m.showUserId) { ID: {{ m.userId }} } @else { 暂未获取到显示名 }

入群 {{ m.joinLabel }}
}
} @else { } } @if (activeTab === 'documents') { @if (documents.length > 0) { } @else { } } @if (activeTab === 'risk') { @if (riskEvents.length > 0) { } @else { } } }