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/views/workflow/processInstance/index.vue | 2 +- src/components/Process/approvalRecord.vue | 13 +++++++------ src/views/workflow/processDefinition/design.vue | 14 +------------- 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,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> 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,25 +1,13 @@ <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涓烘槸鍚﹀彲缂栬緫, 渚嬪锛氭煡鐪嬬殑鏃跺�欎笉鍙紪杈戯紝涓嶅彲淇濆瓨 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"> -- Gitblit v1.9.3