perf: 可见群组ID

This commit is contained in:
kuaifan 2025-03-01 12:06:03 +08:00
parent 3cafac99ff
commit cfd2e1fd7b
4 changed files with 27 additions and 13 deletions

View File

@ -5,6 +5,9 @@
<QuickEdit :value="dialogData.name" :disabled="dialogData.owner_id != userId" @on-update="updateName">{{dialogData.name}}</QuickEdit> <QuickEdit :value="dialogData.name" :disabled="dialogData.owner_id != userId" @on-update="updateName">{{dialogData.name}}</QuickEdit>
</div> </div>
<div class="group-info-title">{{$L('群组 ID')}}</div>
<div class="group-info-value">{{ dialogId }}</div>
<div class="group-info-title">{{$L('群类型')}}</div> <div class="group-info-title">{{$L('群类型')}}</div>
<div class="group-info-value">{{ $L(groupType) }}</div> <div class="group-info-value">{{ $L(groupType) }}</div>

View File

@ -210,6 +210,7 @@
<Option v-for="(option, index) in dialogList" :value="option.id" :label="option.name" :key="index"> <Option v-for="(option, index) in dialogList" :value="option.id" :label="option.name" :key="index">
<div class="team-department-add-dialog-group"> <div class="team-department-add-dialog-group">
<div class="dialog-name">{{option.name}}</div> <div class="dialog-name">{{option.name}}</div>
<div class="dialog-id">ID: {{option.id}}</div>
<UserAvatar :userid="option.owner_id" :size="20"/> <UserAvatar :userid="option.owner_id" :size="20"/>
</div> </div>
</Option> </Option>

View File

@ -6,6 +6,7 @@
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
overflow: auto;
.group-info-title { .group-info-title {
color: #b7b1b1; color: #b7b1b1;
@ -32,24 +33,15 @@
} }
.group-info-search { .group-info-search {
background: #fff;
margin: 24px 24px 0; margin: 24px 24px 0;
} position: sticky;
top: 0;
.group-info-button { z-index: 9;
display: flex;
align-items: center;
justify-content: center;
margin: 18px 24px;
cursor: pointer;
> button {
margin: 0 8px;
}
} }
.group-info-user { .group-info-user {
flex: 1; flex: 1;
overflow: auto;
margin-top: 12px; margin-top: 12px;
padding: 0 12px; padding: 0 12px;
@ -148,6 +140,18 @@
} }
} }
} }
.group-info-button {
display: flex;
align-items: center;
justify-content: center;
margin: 18px 24px;
cursor: pointer;
> button {
margin: 0 8px;
}
}
} }
body.window-portrait { body.window-portrait {

View File

@ -166,6 +166,12 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.dialog-id {
flex-shrink: 0;
padding-right: 6px;
opacity: 0.6;
font-size: 13px;
}
} }
.team-department-checkin-item { .team-department-checkin-item {