kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

内部外部

Browse Source
This commit is contained in:
liuye
2023-06-14 17:40:08 +08:00
parent 9c0330561c
commit 0164aaa924
1 changed files with 28 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
project/pidu/app/AppSessionArchive/components/Detail.vue
View File

@@ -22,12 +22,14 @@
</div> </div>
<div class="addressBook-left__list--wrapper"> <div class="addressBook-left__list--wrapper">
<div class="addressBook-left__list--item" v-for="(item, index) in list" :key="index" :class="leftActiveIndex == index ? 'active' : ''" @click="leftClick(index)"> <div class="addressBook-left__list--item" v-for="(item, index) in list" :key="index" :class="leftActiveIndex == index ? 'active' : ''" @click="leftClick(index)">
<div v-if="tabIndex == 1"> <div v-if="tabIndex == 1" class="flex-left">
<img src="./img/group-img.png" alt="">{{item.roomName}} <img src="./img/group-img.png" alt="">{{item.roomName}}
</div> </div>
<div v-else> <div v-else>
<img :src="item.toUserAvatar" alt="">{{item.toUserName}} <img :src="item.toUserAvatar" alt="">{{item.toUserName}}
</div> </div>
<div class="flex-right" :class="`type`+item.roomType" v-if="tabIndex == 1 && item.roomType > 0">{{item.roomType == 1 ? '内部' : '外部'}}</div>
<div class="flex-right" :class="`type`+item.toUserType" v-if="tabIndex != 1 && item.toUserType > 0">{{item.toUserType == 1 ? '内部' : '外部'}}</div>
</div> </div>
<AiEmpty v-if="!list.length"></AiEmpty> <AiEmpty v-if="!list.length"></AiEmpty>
</div> </div>
@@ -221,7 +223,6 @@
this.getMsgList() this.getMsgList()
} }
} }
}, },
getListInit() { getListInit() {
this.isLoading = true this.isLoading = true
@@ -388,13 +389,18 @@
.addressBook-left__list--wrapper { .addressBook-left__list--wrapper {
height: calc(100% - 110px); height: calc(100% - 110px);
padding: 8px; padding: 8px;
width: 100%;
box-sizing: border-box;
overflow-y: scroll; overflow-y: scroll;
.addressBook-left__list--item { .addressBook-left__list--item {
width: 100%;
line-height: 44px; line-height: 44px;
font-size: 16px; font-size: 16px;
color: #333; color: #333;
margin-bottom: 8px; margin-bottom: 8px;
padding: 8px; padding: 8px;
display: flex;
justify-content: space-between;
cursor: pointer; cursor: pointer;
img { img {
width: 44px; width: 44px;
@@ -403,6 +409,26 @@
margin-right: 8px; margin-right: 8px;
vertical-align: middle; vertical-align: middle;
} }
.flex-left {
padding-right: 8px;
box-sizing: border-box;
}
.flex-right {
width: 50px;
text-align: center;
line-height: 24px;
height: 24px;
font-size: 12px;
margin-top: 8px;
}
.type1 {
background-color: #EAF4FF;
color: #267EF0;
}
.type2 {
background-color: #FDEEE1;
color: #FB7D29;
}
} }
.addressBook-left__list--item:hover { .addressBook-left__list--item:hover {
background-color: #E8EFFF; background-color: #E8EFFF;