Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

干扰源用户表单位置调整

Browse Source
This commit is contained in:
zhujiyan
2024-06-05 20:28:51 +08:00
parent 033af45e64
commit 9ca6387259
1 changed files with 310 additions and 307 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
src/views/system/bpm/processInstance/detail/index.vue
View File

@@ -1,55 +1,55 @@
<!-- 流程详情页面 tab切换 --> <!-- 流程详情页面 tab切换 -->
<template> <template>
<div class='default-main' style='overflow: hidden'> <div class="default-main" style="overflow: hidden">
<!--返回按钮--> <!--返回按钮-->
<back-component style='margin: 8px; position: absolute; z-index: 10; top: -3px; right: 2px' /> <back-component style="margin: 8px; position: absolute; z-index: 10; top: -3px; right: 2px" />
<el-tabs type='border-card' v-model='tab' @tab-click='handleClickTab'> <el-tabs type="border-card" v-model="tab" @tab-click="handleClickTab">
<el-tab-pane label='流程审核' name='流程审核' v-if='runningTasks.length > 0'> <el-tab-pane label="流程审核" name="流程审核" v-if="runningTasks.length > 0">
<el-card <el-card
v-for='(item, index) in runningTasks' v-for="(item, index) in runningTasks"
:key='index' :key="index"
v-loading='processInstanceLoading' v-loading="processInstanceLoading"
class='box-card' class="box-card"
> >
<template #header> <template #header>
<span class='el-icon-picture-outline'>当前任务【{{ item.name }}】</span> <span class="el-icon-picture-outline">当前任务【{{ item.name }}】</span>
</template> </template>
<el-col :offset='6' :span='16'> <el-col :offset="6" :span="16">
<el-form <el-form
:ref="'form' + index" :ref="'form' + index"
:model='auditForms[index]' :model="auditForms[index]"
:rules='auditRule' :rules="auditRule"
label-width='100px' label-width="100px"
> >
<el-form-item v-if='processInstance && processInstance.name' label='流程名'> <el-form-item v-if="processInstance && processInstance.name" label="流程名">
{{ processInstance.name }} {{ processInstance.name }}
</el-form-item> </el-form-item>
<el-form-item v-if='processInstance && processInstance.startUser' label='发起人'> <el-form-item v-if="processInstance && processInstance.startUser" label="发起人">
{{ processInstance?.startUser.name }} {{ processInstance?.startUser.name }}
</el-form-item> </el-form-item>
<el-form-item v-if='processInstance && processInstance.startUser' label='发起部门'> <el-form-item v-if="processInstance && processInstance.startUser" label="发起部门">
{{ processInstance?.startUser.deptName }} {{ processInstance?.startUser.deptName }}
</el-form-item> </el-form-item>
<el-card v-if='runningTasks[index].formId != null' class='mb-15px !-mt-10px'> <el-card v-if="runningTasks[index].formId != null" style="width: 100%; margin-right: 40%">
<template #header> <template #header>
<span class='el-icon-picture-outline'> <span class="el-icon-picture-outline">
{{ runningTasks[index]?.formName }} {{ runningTasks[index]?.formName }}
</span> </span>
</template> </template>
<form-create <form-create
v-model='approveForms[index].value' v-model="approveForms[index].value"
v-model:api='approveFormFApis[index]' v-model:api="approveFormFApis[index]"
:option='approveForms[index].option' :option="approveForms[index].option"
:rule='approveForms[index].rule' :rule="approveForms[index].rule"
/> />
</el-card> </el-card>
<el-form-item label='审批建议' prop='reason' style='margin-top: 15px'> <el-form-item label="审批建议" prop="reason" style="margin-top: 15px">
<el-input <el-input
v-model='auditForms[index].reason' v-model="auditForms[index].reason"
placeholder='请输入审批建议' placeholder="请输入审批建议"
type='textarea' type="textarea"
/> />
</el-form-item> </el-form-item>
<!-- <el-form-item label='抄送人' prop='copyUserIds'>--> <!-- <el-form-item label='抄送人' prop='copyUserIds'>-->
@@ -63,9 +63,9 @@
<!-- </el-select>--> <!-- </el-select>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
</el-form> </el-form>
<div style='margin-bottom: 20px; margin-left: 10%; font-size: 14px'> <div style="margin-bottom: 20px; margin-left: 10%; font-size: 14px">
<el-button type='success' :icon='Select' @click='handleAudit(item, true)'>通过</el-button> <el-button type="success" :icon="Select" @click="handleAudit(item, true)">通过</el-button>
<el-button type='danger' :icon='Close' @click='handleAudit(item, false)'>不通过</el-button> <el-button type="danger" :icon="Close" @click="handleAudit(item, false)">不通过</el-button>
<!-- <el-button type='primary' @click='openTaskUpdateAssigneeForm(item.id)'>--> <!-- <el-button type='primary' @click='openTaskUpdateAssigneeForm(item.id)'>-->
<!-- <Icon icon='ep:edit' />--> <!-- <Icon icon='ep:edit' />-->
<!-- 转办--> <!-- 转办-->
@@ -83,60 +83,60 @@
</el-col> </el-col>
</el-card> </el-card>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label='申请信息' name='申请信息'> <el-tab-pane label="申请信息" name="申请信息">
<!-- 申请信息 --> <!-- 申请信息 -->
<el-card v-loading='processInstanceLoading' class='box-card'> <el-card v-loading="processInstanceLoading" class="box-card">
<template #header> <template #header>
<span class='el-icon-document'>申请信息【{{ processInstance.name }}】</span> <span class="el-icon-document">申请信息【{{ processInstance.name }}】</span>
</template> </template>
<!-- 情况一：流程表单 --> <!-- 情况一：流程表单 -->
<el-col v-if='processInstance?.processDefinition?.formType === 10' :offset='6' :span='16'> <el-col v-if="processInstance?.processDefinition?.formType === 10" :offset="6" :span="16">
<form-create <form-create
v-model='detailForm.value' v-model="detailForm.value"
v-model:api='fApi' v-model:api="fApi"
:option='detailForm.option' :option="detailForm.option"
:rule='detailForm.rule' :rule="detailForm.rule"
/> />
</el-col> </el-col>
<!-- 情况二：业务表单 --> <!-- 情况二：业务表单 -->
<div v-if='processInstance?.processDefinition?.formType === 20'> <div v-if="processInstance?.processDefinition?.formType === 20">
<BusinessFormComponent :id='processInstance.businessKey' :applyTitle='processInstance.name' /> <BusinessFormComponent :id="processInstance.businessKey" :applyTitle="processInstance.name" />
</div> </div>
</el-card> </el-card>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label='审批记录' name='审批记录'> <el-tab-pane label="审批记录" name="审批记录">
<!-- 审批记录 --> <!-- 审批记录 -->
<ProcessInstanceTaskList <ProcessInstanceTaskList
:loading='tasksLoad' :loading="tasksLoad"
:process-instance='processInstance' :process-instance="processInstance"
:tasks='tasks' :tasks="tasks"
@refresh='getTaskList' @refresh="getTaskList"
/> />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label='流程图' name='流程图'> <el-tab-pane label="流程图" name="流程图">
<ProcessInstanceBpmnViewer <ProcessInstanceBpmnViewer
ref='mapRef' ref="mapRef"
:id='`${id}`' :id="`${id}`"
:bpmn-xml='bpmnXml' :bpmn-xml="bpmnXml"
:loading='processInstanceLoading' :loading="processInstanceLoading"
:process-instance='processInstance' :process-instance="processInstance"
:tasks='tasks' :tasks="tasks"
/> />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<ContentWrap> <ContentWrap>
<!-- 弹窗：转派审批人 --> <!-- 弹窗：转派审批人 -->
<TaskTransferForm ref='taskTransferFormRef' @success='getDetail' /> <TaskTransferForm ref="taskTransferFormRef" @success="getDetail" />
<!-- 弹窗：回退节点 --> <!-- 弹窗：回退节点 -->
<TaskReturnForm ref='taskReturnFormRef' @success='getDetail' /> <TaskReturnForm ref="taskReturnFormRef" @success="getDetail" />
<!-- 弹窗：委派，将任务委派给别人处理，处理完成后，会重新回到原审批人手中--> <!-- 弹窗：委派，将任务委派给别人处理，处理完成后，会重新回到原审批人手中-->
<TaskDelegateForm ref='taskDelegateForm' @success='getDetail' /> <TaskDelegateForm ref="taskDelegateForm" @success="getDetail" />
<!-- 弹窗：加签，当前任务审批人为A，向前加签选了一个C，则需要C先审批，然后再是A审批，向后加签B，A审批完，需要B再审批完，才算完成这个任务节点 --> <!-- 弹窗：加签，当前任务审批人为A，向前加签选了一个C，则需要C先审批，然后再是A审批，向后加签B，A审批完，需要B再审批完，才算完成这个任务节点 -->
<TaskSignCreateForm ref='taskSignCreateFormRef' @success='getDetail' /> <TaskSignCreateForm ref="taskSignCreateFormRef" @success="getDetail" />
</ContentWrap> </ContentWrap>
</div> </div>
</template> </template>
<script lang='ts' setup> <script lang="ts" setup>
import { onMounted, ref, getCurrentInstance, reactive, watch, unref, nextTick, markRaw } from 'vue' import { onMounted, ref, getCurrentInstance, reactive, watch, unref, nextTick, markRaw } from 'vue'
import { ElMessage } from 'element-plus' import { ElMessage } from 'element-plus'
import ContentWrap from '@/components/ContentWrap/src/ContentWrap.vue' import ContentWrap from '@/components/ContentWrap/src/ContentWrap.vue'
@@ -443,9 +443,12 @@ onMounted(async () => {
} }
}) })
</script> </script>
<style lang='scss' scoped> <style lang="scss" scoped>
::v-deep .el-tab-pane { ::v-deep .el-tab-pane {
height: calc(100vh - 200px) !important; height: calc(100vh - 200px) !important;
overflow: auto !important; overflow: auto !important;
} }
::v-deep .el-col-offset-6 {
margin-left: 15% !important;
}
</style> </style>