37 changed files with 278 additions and 858 deletions
@ -1,193 +0,0 @@ |
|||
<template> |
|||
<w-list-grid |
|||
ref="listGridRef" |
|||
:title="$t('org.wsp.framework.flowable.task.grid.title')" |
|||
:data-url="$fc.apiContextPath + '/system/process/query/task/isc'" |
|||
:form-fields="listGridFields.query" |
|||
:form-field-counter="{ xxs:1, xs:1, sm:2, md:2, lg:2, xl:2, xxl:2 }" |
|||
:table-columns="listGridFields.grid" |
|||
:detail-fields="listGridFields.detail" |
|||
:can-pageable="true" |
|||
:tool-bar-actions="listGridToolBarActions" |
|||
:table-scroll="{x:'100%',y:$fc.ui.contentHeight-$fc.ui.toolBarHeight-$fc.ui.tableHeaderHeight-$fc.ui.paginationHeight-40}" |
|||
@selected-rows-change="selectedRowsChange" |
|||
> |
|||
</w-list-grid> |
|||
<CompleteTaskDialog ref="completeTaskDialogRef" @after-completed="afterCompleted"></CompleteTaskDialog> |
|||
</template> |
|||
<script setup> |
|||
import { |
|||
computed, ref, onMounted, createVNode, toRaw |
|||
} from 'vue'; |
|||
import { useRouter, useRoute } from 'vue-router'; |
|||
import { useI18n } from 'vue-i18n'; |
|||
import { Modal, notification } from 'ant-design-vue'; |
|||
import { QuestionCircleOutlined } from '@ant-design/icons-vue'; |
|||
import { |
|||
useFrameworkConfiguration, useAxios, |
|||
useEnumOptions, getOptionText, useTrueFalseOptions, |
|||
useYesNoOptions, useDataComeFromOptions, useRoleOptions, |
|||
useOrgOptions, useTableColumn |
|||
} from 'framework-core'; |
|||
|
|||
import CompleteTaskDialog from './CompleteTaskDialog'; |
|||
|
|||
/** |
|||
* 定义组件支持的自定义事件 |
|||
*/ |
|||
const emit = defineEmits([ |
|||
'selectedRowsChange', // 选择的行发生改变 |
|||
]); |
|||
|
|||
const { t } = useI18n(); |
|||
const axios = useAxios(); |
|||
const fc = useFrameworkConfiguration(); |
|||
const router = useRouter(); |
|||
const route = useRoute(); |
|||
|
|||
const listGridRef = ref(null); |
|||
const completeTaskDialogRef = ref(null); |
|||
|
|||
const listGridFields = computed(() => { |
|||
return { |
|||
query: [ |
|||
{ component:'input', name:'processInstanceId', label:t('org.wsp.framework.flowable.task.entity.processInstanceId') }, |
|||
], |
|||
grid: [ |
|||
useTableColumn({ width:150, name:'name', title:t('org.wsp.framework.flowable.task.entity.name') }), |
|||
useTableColumn({ width:80, name:'owner', title:t('org.wsp.framework.flowable.task.entity.owner') }), |
|||
useTableColumn({ width:100, name:'assignee', title:t('org.wsp.framework.flowable.task.entity.assignee') }), |
|||
useTableColumn({ width:150, name:'createTime', title:t('org.wsp.framework.flowable.task.entity.createTime') }), |
|||
useTableColumn({ width:150, name:'claimTime', title:t('org.wsp.framework.flowable.task.entity.claimTime') }), |
|||
useTableColumn({ width:150, name:'processInstanceId', title:t('org.wsp.framework.flowable.task.entity.processInstanceId') }), |
|||
] |
|||
}; |
|||
}); |
|||
|
|||
const listGridToolBarActions = computed(() => { |
|||
return ['*query', 'reset', 'refresh', 'divider', |
|||
{ |
|||
icon: 'PartitionOutlined', |
|||
title: t('org.wsp.framework.flowable.action.showWorkflowDiagram'), |
|||
enableIf: (selectedRecords) => { |
|||
const record = listGridRef?.value?.getSelectedRow(); |
|||
return selectedRecords.length > 0; |
|||
}, |
|||
click: () => { |
|||
console.log('1'); |
|||
}, |
|||
}, |
|||
'divider', |
|||
{ |
|||
icon: 'RightCircleOutlined', |
|||
title: t('org.wsp.framework.flowable.action.complete.task'), |
|||
enableIf: (selectedRecords) => { |
|||
const record = listGridRef?.value?.getSelectedRow(); |
|||
return selectedRecords.length > 0; |
|||
}, |
|||
click: () => { |
|||
const record = listGridRef?.value?.getSelectedRow(); |
|||
completeTaskDialogRef?.value?.open(record.id); |
|||
}, |
|||
}, |
|||
{ |
|||
icon: 'DownCircleOutlined', |
|||
title: t('org.wsp.framework.flowable.action.claim.task'), |
|||
enableIf: (selectedRecords) => { |
|||
const record = listGridRef?.value?.getSelectedRow(); |
|||
return selectedRecords.length > 0 && !record.assignee; |
|||
}, |
|||
click: () => { |
|||
const record = listGridRef?.value?.getSelectedRow(); |
|||
axios.post( |
|||
fc.apiContextPath + '/system/process/operation/claim/' + record.id, |
|||
null |
|||
).then(() => { |
|||
notification.success({ |
|||
message: t('operationSuccess'), |
|||
duration:2 |
|||
}); |
|||
listGridRef?.value.refresh(); |
|||
}); |
|||
}, |
|||
}, |
|||
{ |
|||
icon: 'UpCircleOutlined', |
|||
title: t('org.wsp.framework.flowable.action.unclaim.task'), |
|||
enableIf: (selectedRecords) => { |
|||
const record = listGridRef?.value?.getSelectedRow(); |
|||
return selectedRecords.length > 0 && record.assignee; |
|||
}, |
|||
click: () => { |
|||
const record = listGridRef?.value?.getSelectedRow(); |
|||
axios.post( |
|||
fc.apiContextPath + '/system/process/operation/unClaim/' + record.id, |
|||
null |
|||
).then(() => { |
|||
notification.success({ |
|||
message: t('operationSuccess'), |
|||
duration:2 |
|||
}); |
|||
listGridRef?.value.refresh(); |
|||
}); |
|||
}, |
|||
}, |
|||
{ |
|||
icon: 'RollbackOutlined', |
|||
title: t('org.wsp.framework.flowable.action.jump.task'), |
|||
enableIf: (selectedRecords) => { |
|||
const record = listGridRef?.value?.getSelectedRow(); |
|||
return selectedRecords.length > 0; |
|||
}, |
|||
click: () => { |
|||
console.log('2'); |
|||
}, |
|||
}, |
|||
{ |
|||
icon: 'CloseCircleOutlined', |
|||
title: t('org.wsp.framework.flowable.action.terminate.processInstance'), |
|||
enableIf: (selectedRecords) => { |
|||
const record = listGridRef?.value?.getSelectedRow(); |
|||
return selectedRecords.length > 0; |
|||
}, |
|||
click: () => { |
|||
const record = listGridRef?.value?.getSelectedRow(); |
|||
axios.post( |
|||
fc.apiContextPath + '/system/process/operation/terminateProcessInstance/' + record.id, |
|||
null |
|||
).then(() => { |
|||
notification.success({ |
|||
message: t('operationSuccess'), |
|||
duration:2 |
|||
}); |
|||
listGridRef?.value.refresh(); |
|||
}); |
|||
}, |
|||
} |
|||
]; |
|||
}); |
|||
|
|||
const selectedRowsChange = (selectedRecords) => { |
|||
if (selectedRecords && selectedRecords.length > 0) { |
|||
emit('selectedRowsChange', selectedRecords[0]); |
|||
} else { |
|||
emit('selectedRowsChange', null); |
|||
} |
|||
}; |
|||
|
|||
const refresh = () => { |
|||
listGridRef.value.refresh(); |
|||
}; |
|||
|
|||
const afterCompleted = () => { |
|||
notification.success({ |
|||
message: t('operationSuccess'), |
|||
duration:2 |
|||
}); |
|||
listGridRef?.value.refresh(); |
|||
}; |
|||
|
|||
defineExpose({ |
|||
refresh, |
|||
}); |
|||
</script> |
|||
@ -1,67 +0,0 @@ |
|||
<template> |
|||
<a-modal |
|||
v-model:visible="visible" |
|||
:force-render="true" |
|||
:mask-closable="false" |
|||
:title="$t('org.wsp.framework.flowable.action.complete.task')" |
|||
> |
|||
<a-form |
|||
:model="formModelRef" |
|||
layout="horizontal" |
|||
:label-col="{ span: 6 }" |
|||
:wrapper-col="{ span: 18 }" |
|||
autocomplete="off" |
|||
> |
|||
<a-form-item name="variables" :label="$t('org.wsp.framework.flowable.instance.form.variables')"> |
|||
<a-textarea v-model:value="formModelRef.variables" :rows="6" /> |
|||
</a-form-item> |
|||
<a-form-item name="transientVariables" :label="$t('org.wsp.framework.flowable.instance.form.transientVariables')"> |
|||
<a-textarea v-model:value="formModelRef.transientVariables" :rows="6" /> |
|||
</a-form-item> |
|||
</a-form> |
|||
<template #footer> |
|||
<WorkflowAction |
|||
ref="workflowActionRef" |
|||
action-url="/system/process/operation/complete/" |
|||
@after-submit="afterSubmit" |
|||
> |
|||
</WorkflowAction> |
|||
</template> |
|||
</a-modal> |
|||
</template> |
|||
<script setup> |
|||
import { ref, reactive, onMounted } from 'vue'; |
|||
import { useI18n } from 'vue-i18n'; |
|||
import WorkflowAction from './WorkflowAction'; |
|||
|
|||
/** |
|||
* 定义组件支持的自定义事件 |
|||
*/ |
|||
const emit = defineEmits([ |
|||
'afterCompleted', // 提交成功后 |
|||
]); |
|||
|
|||
const { t } = useI18n(); |
|||
|
|||
const visible = ref(false); |
|||
const formModelRef = reactive({}); |
|||
const workflowActionRef = ref([]); |
|||
|
|||
const open = (taskId) => { |
|||
const transientVariables = {}; |
|||
transientVariables.task_treatment = '此处填写处理意见'; |
|||
formModelRef.transientVariables = JSON.stringify(transientVariables, null, 2); |
|||
workflowActionRef.value.setTaskId(taskId); |
|||
workflowActionRef.value.setDataRef(formModelRef); |
|||
visible.value = true; |
|||
}; |
|||
|
|||
const afterSubmit = (taskId) => { |
|||
visible.value = false; |
|||
emit('afterCompleted'); |
|||
}; |
|||
|
|||
defineExpose({ |
|||
open |
|||
}); |
|||
</script> |
|||
@ -1,69 +0,0 @@ |
|||
<template> |
|||
<a-modal |
|||
v-model:visible="visible" |
|||
:force-render="true" |
|||
:mask-closable="false" |
|||
:title="$t('org.wsp.framework.flowable.window.selectAssignee.title')" |
|||
centered |
|||
@ok="okHandle" |
|||
> |
|||
<a-space direction="vertical"> |
|||
<div>{{ t('org.wsp.framework.flowable.task.tip.selectAssignee') }}</div> |
|||
<a-form |
|||
:model="formModelRef" |
|||
layout="horizontal" |
|||
:label-col="{ span: 6 }" |
|||
:wrapper-col="{ span: 18 }" |
|||
autocomplete="off" |
|||
> |
|||
<a-form-item name="assignee" :label="$t('org.wsp.framework.flowable.task.entity.assignee')"> |
|||
<a-select v-model:value="formModelRef.assignee" :options="assigneeOptionsRef" /> |
|||
</a-form-item> |
|||
</a-form> |
|||
</a-space> |
|||
</a-modal> |
|||
</template> |
|||
<script setup> |
|||
import { |
|||
ref, reactive, toRaw, computed, onMounted |
|||
} from 'vue'; |
|||
import { useI18n } from 'vue-i18n'; |
|||
import { notification } from 'ant-design-vue'; |
|||
import { useFrameworkConfiguration, useAxios } from 'framework-core'; |
|||
|
|||
/** |
|||
* 定义组件支持的自定义事件 |
|||
*/ |
|||
const emit = defineEmits([ |
|||
'assigneeSelected', // 选择了候选人 |
|||
]); |
|||
|
|||
const fc = useFrameworkConfiguration(); |
|||
const axios = useAxios(); |
|||
const { t } = useI18n(); |
|||
|
|||
const visible = ref(false); |
|||
const formModelRef = reactive({}); |
|||
const assigneeOptionsRef = ref(null); |
|||
|
|||
const okHandle = () => { |
|||
emit('assigneeSelected', formModelRef.assignee); |
|||
visible.value = false; |
|||
}; |
|||
|
|||
const open = (assignees) => { |
|||
visible.value = true; |
|||
formModelRef.assignee = null; |
|||
const result = []; |
|||
if (assignees) { |
|||
for (let i = 0; i < assignees.length; i++) { |
|||
result.push({ value : assignees[i].loginName, label : assignees[i].loginName + '/' + assignees[i].userName, text : assignees[i].loginName + '/' + assignees[i].userName }); |
|||
} |
|||
} |
|||
assigneeOptionsRef.value = result; |
|||
}; |
|||
|
|||
defineExpose({ |
|||
open |
|||
}); |
|||
</script> |
|||
@ -1,158 +0,0 @@ |
|||
<template> |
|||
<div> |
|||
<a-button v-for="action in actionsRef" @click="buttonClick(action)">{{ action.title }}</a-button> |
|||
</div> |
|||
<SelectAssigneeDialog ref="selectAssigneeDialogRef" @assignee-selected="assigneeSelected"></SelectAssigneeDialog> |
|||
</template> |
|||
<script setup> |
|||
import { |
|||
ref, reactive, toRaw, computed, onMounted |
|||
} from 'vue'; |
|||
import { useI18n } from 'vue-i18n'; |
|||
import { useStore } from 'vuex'; |
|||
import { notification } from 'ant-design-vue'; |
|||
import { useFrameworkConfiguration, useAxios } from 'framework-core'; |
|||
import SelectAssigneeDialog from './SelectAssigneeDialog'; |
|||
|
|||
/** |
|||
* 定义组件支持的自定义属性 |
|||
*/ |
|||
const props = defineProps({ |
|||
// 获取回退按钮列表的 url,由系统自动提供,使用者无需指定 |
|||
gobackActionUrl : { type: String, default: '/system/process/operation/getGobacks/' }, |
|||
// 操作对应的服务器端控制器 url |
|||
actionUrl : { type: String, default: undefined }, |
|||
// 任务ID |
|||
taskId : { type: String, default: undefined }, |
|||
// 临时变量 |
|||
transientVariables : { type: Object, default: undefined }, |
|||
// 回退按钮默认宽度 |
|||
actionButtonWidth : { type: Number, default: 100 }, |
|||
// 默认按钮 |
|||
defaultActionButtons : { type: [Array, Object], default: undefined }, |
|||
// 默认按钮对齐方式 |
|||
defaultActionButtonsAlign : { type: String, default: 'right' }, |
|||
}); |
|||
|
|||
/** |
|||
* 定义组件支持的自定义事件 |
|||
*/ |
|||
const emit = defineEmits([ |
|||
'afterSubmit', // 提交成功后 |
|||
]); |
|||
|
|||
const fc = useFrameworkConfiguration(); |
|||
const store = useStore(); |
|||
const axios = useAxios(); |
|||
const { t } = useI18n(); |
|||
|
|||
const actionIdRef = ref(null); |
|||
const selectAssigneeDialogRef = ref(null); |
|||
|
|||
let dataRef = null; |
|||
let currentAction = null; |
|||
const actionsRef = reactive([]); |
|||
|
|||
const buildMembers = (gobacks) => { |
|||
actionsRef.splice(0, actionsRef.length); |
|||
|
|||
const members = []; |
|||
// 添加默认按钮(左边) |
|||
if (props.defaultActionButtonsAlign === 'left') { |
|||
if (props.defaultActionButtons && props.defaultActionButtons && props.defaultActionButtons.length > 0) { |
|||
for (let i = 0; i < props.defaultActionButtons.length; i++) { |
|||
members.push(props.defaultActionButtons[i]); |
|||
} |
|||
} |
|||
} |
|||
|
|||
// 回退按钮 |
|||
if (gobacks) { |
|||
for (let i = 0; i < gobacks.length; i++) { |
|||
const goback = gobacks[i]; |
|||
const transientVariables = {}; |
|||
transientVariables[goback.variableName] = goback.variableValue; |
|||
members.push({ |
|||
title : goback.title || t('goback'), |
|||
transientVariables, |
|||
}); |
|||
} |
|||
} |
|||
|
|||
// 提交按钮 |
|||
members.push({ title: t('submit') }); |
|||
|
|||
// 添加默认按钮(右边) |
|||
if (props.defaultActionButtonsAlign === 'right') { |
|||
if (props.defaultActionButtons && props.defaultActionButtons && props.defaultActionButtons.length > 0) { |
|||
for (let i = 0; i < props.defaultActionButtons.length; i++) { |
|||
members.push(props.defaultActionButtons[i]); |
|||
} |
|||
} |
|||
} |
|||
|
|||
// 更新到响应式变量中 |
|||
for (let i = 0; i < members.length; i++) { |
|||
actionsRef.push(members[i]); |
|||
} |
|||
}; |
|||
|
|||
const setTaskId = (taskId) => { |
|||
actionIdRef.value = taskId; |
|||
axios.get( |
|||
fc.apiContextPath + props.gobackActionUrl + taskId, |
|||
).then((data) => { |
|||
buildMembers(data.data); |
|||
}); |
|||
}; |
|||
|
|||
const buttonClick = (action) => { |
|||
currentAction = action; |
|||
// 首先清除临时变量，为第二次提交初始化数据 |
|||
const transientVariables = {}; |
|||
|
|||
// 如果是点击了“回退”按钮，将回退控制变量付给临时变量 |
|||
axios.post( |
|||
fc.apiContextPath + props.actionUrl + actionIdRef.value, |
|||
action |
|||
).then((data) => { |
|||
const rawData = data.data; |
|||
if (rawData.code === 0) { // 操作成功 |
|||
emit('afterSubmit'); |
|||
} else if (rawData.code === 1) { // 需要选择处理人 |
|||
selectAssigneeDialogRef.value.open(rawData.assignees); |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
const assigneeSelected = (assignee) => { |
|||
const data = currentAction; |
|||
if (dataRef.variables) { |
|||
data.variables = JSON.parse(dataRef.variables); |
|||
} |
|||
if (dataRef.transientVariables) { |
|||
data.transientVariables = JSON.parse(dataRef.transientVariables); |
|||
data.transientVariables.assignee = assignee; |
|||
} |
|||
axios.post( |
|||
fc.apiContextPath + props.actionUrl + actionIdRef.value, |
|||
data |
|||
).then((response) => { |
|||
const rawData = response.data; |
|||
if (rawData.code === 0) { // 操作成功 |
|||
emit('afterSubmit'); |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
const setDataRef = (_dataRef) => { |
|||
if (_dataRef) { |
|||
dataRef = _dataRef; |
|||
} |
|||
}; |
|||
|
|||
defineExpose({ |
|||
setTaskId, |
|||
setDataRef |
|||
}); |
|||
</script> |
|||
@ -1,158 +0,0 @@ |
|||
<template> |
|||
<div :class="`flex ${align === 'right' ? 'justify-end' : ''} gap-4`"> |
|||
<q-btn v-for="action in actionsRef" :key="action.name" :label="action.title" color="primary" @click="buttonClick(action)"></q-btn> |
|||
</div> |
|||
<SelectAssigneeDialog ref="selectAssigneeDialogRef" @assignee-selected="assigneeSelected"></SelectAssigneeDialog> |
|||
</template> |
|||
<script setup lang="ts"> |
|||
import { ref, onMounted } from 'vue'; |
|||
import { useI18n } from 'vue-i18n'; |
|||
import { Environment, Tools, axios } from 'platform-core'; |
|||
import SelectAssigneeDialog from './SelectAssigneeDialog.vue'; |
|||
import { reactive } from 'vue'; |
|||
|
|||
/** |
|||
* 定义组件支持的自定义属性 |
|||
*/ |
|||
const props = defineProps({ |
|||
//任务 ID |
|||
taskId: { type: String, default: undefined }, |
|||
//数据对象 |
|||
data: { |
|||
type: Object, |
|||
default: () => { |
|||
return {}; |
|||
}, |
|||
}, |
|||
//对齐方式 |
|||
align: { type: String, default: 'center' }, |
|||
// 完成操作对应的服务器端控制器 url |
|||
actionUrl: { type: String, default: undefined }, |
|||
// 获取回退按钮列表的 url,由系统自动提供,使用者无需指定 |
|||
gobackActionUrl: { type: String, default: '/api/flowable/process/operation/getGobacks' }, |
|||
// 默认按钮 |
|||
defaultActionButtons: { type: [Array, Object], default: undefined }, |
|||
// 默认按钮放置位置 |
|||
defaultActionButtonsPlacement: { type: String, default: 'right' }, |
|||
// 是否 goback 按钮组采用下拉列表模式 |
|||
isGobackActionDropdown: { type: Boolean, default: false }, |
|||
}); |
|||
|
|||
/** |
|||
* 定义组件支持的自定义事件 |
|||
*/ |
|||
const emit = defineEmits([ |
|||
'afterSubmit', // 提交成功后 |
|||
]); |
|||
|
|||
const { t } = useI18n(); |
|||
const actionsRef = ref([]); |
|||
const selectAssigneeDialogRef = ref(); |
|||
const currentActionRef = ref(null); |
|||
|
|||
const buildActions = (taskId: string) => { |
|||
axios.get(Environment.apiContextPath(props.gobackActionUrl + '/' + taskId)).then((data) => { |
|||
buildButtons(data.data); |
|||
}); |
|||
}; |
|||
|
|||
const buildButtons = (gobacks) => { |
|||
const buttons = []; |
|||
// 添加默认按钮(左边) |
|||
if (props.defaultActionButtonsPlacement === 'left') { |
|||
if (props.defaultActionButtons && props.defaultActionButtons && props.defaultActionButtons.length > 0) { |
|||
for (let i = 0; i < props.defaultActionButtons.length; i++) { |
|||
buttons.push(props.defaultActionButtons[i]); |
|||
} |
|||
} |
|||
} |
|||
|
|||
// 回退按钮 |
|||
if (gobacks && gobacks.length > 0) { |
|||
for (let i = 0; i < gobacks.length; i++) { |
|||
const goback = gobacks[i]; |
|||
const transientVariables = {}; |
|||
transientVariables[goback.variableName] = goback.variableValue; |
|||
buttons.push({ |
|||
title: goback.title || t('goback'), |
|||
transientVariables, |
|||
}); |
|||
} |
|||
} |
|||
|
|||
// 提交按钮 |
|||
buttons.push({ title: t('submit') }); |
|||
|
|||
// 添加默认按钮(右边) |
|||
if (props.defaultActionButtonsPlacement === 'right') { |
|||
if (props.defaultActionButtons && props.defaultActionButtons && props.defaultActionButtons.length > 0) { |
|||
for (let i = 0; i < props.defaultActionButtons.length; i++) { |
|||
buttons.push(props.defaultActionButtons[i]); |
|||
} |
|||
} |
|||
} |
|||
|
|||
// 更新到响应式变量中 |
|||
actionsRef.value.splice(0, actionsRef.value.length); |
|||
for (let i = 0; i < buttons.length; i++) { |
|||
actionsRef.value.push(buttons[i]); |
|||
} |
|||
}; |
|||
|
|||
const buttonClick = (action) => { |
|||
currentActionRef.value = action; |
|||
const data = { |
|||
variables: {}, |
|||
transientVariables: {}, |
|||
}; |
|||
if (!Tools.isUndefinedOrNull(props.data)) { |
|||
if (!Tools.isEmpty(props.data.variables)) { |
|||
data.variables = JSON.parse(props.data.variables); |
|||
} |
|||
if (!Tools.isEmpty(props.data.transientVariables)) { |
|||
data.transientVariables = JSON.parse(props.data.transientVariables); |
|||
} |
|||
} |
|||
if (!Tools.isUndefinedOrNull(action)) { |
|||
if (!Tools.isUndefinedOrNull(action.transientVariables)) { |
|||
Tools.mergeObject(data.transientVariables, action.transientVariables); |
|||
} |
|||
} |
|||
console.log(data); |
|||
|
|||
// 如果是点击了“回退”按钮，将回退控制变量付给临时变量 |
|||
axios.post(props.actionUrl + '/' + props.taskId, data).then((response) => { |
|||
if (response.data.code === 0) { |
|||
// 操作成功 |
|||
emit('afterSubmit'); |
|||
} else if (response.data.code === 1) { |
|||
// 需要选择处理人 |
|||
selectAssigneeDialogRef.value.open(response.data); |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
const assigneeSelected = (assignee) => { |
|||
const data = currentActionRef.value; |
|||
if (props.data.variables) { |
|||
data.variables = JSON.parse(props.data.variables); |
|||
} |
|||
if (props.data.transientVariables) { |
|||
data.transientVariables = JSON.parse(props.data.transientVariables); |
|||
data.transientVariables.assignee = assignee; |
|||
} |
|||
axios.post(Environment.apiContextPath(props.actionUrl + props.taskId), data).then((response) => { |
|||
const rawData = response.data; |
|||
if (rawData.code === 0) { |
|||
// 操作成功 |
|||
emit('afterSubmit'); |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
onMounted(() => { |
|||
if (props.taskId) { |
|||
buildActions(props.taskId); |
|||
} |
|||
}); |
|||
</script> |
|||
Loading…
Reference in new issue