From ecf2337205e878afff74364ce4037ec68b890528 Mon Sep 17 00:00:00 2001
From: gssong <1742057357@qq.com>
Date: 星期五, 17 一月 2025 21:31:55 +0800
Subject: [PATCH] update 调整流程设计溢出问题，优化流程图，流程实例按钮
---
src/components/Process/approvalRecord.vue | 13 +++++++------
1 files changed, 7 insertions(+), 6 deletions(-)
diff --git a/src/components/Process/approvalRecord.vue b/src/components/Process/approvalRecord.vue
index 130181e..5c46a58 100644
--- a/src/components/Process/approvalRecord.vue
+++ b/src/components/Process/approvalRecord.vue
@@ -1,8 +1,8 @@
<template>
<div class="container">
<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-tab-pane v-loading="loading" label="娴佺▼鍥�" name="image" style="height: 68vh;">
+ <el-tabs v-model="tabActiveName" class="demo-tabs">
+ <el-tab-pane v-loading="loading" label="娴佺▼鍥�" name="image" style="height: 68vh">
<div
ref="imageWrapperRef"
class="image-wrapper"
@@ -14,7 +14,9 @@
@dblclick="resetTransform"
:style="transformStyle"
>
- <el-image :src="imgUrl" class="scalable-image" />
+ <el-card class="box-card">
+ <el-image :src="imgUrl" class="scalable-image" />
+ </el-card>
</div>
</el-tab-pane>
<el-tab-pane v-loading="loading" label="瀹℃壒淇℃伅" name="info">
@@ -222,9 +224,8 @@
};
const transformStyle = computed(() => ({
- transition: isDragging ? 'none' : 'transform 0.2s ease',
+ transition: isDragging ? 'none' : 'transform 0.2s ease'
}));
-
/**
* 瀵瑰鏆撮湶瀛愮粍浠舵柟娉�
@@ -257,7 +258,6 @@
.image-wrapper {
width: 100%;
- height: 100%;
overflow: hidden;
position: relative;
margin: 0 auto;
@@ -275,5 +275,6 @@
.scalable-image {
object-fit: contain;
width: 100%;
+ padding: 15px;
}
</style>
--
Gitblit v1.9.3