center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

feat: 视图字段可调整高度

Browse Source
This commit is contained in:
junjun 2022-06-09 17:14:44 +08:00
parent 54c32bdf34
commit 41f8907926
1 changed files with 73 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/views/chart/view/ChartEdit.vue
View File

@ -84,6 +84,10 @@
@click="changeDs" @click="changeDs"
/> />
</div> </div>
<div class="field-split">
<fu-split-pane top="50%" direction="vertical">
<template v-slot:top>
<div class="padding-lr field-height"> <div class="padding-lr field-height">
<span>{{ $t('chart.dimension') }}</span> <span>{{ $t('chart.dimension') }}</span>
<draggable <draggable
@ -110,6 +114,8 @@
</transition-group> </transition-group>
</draggable> </draggable>
</div> </div>
</template>
<template v-slot:bottom>
<div class="padding-lr field-height"> <div class="padding-lr field-height">
<span>{{ $t('chart.quota') }}</span> <span>{{ $t('chart.quota') }}</span>
<draggable <draggable
@ -142,6 +148,10 @@
</transition-group> </transition-group>
</draggable> </draggable>
</div> </div>
</template>
</fu-split-pane>
</div>
</el-col> </el-col>
<el-col <el-col
@ -2749,7 +2759,7 @@ span {
} }
.field-height { .field-height {
height: calc(50% - 20px); height: 100%;
border-top: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6;
} }
@ -2883,4 +2893,9 @@ span {
font-size: 12px; font-size: 12px;
} }
.field-split{
height: 700px;
// height: calc(100% - 40px);
}
</style> </style>