admin/lx-admin-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update 优化 调整预览组件高度

Browse Source
This commit is contained in:
疯狂的狮子Li 2025-01-16 16:27:03 +08:00
parent b7e96dec38
commit 522087e18f
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Process/approvalRecord.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<div class="container"> <div class="container">
<el-dialog v-model="visible" draggable title="审批记录" :width="props.width" :height="props.height" :close-on-click-modal="false"> <el-dialog v-model="visible" draggable title="审批记录" :width="props.width" :height="props.height" :close-on-click-modal="false">
<el-tabs v-model="tabActiveName" class="demo-tabs"> <el-tabs v-model="tabActiveName" class="demo-tabs" >
<el-tab-pane v-loading="loading" label="流程图" name="image"> <el-tab-pane v-loading="loading" label="流程图" name="image" style="height: 500px">
<div <div
ref="imageWrapperRef" ref="imageWrapperRef"
class="image-wrapper" class="image-wrapper"
@ -16,7 +16,6 @@
> >
<el-image :src="imgUrl" class="scalable-image" /> <el-image :src="imgUrl" class="scalable-image" />
</div> </div>
<!-- <img :src="imgUrl" width="100%" style="margin: 0 auto" />-->
</el-tab-pane> </el-tab-pane>
<el-tab-pane v-loading="loading" label="审批信息" name="info"> <el-tab-pane v-loading="loading" label="审批信息" name="info">
<div> <div>
@ -274,6 +273,7 @@ defineExpose({
} }
.scalable-image { .scalable-image {
object-fit: contain;
width: 100%; width: 100%;
} }
</style> </style>