fix(移动端): 当组织大于当前页面高度-无法查看全部组织进行切换

This commit is contained in:
dataeaseShu
2025-03-07 10:43:41 +08:00
committed by xuwei-fit2cloud
parent 2e344152b6
commit 5d44925bf0

View File

@@ -185,33 +185,35 @@ const activeTableData = computed(() => {
left-arrow
@click-left="onClickLeft"
/>
<div class="grey">
<div @click="clearOrg" class="flex-align-center">
<span class="ellipsis" :class="!!directName.length && 'active'">组织</span>
<el-icon v-if="!!directName.length">
<Icon name="icon_right_outlined"><icon_right_outlined class="svg-icon" /></Icon>
</el-icon>
</div>
<div
@click="handleDir(index)"
class="flex-align-center"
v-for="(ele, index) in directName"
:key="ele"
>
<span class="ellipsis" :class="ele !== activeDirectName && 'active'">{{ ele }}</span>
<el-icon v-if="directName.length > 1 && index !== directName.length - 1">
<Icon name="icon_right_outlined"><icon_right_outlined class="svg-icon" /></Icon>
</el-icon>
<div class="cell-org_scroll">
<div class="grey">
<div @click="clearOrg" class="flex-align-center">
<span class="ellipsis" :class="!!directName.length && 'active'">组织</span>
<el-icon v-if="!!directName.length">
<Icon name="icon_right_outlined"><icon_right_outlined class="svg-icon" /></Icon>
</el-icon>
</div>
<div
@click="handleDir(index)"
class="flex-align-center"
v-for="(ele, index) in directName"
:key="ele"
>
<span class="ellipsis" :class="ele !== activeDirectName && 'active'">{{ ele }}</span>
<el-icon v-if="directName.length > 1 && index !== directName.length - 1">
<Icon name="icon_right_outlined"><icon_right_outlined class="svg-icon" /></Icon>
</el-icon>
</div>
</div>
<OrgCell
@click="type => orgCellClick(type, ele)"
v-for="ele in activeTableData"
:key="ele.id"
:label="ele.name"
:nextlevel="ele.children"
:active="name === ele.name"
></OrgCell>
</div>
<OrgCell
@click="type => orgCellClick(type, ele)"
v-for="ele in activeTableData"
:key="ele.id"
:label="ele.name"
:nextlevel="ele.children"
:active="name === ele.name"
></OrgCell>
</template>
</div>
</template>
@@ -222,6 +224,11 @@ const activeTableData = computed(() => {
width: 100vw;
background: #f5f6f7;
.cell-org_scroll {
height: calc(100% - 96px);
overflow-y: auto;
}
.mobile-user-top {
padding: 16px;
display: flex;