mirror of https://gitee.com/xiaonuobase/snowy
【前端】所有左树右表左侧树加入高度适配
parent
9297dad472
commit
31a97fe71d
|
@ -334,6 +334,10 @@ a, button, input, textarea {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
padding-left: 8px;
|
padding-left: 8px;
|
||||||
}
|
}
|
||||||
|
.left-tree-container {
|
||||||
|
height: calc(100vh - 8rem);
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
// 滚动条,需要哪里,加哪个class
|
// 滚动条,需要哪里,加哪个class
|
||||||
body,
|
body,
|
||||||
|
@ -366,7 +370,7 @@ body,
|
||||||
.selector-table,
|
.selector-table,
|
||||||
.card-div,
|
.card-div,
|
||||||
.ant-table-body,
|
.ant-table-body,
|
||||||
.dict-tree-div,
|
.left-tree-container,
|
||||||
|
|
||||||
.admin-ui-main{
|
.admin-ui-main{
|
||||||
&::-webkit-scrollbar {
|
&::-webkit-scrollbar {
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<a-row :gutter="10">
|
<a-row :gutter="10">
|
||||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
<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
|
<a-tree
|
||||||
v-if="treeData.length > 0"
|
v-if="treeData.length > 0"
|
||||||
v-model:expandedKeys="defaultExpandedKeys"
|
v-model:expandedKeys="defaultExpandedKeys"
|
||||||
|
|
|
@ -1,15 +1,14 @@
|
||||||
<template>
|
<template>
|
||||||
<a-row :gutter="10">
|
<a-row :gutter="10">
|
||||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
<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
|
<a-tree
|
||||||
v-if="treeData.length > 0"
|
v-if="treeData.length > 0"
|
||||||
v-model:expandedKeys="defaultExpandedKeys"
|
v-model:expandedKeys="defaultExpandedKeys"
|
||||||
:tree-data="treeData"
|
:tree-data="treeData"
|
||||||
:field-names="treeFieldNames"
|
:field-names="treeFieldNames"
|
||||||
@select="treeSelect"
|
@select="treeSelect"
|
||||||
>
|
/>
|
||||||
</a-tree>
|
|
||||||
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
|
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
|
||||||
</a-card>
|
</a-card>
|
||||||
</a-col>
|
</a-col>
|
||||||
|
|
|
@ -1,15 +1,14 @@
|
||||||
<template>
|
<template>
|
||||||
<a-row :gutter="10">
|
<a-row :gutter="10">
|
||||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
<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
|
<a-tree
|
||||||
v-if="treeData.length > 0"
|
v-if="treeData.length > 0"
|
||||||
v-model:expandedKeys="defaultExpandedKeys"
|
v-model:expandedKeys="defaultExpandedKeys"
|
||||||
:tree-data="treeData"
|
:tree-data="treeData"
|
||||||
:field-names="treeFieldNames"
|
:field-names="treeFieldNames"
|
||||||
@select="treeSelect"
|
@select="treeSelect"
|
||||||
>
|
/>
|
||||||
</a-tree>
|
|
||||||
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
|
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
|
||||||
</a-card>
|
</a-card>
|
||||||
</a-col>
|
</a-col>
|
||||||
|
|
|
@ -1,15 +1,14 @@
|
||||||
<template>
|
<template>
|
||||||
<a-row :gutter="10">
|
<a-row :gutter="10">
|
||||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
<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
|
<a-tree
|
||||||
v-if="treeData.length > 0"
|
v-if="treeData.length > 0"
|
||||||
v-model:expandedKeys="defaultExpandedKeys"
|
v-model:expandedKeys="defaultExpandedKeys"
|
||||||
:tree-data="treeData"
|
:tree-data="treeData"
|
||||||
:field-names="treeFieldNames"
|
:field-names="treeFieldNames"
|
||||||
@select="treeSelect"
|
@select="treeSelect"
|
||||||
>
|
/>
|
||||||
</a-tree>
|
|
||||||
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
|
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
|
||||||
</a-card>
|
</a-card>
|
||||||
</a-col>
|
</a-col>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<a-row :gutter="10">
|
<a-row :gutter="10">
|
||||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
||||||
<div class="dict-tree-div">
|
<div class="left-tree-container">
|
||||||
<a-tree
|
<a-tree
|
||||||
v-if="treeData.length > 0"
|
v-if="treeData.length > 0"
|
||||||
v-model:expandedKeys="defaultExpandedKeys"
|
v-model:expandedKeys="defaultExpandedKeys"
|
||||||
|
@ -208,8 +208,4 @@
|
||||||
.snowy-button-left {
|
.snowy-button-left {
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
}
|
}
|
||||||
.dict-tree-div {
|
|
||||||
height: 700px;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<a-row :gutter="10">
|
<a-row :gutter="10">
|
||||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
<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
|
<a-tree
|
||||||
v-if="treeData.length > 0"
|
v-if="treeData.length > 0"
|
||||||
v-model:expandedKeys="defaultExpandedKeys"
|
v-model:expandedKeys="defaultExpandedKeys"
|
||||||
|
|
|
@ -1,15 +1,14 @@
|
||||||
<template>
|
<template>
|
||||||
<a-row :gutter="10">
|
<a-row :gutter="10">
|
||||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
<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
|
<a-tree
|
||||||
v-if="treeData.length > 0"
|
v-if="treeData.length > 0"
|
||||||
v-model:expandedKeys="defaultExpandedKeys"
|
v-model:expandedKeys="defaultExpandedKeys"
|
||||||
:tree-data="treeData"
|
:tree-data="treeData"
|
||||||
:field-names="treeFieldNames"
|
:field-names="treeFieldNames"
|
||||||
@select="treeSelect"
|
@select="treeSelect"
|
||||||
>
|
/>
|
||||||
</a-tree>
|
|
||||||
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
|
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
|
||||||
</a-card>
|
</a-card>
|
||||||
</a-col>
|
</a-col>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<a-row :gutter="10">
|
<a-row :gutter="10">
|
||||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
<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
|
<a-tree
|
||||||
v-if="treeData.length > 0"
|
v-if="treeData.length > 0"
|
||||||
v-model:expandedKeys="defaultExpandedKeys"
|
v-model:expandedKeys="defaultExpandedKeys"
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<a-row :gutter="10">
|
<a-row :gutter="10">
|
||||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
<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
|
<a-tree
|
||||||
v-if="treeData.length > 0"
|
v-if="treeData.length > 0"
|
||||||
v-model:expandedKeys="defaultExpandedKeys"
|
v-model:expandedKeys="defaultExpandedKeys"
|
||||||
|
|
Loading…
Reference in New Issue