geg-gas/geg-gas-web
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 补充流程的完结功能，流程页面的按钮读取权限控制

Browse Source
This commit is contained in:
gaoyunqi
2024-04-23 20:35:49 +08:00
parent 2b9aea8467
commit 2060e76da9
1 changed files with 270 additions and 238 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/views/secondDev/approveFlowPage.vue
View File

@ -9,13 +9,13 @@
</slot>
关闭
</a-button>
<a-button v-if="!readonly" type="primary" @click="onApproveClick">
<a-button v-if="!readonly && hasBtnApprove" type="primary" @click="onApproveClick">
<slot name="icon">
<check-circle-outlined />
</slot>
同意
</a-button>
<a-button v-if="!readonly" @click="onDenyClick">
<a-button v-if="!readonly && hasBtnReject" @click="onDenyClick">
<slot name="icon">
<stop-outlined />
</slot>
@ -24,7 +24,7 @@
<a-dropdown>
<template #overlay>
<a-menu @click="onMoreClick">
<a-menu-item v-if="!readonly" key="terminate">终止</a-menu-item>
<a-menu-item v-if="!readonly && hasBtnFinish" key="finish">终止</a-menu-item>
<a-menu-item v-if="!readonly" key="transfer">转办</a-menu-item>
<a-menu-item key="flowchart">查看流程图</a-menu-item>
</a-menu>
@ -36,13 +36,20 @@
</a-dropdown>
</a-space>
</div>
<FormInformation :key="renderKey" ref="formInformation" :disabled="readonly"
:formAssignmentData="data.formAssignmentData" :formInfos="data.formInfos" :opinions="data.opinions"
:opinionsComponents="data.opinionsComponents" @get-form-configs="(config) => (formConfigs = config)" />
<FormInformation
:key="renderKey"
ref="formInformation"
:disabled="readonly"
:formAssignmentData="data.formAssignmentData"
:formInfos="data.formInfos"
:opinions="data.opinions"
:opinionsComponents="data.opinionsComponents"
@get-form-configs="(config) => (formConfigs = config)"
/>
<Title :font-size="18" default-value="流转信息"></Title>
<flow-history :items="getTaskRecords()"></flow-history>
<opinion-dialog ref="opinionDlg" />
<a-modal :visible="showFlowChart" centered class="geg" title="流程图" width="1200px" :closable="false">
<a-modal :closable="false" :visible="showFlowChart" centered class="geg" title="流程图" width="1200px">
<process-information :process-id="processId" :xml="data.xml" />
<template #footer>
<a-button type="primary" @click="closeFlowChart">关闭</a-button>
@ -90,6 +97,9 @@ const opinionDlg = ref();
const validateSuccess = ref(false);
const formInformation = ref();
const showFlowChart = ref(false);
const hasBtnApprove = ref(true);
const hasBtnReject = ref(false);
const hasBtnFinish = ref(false);
let approvalData = reactive({
isCountersign: false,
@ -110,8 +120,11 @@ let approvalData = reactive({
let approvedType = ref(ApproveType.AGREE);
function onMoreClick(e) {
if (e.key === "flowchart") {
openFlowChart()
const key = e.key;
if (key === 'flowchart') {
openFlowChart();
} else if(key === 'finish'){
onFinishClick();
}
}
@ -160,6 +173,12 @@ async function onDenyClick() {
});
}
async function onFinishClick(){
approvalData.approvedType = ApproveType.FINISH;
approvalData.approvedResult = ApproveCode.FINISH;
onFinish('finish');
}
function flowSuccess() {
opinionDlg.value.toggleDialog({
isClose: true
@ -189,6 +208,18 @@ function reset() {
approvalData.circulateConfigs = [];
}
function setBtnStatus() {
const btnConfigs = approvalData.buttonConfigs;
btnConfigs.forEach((btn) => {
const code = btn.buttonCode;
if (code === 'reject') {
hasBtnReject.value = true;
} else if (code === 'finish') {
hasBtnFinish.value = true;
}
});
}
function getTaskRecords() {
if (data?.taskApproveOpinions?.length) {
return data.taskApproveOpinions || [];
@ -207,6 +238,7 @@ onMounted(async () => {
if (!readonly.value) {
if (res.buttonConfigs) {
approvalData.buttonConfigs = res.buttonConfigs;
setBtnStatus();
}
if (res.relationTasks) {
data.predecessorTasks = res.relationTasks;
@ -289,7 +321,7 @@ async function getApproveParams() {
async function onFinish(values) {
try {
if (validateSuccess.value || values === 'reject') {
if (validateSuccess.value || values === 'reject' || values === 'finish') {
let params = await getApproveParams();
await postApproval(params);
flowSuccess();