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

refactor(图表): 表格图片放大展示优化

Browse Source
This commit is contained in:
wisonic 2024-09-04 16:01:51 +08:00
parent bd02273a34
commit 8eaeac99a1
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
core/core-frontend/src/views/chart/components/views/components/ChartComponentS2.vue
View File

@ -671,7 +671,7 @@ const tablePageClass = computed(() => {
</el-row> </el-row>
<chart-error v-if="isError" :err-msg="errMsg" /> <chart-error v-if="isError" :err-msg="errMsg" />
</div> </div>
<el-dialog v-model="state.imgEnlarge" append-to-body> <el-dialog v-model="state.imgEnlarge" append-to-body class="image-dialog">
<div class="enlarge-image"> <div class="enlarge-image">
<img :src="state.imgSrc" style="width: 100%; height: 100%; object-fit: contain" /> <img :src="state.imgSrc" style="width: 100%; height: 100%; object-fit: contain" />
</div> </div>
@ -724,6 +724,13 @@ const tablePageClass = computed(() => {
} }
</style> </style>
<style lang="less"> <style lang="less">
.image-dialog {
height: 100%;
.ed-dialog__body {
height: calc(100% - 24px);
width: 100%;
}
}
.enlarge-image { .enlarge-image {
display: flex; display: flex;
width: 100%; width: 100%;