mirror of
https://github.com/dataease/dataease.git
synced 2026-05-15 13:32:18 +08:00
fix(移动端): 当组织大于当前页面高度-无法查看全部组织进行切换
This commit is contained in:
committed by
xuwei-fit2cloud
parent
2e344152b6
commit
5d44925bf0
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user