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

{{ group.name }}

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

基本信息

群名称
{{ group.name }}
群 ID
{{ group.id }}
所属小区
{{ group.communityName }}
所属门店
{{ group.storeName }}
生命周期
@if (canEdit) { }
负责人
{{ group.ownerName || '—' }}
创建时间
{{ group.createdAt | date:'yyyy-MM-dd' }}
活跃度
健康状态
成员数
{{ group.memberCount }} 人
群消息(累计)
{{ group.messageCountTotal }} 条
今日消息
{{ group.messageCountToday }} 条(文本)
} @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 }}

}
@if (messagesHasMore) {
} } @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 }} 名成员,当前展示 {{ memberRows.length }} 名

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

ID: {{ m.userId }}

入群 {{ m.joinLabel }}
}
} @else { } } @if (activeTab === 'documents') { @if (documents.length > 0) { } @else { } } @if (activeTab === 'risk') { @if (riskEventsLoading) {
加载中...
} @else if (riskEventsError) { } @else if (riskEvents.length > 0) { } @else { } } }
@if (showEditDialog && group) {

编辑生命周期

群聊:{{ group.name }}

}