scout666/chat-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix bug#3958 补充群人数，群类型

Browse Source
This commit is contained in:
wwt 2025-03-14 11:15:39 +08:00
parent feee532366
commit 566bba5308
2 changed files with 69 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/pages/chooseChat/components/chatItem.vue
View File

@ -31,6 +31,15 @@
> >
<span>{{ props.data.name }}</span> <span>{{ props.data.name }}</span>
<span v-if="props.data.talk_type === 2">（{{ props.data.group_member_num }}）</span> <span v-if="props.data.talk_type === 2">（{{ props.data.group_member_num }}）</span>
<span v-if="props.data.group_type === 2" class="depTag tag">
部门
</span>
<span v-if="props.data.group_type === 3" class="projectTag tag">
项目
</span>
<span v-if="props.data.group_type === 4" class="companyTag tag">
公司
</span>
</div> </div>
</div> </div>
</div> </div>
@ -118,16 +127,31 @@ const cellClick = () => {
opacity: 40%; opacity: 40%;
} }
.companyTag { .tag{
width: 76rpx; display: inline-flex;
height: 38rpx; align-items: center;
border: 1px solid #7a58de;
font-size: 24rpx;
text-align: center; text-align: center;
// margin-left: 10rpx;
margin-top: 4rpx;
vertical-align: top;
height: 38rpx;
line-height: 38rpx;
padding: 0 10rpx;
font-size: 24rpx;
border-radius: 6rpx; border-radius: 6rpx;
color: #7a58de;
font-weight: bold; font-weight: bold;
margin-left: 12rpx; }
.companyTag {
border: 1px solid #7a58de;
color: #7a58de;
}
.depTag {
border: 1px solid #377ec6;
color: #377ec6;
}
.projectTag {
border: 1px solid #c1681c;
color: #c1681c;
} }
.textEllipsis { .textEllipsis {

40
src/pages/chooseChat/index.vue
View File

@ -58,6 +58,7 @@
okColor="#FFFFFF" okColor="#FFFFFF"
@ok="handleOk" @ok="handleOk"
@cancel="handleCancel" @cancel="handleCancel"
:okText="'发送'"
> >
<template v-slot:title> <template v-slot:title>
<div <div
@ -86,7 +87,7 @@
<div <div
class="mt-[8rpx] text-[#666666] text-[24rpx] w-[94rpx] truncate" class="mt-[8rpx] text-[#666666] text-[24rpx] w-[94rpx] truncate"
> >
{{ item.name }} <span>{{ item.name }}</span>
</div> </div>
</div> </div>
<div v-else class="w-full flex items-center justify-start"> <div v-else class="w-full flex items-center justify-start">
@ -98,6 +99,16 @@
></avatarModule> ></avatarModule>
<div class="ml-[16rpx] text-[#161616] text-[32rpx] font-bold"> <div class="ml-[16rpx] text-[#161616] text-[32rpx] font-bold">
{{ selectItemsModal[0].name }} {{ selectItemsModal[0].name }}
<span v-if="selectItemsModal[0].talk_type === 2">（{{ selectItemsModal[0].group_member_num }}）</span>
<span v-if="selectItemsModal[0].group_type === 2" class="depTag tag">
部门
</span>
<span v-if="selectItemsModal[0].group_type === 3" class="projectTag tag">
项目
</span>
<span v-if="selectItemsModal[0].group_type === 4" class="companyTag tag">
公司
</span>
</div> </div>
</div> </div>
</div> </div>
@ -241,7 +252,32 @@ onUnmounted(() => {
margin-top: 20rpx; margin-top: 20rpx;
background-color: #fff; background-color: #fff;
} }
.tag{
display: inline-flex;
align-items: center;
text-align: center;
// margin-left: 10rpx;
margin-top: 4rpx;
vertical-align: top;
height: 38rpx;
line-height: 38rpx;
padding: 0 10rpx;
font-size: 24rpx;
border-radius: 6rpx;
font-weight: bold;
}
.companyTag {
border: 1px solid #7a58de;
color: #7a58de;
}
.depTag {
border: 1px solid #377ec6;
color: #377ec6;
}
.projectTag {
border: 1px solid #c1681c;
color: #c1681c;
}
.btnBox { .btnBox {
::v-deep .custom-btn-class { ::v-deep .custom-btn-class {
padding: 6rpx 24rpx !important; padding: 6rpx 24rpx !important;