From ecf2337205e878afff74364ce4037ec68b890528 Mon Sep 17 00:00:00 2001
From: gssong <1742057357@qq.com>
Date: Fri, 17 Jan 2025 21:31:55 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E8=B0=83=E6=95=B4=E6=B5=81=E7=A8=8B?=
 =?UTF-8?q?=E8=AE=BE=E8=AE=A1=E6=BA=A2=E5=87=BA=E9=97=AE=E9=A2=98=EF=BC=8C?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=B5=81=E7=A8=8B=E5=9B=BE=EF=BC=8C=E6=B5=81?=
 =?UTF-8?q?=E7=A8=8B=E5=AE=9E=E4=BE=8B=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Process/approvalRecord.vue       | 13 +++++++------
 src/views/workflow/processDefinition/design.vue | 14 +-------------
 src/views/workflow/processInstance/index.vue    |  2 +-
 3 files changed, 9 insertions(+), 20 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,10 +224,9 @@ const getBounds = () => {
 };
 
 const transformStyle = computed(() => ({
-  transition: isDragging ? 'none' : 'transform 0.2s ease',
+  transition: isDragging ? 'none' : 'transform 0.2s ease'
 }));
 
-
 /**
  * 对外暴露子组件方法
  */
@@ -257,7 +258,6 @@ defineExpose({
 
 .image-wrapper {
   width: 100%;
-  height: 100%;
   overflow: hidden;
   position: relative;
   margin: 0 auto;
@@ -275,5 +275,6 @@ defineExpose({
 .scalable-image {
   object-fit: contain;
   width: 100%;
+  padding: 15px;
 }
 </style>
diff --git a/src/views/workflow/processDefinition/design.vue b/src/views/workflow/processDefinition/design.vue
index 7606690..46a2cc4 100644
--- a/src/views/workflow/processDefinition/design.vue
+++ b/src/views/workflow/processDefinition/design.vue
@@ -1,26 +1,14 @@
 <template>
   <div ref="container" class="container">
-    <iframe ref="iframe" :src="iframeUrl" frameborder="0" :width="sidebarStatusWidth()" height="100%"></iframe>
+    <iframe ref="iframe" :src="iframeUrl" frameborder="0" style="height: 100%; width: inherit"></iframe>
   </div>
 </template>
 
 <script setup name="WarmFlow">
-
 const { proxy } = getCurrentInstance();
 import { onMounted } from 'vue';
 import { getToken } from '@/utils/auth';
 
-const sidebarStatus = useStorage('sidebarStatus', '1');
-
-console.log(sidebarStatus.value)
-
-const sidebarStatusWidth = () => {
-  if (sidebarStatus.value === '0') {
-    return "115%";
-  }
-  return "104%";
-}
-
 // definitionId为需要查询的流程定义id，
 // disabled为是否可编辑, 例如：查看的时候不可编辑，不可保存
 const iframeUrl = ref('');
diff --git a/src/views/workflow/processInstance/index.vue b/src/views/workflow/processInstance/index.vue
index 140cdaf..b58b189 100644
--- a/src/views/workflow/processInstance/index.vue
+++ b/src/views/workflow/processInstance/index.vue
@@ -93,7 +93,7 @@
               </el-table-column>
               <el-table-column align="center" prop="createTime" label="启动时间" width="160"></el-table-column>
               <el-table-column v-if="tab === 'finish'" align="center" prop="updateTime" label="结束时间" width="160"></el-table-column>
-              <el-table-column label="操作" align="center" :width="162">
+              <el-table-column label="操作" align="center" :width="165">
                 <template #default="scope">
                   <el-row v-if="tab === 'running'" :gutter="10" class="mb8">
                     <el-col :span="1.5">