hhyykk/ipms-sjy-ui
1
1
Fork 0
mirror of https://gitee.com/hhyykk/ipms-sjy-ui.git synced 2025-06-19 06:42:00 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 流程审核详情页-流程图未能撑满剩余区域bug修复

Browse Source
This commit is contained in:
GoldenZqqq 2024-11-19 16:27:31 +08:00
parent c34bfc18bc
commit 7b8e4ea238
3 changed files with 28 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/bpm/processInstance/detail/ProcessInstanceBpmnViewer.vue
View File

@ -40,14 +40,22 @@ watch(
} }
) )
</script> </script>
<style> <style lang="scss" scoped>
.box-card { .box-card {
height: 100%;
width: 100%; width: 100%;
margin-bottom: 20px; margin-bottom: 0;
}
:deep(.process-viewer) { :deep(.el-card__body) {
height: 100% !important; height: 100%;
min-height: 500px; padding: 0;
}
:deep(.process-viewer) {
height: 100% !important;
min-height: 100%;
width: 100%;
overflow: auto;
}
} }
</style> </style>

15
src/views/bpm/processInstance/detail/ProcessInstanceSimpleViewer.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div v-loading="loading" class="mb-20px"> <div v-loading="loading" class="process-viewer-container">
<SimpleProcessViewer <SimpleProcessViewer
:flow-node="simpleModel" :flow-node="simpleModel"
:tasks="tasks" :tasks="tasks"
@ -154,8 +154,15 @@ const setSimpleModelNodeTaskStatus = (
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
:deep(.process-viewer) { .process-viewer-container {
height: 100% !important; height: 100%;
min-height: 500px; width: 100%;
:deep(.process-viewer) {
height: 100% !important;
min-height: 100%;
width: 100%;
overflow: auto;
}
} }
</style> </style>

3
src/views/bpm/processInstance/detail/index.vue
View File

@ -319,9 +319,12 @@ $process-header-height: 194px;
$process-header-height - 40px $process-header-height - 40px
); );
overflow: auto; overflow: auto;
display: flex;
flex-direction: column;
:deep(.box-card) { :deep(.box-card) {
height: 100%; height: 100%;
flex: 1;
.el-card__body { .el-card__body {
height: 100%; height: 100%;