【前端】所有左树右表左侧树加入高度适配

pull/243/MERGE
俞宝山 2024-12-13 03:52:20 +08:00
parent 9297dad472
commit 31a97fe71d
10 changed files with 18 additions and 22 deletions

View File

@ -334,6 +334,10 @@ a, button, input, textarea {
font-weight: 600;
padding-left: 8px;
}
.left-tree-container {
height: calc(100vh - 8rem);
overflow: auto;
}
// 滚动条需要哪里加哪个class
body,
@ -366,7 +370,7 @@ body,
.selector-table,
.card-div,
.ant-table-body,
.dict-tree-div,
.left-tree-container,
.admin-ui-main{
&::-webkit-scrollbar {

View File

@ -1,7 +1,7 @@
<template>
<a-row :gutter="10">
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
<a-card :bordered="false" :loading="cardLoading">
<a-card :bordered="false" :loading="cardLoading" class="left-tree-container">
<a-tree
v-if="treeData.length > 0"
v-model:expandedKeys="defaultExpandedKeys"

View File

@ -1,15 +1,14 @@
<template>
<a-row :gutter="10">
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
<a-card :bordered="false" :loading="cardLoading">
<a-card :bordered="false" :loading="cardLoading" class="left-tree-container">
<a-tree
v-if="treeData.length > 0"
v-model:expandedKeys="defaultExpandedKeys"
:tree-data="treeData"
:field-names="treeFieldNames"
@select="treeSelect"
>
</a-tree>
/>
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
</a-card>
</a-col>

View File

@ -1,15 +1,14 @@
<template>
<a-row :gutter="10">
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
<a-card :bordered="false" :loading="cardLoading">
<a-card :bordered="false" :loading="cardLoading" class="left-tree-container">
<a-tree
v-if="treeData.length > 0"
v-model:expandedKeys="defaultExpandedKeys"
:tree-data="treeData"
:field-names="treeFieldNames"
@select="treeSelect"
>
</a-tree>
/>
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
</a-card>
</a-col>

View File

@ -1,15 +1,14 @@
<template>
<a-row :gutter="10">
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
<a-card :bordered="false" :loading="cardLoading">
<a-card :bordered="false" :loading="cardLoading" class="left-tree-container">
<a-tree
v-if="treeData.length > 0"
v-model:expandedKeys="defaultExpandedKeys"
:tree-data="treeData"
:field-names="treeFieldNames"
@select="treeSelect"
>
</a-tree>
/>
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
</a-card>
</a-col>

View File

@ -1,7 +1,7 @@
<template>
<a-row :gutter="10">
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
<div class="dict-tree-div">
<div class="left-tree-container">
<a-tree
v-if="treeData.length > 0"
v-model:expandedKeys="defaultExpandedKeys"
@ -208,8 +208,4 @@
.snowy-button-left {
margin-left: 8px;
}
.dict-tree-div {
height: 700px;
overflow: auto;
}
</style>

View File

@ -1,7 +1,7 @@
<template>
<a-row :gutter="10">
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
<a-card :bordered="false" :loading="cardLoading">
<a-card :bordered="false" :loading="cardLoading" class="left-tree-container">
<a-tree
v-if="treeData.length > 0"
v-model:expandedKeys="defaultExpandedKeys"

View File

@ -1,15 +1,14 @@
<template>
<a-row :gutter="10">
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
<a-card :bordered="false" :loading="cardLoading">
<a-card :bordered="false" :loading="cardLoading" class="left-tree-container">
<a-tree
v-if="treeData.length > 0"
v-model:expandedKeys="defaultExpandedKeys"
:tree-data="treeData"
:field-names="treeFieldNames"
@select="treeSelect"
>
</a-tree>
/>
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
</a-card>
</a-col>

View File

@ -1,7 +1,7 @@
<template>
<a-row :gutter="10">
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
<a-card :bordered="false" :loading="cardLoading">
<a-card :bordered="false" :loading="cardLoading" class="left-tree-container">
<a-tree
v-if="treeData.length > 0"
v-model:expandedKeys="defaultExpandedKeys"

View File

@ -1,7 +1,7 @@
<template>
<a-row :gutter="10">
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
<a-card class="mb-3" :bordered="false" :loading="cardLoading">
<a-card :bordered="false" :loading="cardLoading" class="left-tree-container mb-3">
<a-tree
v-if="treeData.length > 0"
v-model:expandedKeys="defaultExpandedKeys"