gitee/dootask
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

no msg

Browse Source
This commit is contained in:
kuaifan 2022-01-06 17:17:23 +08:00
parent 46f95e5e13
commit 0236897d1f
2 changed files with 19 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
resources/assets/js/pages/manage/components/ProjectList.vue
View File

@ -16,17 +16,16 @@
</UserAvatar> </UserAvatar>
</li> </li>
<template v-if="projectUser.length > 0 && windowWidth > 980"> <template v-if="projectUser.length > 0 && windowWidth > 980">
<li v-for="(item, index) in projectUser" :key="index" v-if="index < projectUserShowNum"> <template v-for="(item, index) in projectUser" v-if="index < projectUserShowNum">
<UserAvatar :userid="item.userid" :size="36" :borderWitdh="2" :openDelay="0"/> <li v-if="index + 1 == projectUserShowNum && projectUser.length > projectUserShowNum" class="more">
</li> <ETooltip :content="$L('共' + (projectUser.length + 1) + '个成员')">
<li v-if="projectUser.length > projectUserShowNum" class="more"> <Icon type="ios-more"/>
<ETooltip :content="$L('共' + (projectUser.length + 1) + '个成员')"> </ETooltip>
<Icon type="ios-more"/> </li>
</ETooltip> <li>
</li> <UserAvatar :userid="item.userid" :size="36" :borderWitdh="2" :openDelay="0"/>
<li class="add"> </li>
<Icon type="md-person-add"/> </template>
</li>
</template> </template>
</ul> </ul>
</li> </li>
@ -1176,6 +1175,9 @@ export default {
break; break;
case "user": case "user":
if (this.projectData.owner_userid !== this.userId) {
return;
}
const userids = this.projectData.project_user.map(({userid}) => userid); const userids = this.projectData.project_user.map(({userid}) => userid);
this.$set(this.userData, 'userids', userids); this.$set(this.userData, 'userids', userids);
this.$set(this.userData, 'useridbak', userids); this.$set(this.userData, 'useridbak', userids);

27
resources/assets/sass/pages/components/project-list.scss vendored
View File

@ -64,38 +64,23 @@
margin-left: -6px; margin-left: -6px;
transition: transform 0.2s; transition: transform 0.2s;
&:hover { &:hover {
transform: scale(1.1); transform: scale(1.05);
} }
&:first-child { &:first-child {
margin-left: 0; margin-left: 0;
} }
&.more, &.more {
&.add {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 17px; font-size: 17px;
width: 32px; width: 30px;
height: 32px; height: 32px;
border-radius: 50%; color: #888888;
color: #b4bcce;
background-color: #fff;
font-weight: 700;
border: 2px dashed #8bcf70;
cursor: pointer;
z-index: 1;
> i {
color: #8bcf70
}
}
&.more {
width: 36px;
transform: translateX(-1px);
background-color: transparent; background-color: transparent;
border-color: transparent; border-color: transparent;
&:hover { transform: scale(1) !important;
transform: scale(1); z-index: 1;
}
} }
} }
} }