fix: 【团队成员】左侧内容超出问题优化(#1199)

This commit is contained in:
wangdan-fit2cloud 2024-09-24 11:40:12 +08:00 committed by wangdan-fit2cloud
parent 9abe823b79
commit d959bcd26c

View File

@ -16,34 +16,40 @@
clearable clearable
/> />
</div> </div>
<common-list <div class="list-height-left">
:data="filterMember" <el-scrollbar>
class="mt-8" <common-list
v-loading="loading" :data="filterMember"
@click="clickMemberHandle" class="mt-8"
:default-active="currentUser" v-loading="loading"
> @click="clickMemberHandle"
<template #default="{ row }"> :default-active="currentUser"
<div class="flex-between"> >
<div> <template #default="{ row }">
<span class="mr-8">{{ row.username }}</span> <div class="flex-between">
<el-tag v-if="isManage(row.type)" class="default-tag">所有者</el-tag> <div>
</div> <span class="mr-8">{{ row.username }}</span>
<div @click.stop style="margin-top: 5px"> <el-tag v-if="isManage(row.type)" class="default-tag">所有者</el-tag>
<el-dropdown trigger="click" v-if="!isManage(row.type)"> </div>
<span class="cursor"> <div @click.stop style="margin-top: 5px">
<el-icon class="rotate-90"><MoreFilled /></el-icon> <el-dropdown trigger="click" v-if="!isManage(row.type)">
</span> <span class="cursor">
<template #dropdown> <el-icon class="rotate-90"><MoreFilled /></el-icon>
<el-dropdown-menu> </span>
<el-dropdown-item @click.prevent="deleteMember(row)">移除</el-dropdown-item> <template #dropdown>
</el-dropdown-menu> <el-dropdown-menu>
</template> <el-dropdown-item @click.prevent="deleteMember(row)"
</el-dropdown> >移除</el-dropdown-item
</div> >
</div> </el-dropdown-menu>
</template> </template>
</common-list> </el-dropdown>
</div>
</div>
</template>
</common-list>
</el-scrollbar>
</div>
</div> </div>
<div class="permission-setting flex" v-loading="rLoading"> <div class="permission-setting flex" v-loading="rLoading">
<div class="team-manage__table"> <div class="team-manage__table">
@ -255,6 +261,9 @@ onMounted(() => {
right: 24px; right: 24px;
} }
} }
.list-height-left {
height: calc(var(--create-dataset-height) - 60px);
}
&__tabs { &__tabs {
margin-top: 10px; margin-top: 10px;