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:
gssong 2025-01-17 21:31:55 +08:00
parent 9cc8195237
commit ecf2337205
3 changed files with 9 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,7 +2,7 @@
<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" style="height: 68vh;"> <el-tab-pane v-loading="loading" label="流程图" name="image" style="height: 68vh">
<div <div
ref="imageWrapperRef" ref="imageWrapperRef"
class="image-wrapper" class="image-wrapper"
@ -14,7 +14,9 @@
@dblclick="resetTransform" @dblclick="resetTransform"
:style="transformStyle" :style="transformStyle"
> >
<el-card class="box-card">
<el-image :src="imgUrl" class="scalable-image" /> <el-image :src="imgUrl" class="scalable-image" />
</el-card>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane v-loading="loading" label="审批信息" name="info"> <el-tab-pane v-loading="loading" label="审批信息" name="info">
@ -222,10 +224,9 @@ const getBounds = () => {
}; };
const transformStyle = computed(() => ({ const transformStyle = computed(() => ({
transition: isDragging ? 'none' : 'transform 0.2s ease', transition: isDragging ? 'none' : 'transform 0.2s ease'
})); }));
/** /**
* 对外暴露子组件方法 * 对外暴露子组件方法
*/ */
@ -257,7 +258,6 @@ defineExpose({
.image-wrapper { .image-wrapper {
width: 100%; width: 100%;
height: 100%;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
margin: 0 auto; margin: 0 auto;
@ -275,5 +275,6 @@ defineExpose({
.scalable-image { .scalable-image {
object-fit: contain; object-fit: contain;
width: 100%; width: 100%;
padding: 15px;
} }
</style> </style>

14
src/views/workflow/processDefinition/design.vue
View File

@ -1,26 +1,14 @@
<template> <template>
<div ref="container" class="container"> <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> </div>
</template> </template>
<script setup name="WarmFlow"> <script setup name="WarmFlow">
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
import { onMounted } from 'vue'; import { onMounted } from 'vue';
import { getToken } from '@/utils/auth'; 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， // definitionId为需要查询的流程定义id，
// disabled为是否可编辑, 例如：查看的时候不可编辑，不可保存 // disabled为是否可编辑, 例如：查看的时候不可编辑，不可保存
const iframeUrl = ref(''); const iframeUrl = ref('');

2
src/views/workflow/processInstance/index.vue
View File

@ -93,7 +93,7 @@
</el-table-column> </el-table-column>
<el-table-column align="center" prop="createTime" label="启动时间" width="160"></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 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"> <template #default="scope">
<el-row v-if="tab === 'running'" :gutter="10" class="mb8"> <el-row v-if="tab === 'running'" :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">