ssc
4 years ago
parent
6de6dcdfa9
commit
0165c01d75
7 changed files with 856 additions and 15 deletions
File diff suppressed because one or more lines are too long
@ -0,0 +1,139 @@ |
|||||||
|
import request from '@/router/axios' |
||||||
|
|
||||||
|
const prefix = '/api/blade-workflow/ops' |
||||||
|
|
||||||
|
/** |
||||||
|
* 所有待办任务 |
||||||
|
*/ |
||||||
|
export const getList = (current, size, params) => { |
||||||
|
return request({ |
||||||
|
url: `${prefix}/list`, |
||||||
|
method: 'get', |
||||||
|
params: { |
||||||
|
...params, |
||||||
|
current, |
||||||
|
size, |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 完成任务 |
||||||
|
*/ |
||||||
|
export const completeTask = (data) => { |
||||||
|
return request({ |
||||||
|
url: `${prefix}/completeTask`, |
||||||
|
method: 'post', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 变更任务状态 |
||||||
|
*/ |
||||||
|
export const changeTaskStatus = (data) => { |
||||||
|
return request({ |
||||||
|
url: `${prefix}/changeTaskStatus`, |
||||||
|
method: 'post', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 变更任务审核人 |
||||||
|
*/ |
||||||
|
export const changeTaskAssignee = (data) => { |
||||||
|
return request({ |
||||||
|
url: `${prefix}/changeTaskAssignee`, |
||||||
|
method: 'post', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 转办任务 |
||||||
|
*/ |
||||||
|
export const transferTask = (data) => { |
||||||
|
return request({ |
||||||
|
url: `${prefix}/transferTask`, |
||||||
|
method: 'post', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 委托任务 |
||||||
|
*/ |
||||||
|
export const delegateTask = (data) => { |
||||||
|
return request({ |
||||||
|
url: `${prefix}/delegateTask`, |
||||||
|
method: 'post', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 抄送任务 |
||||||
|
*/ |
||||||
|
export const copyTask = (data) => { |
||||||
|
return request({ |
||||||
|
url: `${prefix}/copyTask`, |
||||||
|
method: 'post', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 催办任务 |
||||||
|
*/ |
||||||
|
export const urgeTask = (data) => { |
||||||
|
return request({ |
||||||
|
url: `${prefix}/urgeTask`, |
||||||
|
method: 'post', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 终止流程 |
||||||
|
*/ |
||||||
|
export const terminateProcess = (data) => { |
||||||
|
return request({ |
||||||
|
url: `${prefix}/terminateProcess`, |
||||||
|
method: 'post', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 流程节点 |
||||||
|
*/ |
||||||
|
export const processNodes = (params) => { |
||||||
|
return request({ |
||||||
|
url: `${prefix}/processNodes`, |
||||||
|
method: 'get', |
||||||
|
params |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 指定回退 |
||||||
|
*/ |
||||||
|
export const rollbackTask = (data) => { |
||||||
|
return request({ |
||||||
|
url: `${prefix}/rollbackTask`, |
||||||
|
method: 'post', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 调度任务 |
||||||
|
*/ |
||||||
|
export const dispatchTask = (data) => { |
||||||
|
return request({ |
||||||
|
url: `${prefix}/dispatchTask`, |
||||||
|
method: 'post', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
@ -0,0 +1,129 @@ |
|||||||
|
<template> |
||||||
|
<el-tabs v-model="activeName"> |
||||||
|
<el-tab-pane label="申请信息" |
||||||
|
name="first"> |
||||||
|
<el-card shadow="never"> |
||||||
|
<div ref="printBody"> |
||||||
|
<avue-form v-if="option && ((option.column && option.column.length > 0) || (option.group && option.group.length > 0))" |
||||||
|
v-model="form" |
||||||
|
ref="form" |
||||||
|
:option="option"> |
||||||
|
</avue-form> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
</el-tab-pane> |
||||||
|
<el-tab-pane label="流转信息" |
||||||
|
name="second"> |
||||||
|
<el-card shadow="never" |
||||||
|
style="margin-top: 5px;"> |
||||||
|
<wf-flow :flow="flow"></wf-flow> |
||||||
|
</el-card> |
||||||
|
</el-tab-pane> |
||||||
|
<el-tab-pane label="流程跟踪" |
||||||
|
name="third"> |
||||||
|
<template v-if="activeName == 'third'"> |
||||||
|
<el-card shadow="never" |
||||||
|
style="margin-top: 5px;"> |
||||||
|
<wf-design ref="bpmn" |
||||||
|
style="height: 500px;" |
||||||
|
:options="bpmnOption"></wf-design> |
||||||
|
</el-card> |
||||||
|
</template> |
||||||
|
</el-tab-pane> |
||||||
|
</el-tabs> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import WfFlow from '../process/components/flow.vue' |
||||||
|
|
||||||
|
import exForm from '../mixins/ex-form' |
||||||
|
|
||||||
|
export default { |
||||||
|
mixins: [exForm], |
||||||
|
components: { WfFlow }, |
||||||
|
props: { |
||||||
|
processInstanceId: String, |
||||||
|
taskId: String |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
processInstanceId: { |
||||||
|
handler() { |
||||||
|
const { taskId, processInstanceId } = this |
||||||
|
if (taskId && processInstanceId) this.getDetail(taskId, processInstanceId) |
||||||
|
}, |
||||||
|
immediate: true |
||||||
|
} |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
activeName: 'first', |
||||||
|
form: {}, |
||||||
|
option: {}, |
||||||
|
vars: [], // 需要提交的字段 |
||||||
|
submitLoading: false, // 提交时按钮loading |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 获取任务详情 |
||||||
|
getDetail(taskId, processInsId) { |
||||||
|
this.getTaskDetail(taskId, processInsId).then(res => { |
||||||
|
const { process, form } = res |
||||||
|
const { variables } = process |
||||||
|
|
||||||
|
let { allForm } = form |
||||||
|
if (allForm) { |
||||||
|
const option = eval('(' + allForm + ')') |
||||||
|
option.menuBtn = false |
||||||
|
const { column, group } = option |
||||||
|
option.detail = true |
||||||
|
if (column && column.length > 0) { // 处理column |
||||||
|
column.forEach(col => { |
||||||
|
if (col.type == 'dynamic') col.children.column.forEach(cc => delete cc.value) |
||||||
|
else delete col.value |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
if (group && group.length > 0) { // 处理group |
||||||
|
group.forEach(gro => { |
||||||
|
if (gro.column && gro.column.length > 0) { |
||||||
|
gro.column.forEach(col => { |
||||||
|
if (col.type == 'dynamic') col.children.column.forEach(cc => delete cc.value) |
||||||
|
else delete col.value |
||||||
|
}) |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
for (let key in variables) { |
||||||
|
if (!variables[key]) delete variables[key] |
||||||
|
} |
||||||
|
if (process.variables && process.variables.serialNumber) { |
||||||
|
column.unshift({ |
||||||
|
label: '流水号', |
||||||
|
prop: 'serialNumber', |
||||||
|
span: 24, |
||||||
|
detail: true, |
||||||
|
}) |
||||||
|
} |
||||||
|
option.column = column |
||||||
|
option.group = group |
||||||
|
|
||||||
|
this.option = option |
||||||
|
this.form = variables |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.header { |
||||||
|
width: 100%; |
||||||
|
height: 50px; |
||||||
|
background: #fff; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
padding: 0 10px 10px 0; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,558 @@ |
|||||||
|
<template> |
||||||
|
<basic-container> |
||||||
|
<avue-crud ref="crud" |
||||||
|
:option="option" |
||||||
|
:table-loading="loading" |
||||||
|
:data="data" |
||||||
|
:page.sync="page" |
||||||
|
v-model="form" |
||||||
|
@search-change="searchChange" |
||||||
|
@search-reset="searchReset" |
||||||
|
@selection-change="selectionChange" |
||||||
|
@current-change="currentChange" |
||||||
|
@size-change="sizeChange" |
||||||
|
@refresh-change="onLoad(page, query)" |
||||||
|
@on-load="onLoad"> |
||||||
|
<template #menuLeft> |
||||||
|
<el-button v-if="permission.wf_ops_pass" |
||||||
|
:disabled="loading" |
||||||
|
size="mini" |
||||||
|
type="success" |
||||||
|
icon="el-icon-check" |
||||||
|
@click="handleCompleteTask(null, true)">通过</el-button> |
||||||
|
<el-button v-if="permission.wf_ops_reject" |
||||||
|
:disabled="loading" |
||||||
|
size="mini" |
||||||
|
type="danger" |
||||||
|
icon="el-icon-close" |
||||||
|
@click="handleCompleteTask(null, false)">驳回</el-button> |
||||||
|
<el-button v-if="permission.wf_ops_change_assignee" |
||||||
|
:disabled="loading" |
||||||
|
size="mini" |
||||||
|
type="warning" |
||||||
|
icon="el-icon-user" |
||||||
|
@click="handleUserSelect({type: 'assignee', checkType: 'radio'})">变更审核人</el-button> |
||||||
|
<el-button v-if="permission.wf_ops_transfer" |
||||||
|
:disabled="loading" |
||||||
|
size="mini" |
||||||
|
type="primary" |
||||||
|
icon="el-icon-user" |
||||||
|
@click="handleUserSelect({type: 'transfer', checkType: 'radio'})">转办</el-button> |
||||||
|
<el-button v-if="permission.wf_ops_delegate" |
||||||
|
:disabled="loading" |
||||||
|
size="mini" |
||||||
|
type="success" |
||||||
|
icon="el-icon-user" |
||||||
|
@click="handleUserSelect({type: 'delegate', checkType: 'radio'})">委托</el-button> |
||||||
|
<el-button v-if="permission.wf_ops_copy" |
||||||
|
:disabled="loading" |
||||||
|
size="mini" |
||||||
|
type="info" |
||||||
|
icon="el-icon-s-promotion" |
||||||
|
@click="handleUserSelect({type: 'copy', checkType: 'checkbox'})">抄送</el-button> |
||||||
|
<el-button v-if="permission.wf_ops_urge" |
||||||
|
:disabled="loading" |
||||||
|
size="mini" |
||||||
|
type="warning" |
||||||
|
icon="el-icon-warning" |
||||||
|
@click="handleUrgeTask(null)">催办</el-button> |
||||||
|
<el-button v-if="permission.wf_ops_terminate" |
||||||
|
:disabled="loading" |
||||||
|
size="mini" |
||||||
|
type="danger" |
||||||
|
icon="el-icon-s-opportunity" |
||||||
|
@click="handleTerminateProcess(null)">终止</el-button> |
||||||
|
</template> |
||||||
|
<template #processDefinitionName="{row}"> |
||||||
|
<el-link v-if="permission.wf_ops_detail" |
||||||
|
style="font-size: 12px;" |
||||||
|
type="primary" |
||||||
|
@click="handleDetail(row)">{{row.processDefinitionName}}</el-link> |
||||||
|
<span v-else>{{row.processDefinitionName}}</span> |
||||||
|
</template> |
||||||
|
<template #isSuspended="{row}"> |
||||||
|
<el-tag v-if="row.isSuspended" |
||||||
|
size="mini" |
||||||
|
type="danger">挂起</el-tag> |
||||||
|
<el-tag v-else |
||||||
|
size="mini">激活</el-tag> |
||||||
|
</template> |
||||||
|
<template #menu="{row}"> |
||||||
|
<el-button v-if="permission.wf_ops_follow" |
||||||
|
type="text" |
||||||
|
size="small" |
||||||
|
icon="el-icon-search" |
||||||
|
@click="handleFlow(row)">流程图</el-button> |
||||||
|
<el-dropdown style="margin-left: 5px;"> |
||||||
|
<el-button size="mini" |
||||||
|
type="text">更多操作<i class="el-icon-arrow-down el-icon--right"></i></el-button> |
||||||
|
<template #dropdown> |
||||||
|
<el-dropdown-menu> |
||||||
|
<el-dropdown-item v-if="permission.wf_ops_pass" |
||||||
|
@click.native="handleCompleteTask(row.taskId, true)">通过</el-dropdown-item> |
||||||
|
<el-dropdown-item v-if="permission.wf_ops_reject" |
||||||
|
@click.native="handleCompleteTask(row.taskId, false)">驳回</el-dropdown-item> |
||||||
|
<el-dropdown-item v-if="permission.wf_ops_transfer" |
||||||
|
@click.native="handleUserSelect({type: 'transfer', checkType: 'radio'}, row)">转办</el-dropdown-item> |
||||||
|
<el-dropdown-item v-if="permission.wf_ops_delegate" |
||||||
|
@click.native="handleUserSelect({type: 'delegate', checkType: 'radio'}, row)">委托</el-dropdown-item> |
||||||
|
<el-dropdown-item v-if="permission.wf_ops_dispatch" |
||||||
|
@click.native="getProcessNodes(row.taskId, row.processInstanceId, 'dispatch')">调度</el-dropdown-item> |
||||||
|
<el-dropdown-item v-if="permission.wf_ops_rollback" |
||||||
|
@click.native="getProcessNodes(row.taskId, row.processInstanceId, 'rollback')">指定回退</el-dropdown-item> |
||||||
|
<el-dropdown-item v-if="permission.wf_ops_terminate" |
||||||
|
@click.native="handleTerminateProcess(row.taskId)">终止</el-dropdown-item> |
||||||
|
<el-dropdown-item v-if="permission.wf_ops_copy" |
||||||
|
@click.native="handleUserSelect({type: 'copy', checkType: 'checkbox'}, row)">抄送</el-dropdown-item> |
||||||
|
<el-dropdown-item v-if="permission.wf_ops_urge" |
||||||
|
@click.native="handleUrgeTask(row.taskId)">催办</el-dropdown-item> |
||||||
|
<el-dropdown-item v-if="permission.wf_ops_active && row.isSuspended" |
||||||
|
@click.native="handleChangeStatus(row, false)">激活</el-dropdown-item> |
||||||
|
<el-dropdown-item v-if="permission.wf_ops_suspend && !row.isSuspended" |
||||||
|
@click.native="handleChangeStatus(row, true)">挂起</el-dropdown-item> |
||||||
|
</el-dropdown-menu> |
||||||
|
</template> |
||||||
|
</el-dropdown> |
||||||
|
</template> |
||||||
|
</avue-crud> |
||||||
|
|
||||||
|
<el-dialog :visible.sync="bpmnVisible" |
||||||
|
append-to-body |
||||||
|
destroy-on-close |
||||||
|
title="流程图"> |
||||||
|
<wf-design ref="bpmn" |
||||||
|
style="height: 500px;" |
||||||
|
:options="bpmnOption"></wf-design> |
||||||
|
</el-dialog> |
||||||
|
<!-- 人员选择弹窗 --> |
||||||
|
<user-select ref="user-select" |
||||||
|
:check-type="checkType" |
||||||
|
@onConfirm="handleUserSelectConfirm"></user-select> |
||||||
|
<!-- 选择节点弹窗 --> |
||||||
|
<el-dialog :visible.sync="nodeVisible" |
||||||
|
append-to-body |
||||||
|
title="选择节点"> |
||||||
|
<avue-form v-if="nodeVisible" |
||||||
|
v-model="nodeForm" |
||||||
|
:option="nodeOption" |
||||||
|
@submit="handleNodeSubmit"></avue-form> |
||||||
|
</el-dialog> |
||||||
|
<el-drawer :visible.sync="detailVisible" |
||||||
|
:title="form.processDefinitionName" |
||||||
|
custom-class="wf-drawer" |
||||||
|
size="60%" |
||||||
|
append-to-body> |
||||||
|
<task-detail v-if="detailVisible" |
||||||
|
:taskId="form.taskId" |
||||||
|
:processInstanceId="form.processInstanceId"></task-detail> |
||||||
|
</el-drawer> |
||||||
|
</basic-container> |
||||||
|
|
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { detail } from '@/api/plugin/workflow/process' |
||||||
|
import { |
||||||
|
getList, completeTask, changeTaskStatus, changeTaskAssignee, transferTask, delegateTask, copyTask, urgeTask, terminateProcess, processNodes, rollbackTask, dispatchTask |
||||||
|
} from "@/api/plugin/workflow/ops"; |
||||||
|
import { userList } from "@/api/plugin/workflow/process"; |
||||||
|
import { mapGetters } from "vuex"; |
||||||
|
|
||||||
|
import UserSelect from '../process/components/user-select.vue' |
||||||
|
import TaskDetail from './detail.vue' |
||||||
|
import exForm from '../mixins/ex-form' |
||||||
|
|
||||||
|
export default { |
||||||
|
mixins: [exForm], |
||||||
|
components: { |
||||||
|
UserSelect, TaskDetail |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
checkType: 'radio', |
||||||
|
form: {}, |
||||||
|
query: {}, |
||||||
|
loading: true, |
||||||
|
page: { |
||||||
|
pageSize: 10, |
||||||
|
currentPage: 1, |
||||||
|
total: 0 |
||||||
|
}, |
||||||
|
selectionList: [], |
||||||
|
option: { |
||||||
|
size: 'mini', |
||||||
|
height: 'auto', |
||||||
|
calcHeight: 30, |
||||||
|
tip: false, |
||||||
|
border: true, |
||||||
|
selection: true, |
||||||
|
dialogType: 'drawer', |
||||||
|
addBtn: false, |
||||||
|
editBtn: false, |
||||||
|
delBtn: false, |
||||||
|
align: 'center', |
||||||
|
searchSize: 'mini', |
||||||
|
searchMenuSpan: 6, |
||||||
|
// searchIndex: 3, |
||||||
|
// searchIcon: true, |
||||||
|
column: [ |
||||||
|
{ |
||||||
|
label: '流程名称', |
||||||
|
prop: 'processDefinitionName', |
||||||
|
search: true, |
||||||
|
overHidden: true |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '流程标识', |
||||||
|
prop: 'processDefinitionKey', |
||||||
|
search: true, |
||||||
|
overHidden: true |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '流水号', |
||||||
|
prop: 'serialNumber', |
||||||
|
search: true, |
||||||
|
overHidden: true |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: "流程分类", |
||||||
|
row: true, |
||||||
|
type: 'tree', |
||||||
|
dicUrl: '/api/blade-workflow/design/category/tree', |
||||||
|
props: { |
||||||
|
label: 'name', |
||||||
|
value: 'id' |
||||||
|
}, |
||||||
|
prop: "category", |
||||||
|
search: true, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '当前节点', |
||||||
|
prop: 'taskName', |
||||||
|
search: true |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '审核人', |
||||||
|
prop: 'assignee', |
||||||
|
search: true |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '申请人', |
||||||
|
prop: 'applyUserName', |
||||||
|
search: true |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '创建时间', |
||||||
|
prop: 'createTime', |
||||||
|
type: 'datetime', |
||||||
|
format: 'yyyy-MM-dd HH:mm', |
||||||
|
width: 165, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '状态', |
||||||
|
prop: 'isSuspended', |
||||||
|
type: 'select', |
||||||
|
dicData: [{ |
||||||
|
label: '挂起', |
||||||
|
value: true |
||||||
|
}, { |
||||||
|
label: '激活', |
||||||
|
value: false |
||||||
|
}], |
||||||
|
search: true |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '时间范围', |
||||||
|
prop: 'date', |
||||||
|
type: 'date', |
||||||
|
dataType: 'string', |
||||||
|
format: 'yyyy-MM-dd', |
||||||
|
valueFormat: 'yyyy-MM-dd', |
||||||
|
hide: true, |
||||||
|
search: true, |
||||||
|
searchRange: true, |
||||||
|
} |
||||||
|
] |
||||||
|
}, |
||||||
|
data: [], |
||||||
|
bpmnVisible: false, |
||||||
|
bpmnOption: {}, |
||||||
|
nodeVisible: false, |
||||||
|
nodeForm: {}, |
||||||
|
nodeOption: { |
||||||
|
column: [{ |
||||||
|
label: '节点', |
||||||
|
prop: 'nodeId', |
||||||
|
type: 'select', |
||||||
|
props: { |
||||||
|
label: 'nodeName', |
||||||
|
value: 'nodeId' |
||||||
|
}, |
||||||
|
span: 24, |
||||||
|
rules: [{ required: true, message: '请选择节点', trigger: 'change' }] |
||||||
|
}] |
||||||
|
}, |
||||||
|
nodeType: '', |
||||||
|
detailVisible: false |
||||||
|
}; |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
...mapGetters(["permission"]), |
||||||
|
ids() { |
||||||
|
let ids = []; |
||||||
|
this.selectionList.forEach(ele => { |
||||||
|
ids.push(ele.taskId); |
||||||
|
}); |
||||||
|
return ids.join(","); |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
handleDetail(row) { |
||||||
|
this.form = { ...row } |
||||||
|
this.detailVisible = true |
||||||
|
}, |
||||||
|
rollbackTask, |
||||||
|
dispatchTask, |
||||||
|
handleNodeSubmit(form, done) { |
||||||
|
const { nodeId, taskId } = form |
||||||
|
const param = { nodeId, taskId } |
||||||
|
this.loading = true |
||||||
|
this[`${this.nodeType}Task`](param).then(() => { |
||||||
|
this.$message.success('操作成功') |
||||||
|
this.form = {} |
||||||
|
done() |
||||||
|
this.nodeVisible = false |
||||||
|
this.onLoad(this.page, this.query) |
||||||
|
}).catch(() => { |
||||||
|
done() |
||||||
|
this.loading = false |
||||||
|
}) |
||||||
|
}, |
||||||
|
getProcessNodes(taskId, processInstanceId, type) { |
||||||
|
this.nodeType = type |
||||||
|
const param = { processInstanceId } |
||||||
|
if (type == 'rollback') param.taskId = taskId |
||||||
|
processNodes(param).then(res => { |
||||||
|
this.findObject(this.nodeOption.column, 'nodeId').dicData = res.data.data |
||||||
|
this.nodeVisible = true |
||||||
|
this.nodeForm = { |
||||||
|
...this.nodeForm, |
||||||
|
taskId, processInstanceId |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
handleCompleteTask(taskId, pass) { |
||||||
|
if (!taskId) { |
||||||
|
if (this.selectionList.length === 0) { |
||||||
|
this.$message.warning("请选择至少一条数据") |
||||||
|
return |
||||||
|
} |
||||||
|
taskId = this.ids |
||||||
|
} |
||||||
|
this.$confirm(`确定要将选中的任务全部<span style='color: red;'> ${pass ? '通过' : '驳回'} </span>吗？`, '警告', { |
||||||
|
type: 'warning', |
||||||
|
dangerouslyUseHTMLString: true, |
||||||
|
}).then(() => { |
||||||
|
this.loading = true |
||||||
|
completeTask({ taskId, pass }).then(() => { |
||||||
|
this.$message.success('操作成功') |
||||||
|
this.onLoad(this.page, this.query) |
||||||
|
}).catch(() => { |
||||||
|
this.loading = false |
||||||
|
}) |
||||||
|
}).catch(() => { }) |
||||||
|
}, |
||||||
|
handleUrgeTask(taskId) { |
||||||
|
if (!taskId) { |
||||||
|
if (this.selectionList.length === 0) { |
||||||
|
this.$message.warning("请选择至少一条数据") |
||||||
|
return |
||||||
|
} |
||||||
|
taskId = this.ids |
||||||
|
} |
||||||
|
this.$confirm(`确定要将催办选中的任务吗？若任务没有审核人此操作无效`, '警告', { |
||||||
|
type: 'warning', |
||||||
|
}).then(() => { |
||||||
|
this.loading = true |
||||||
|
urgeTask({ taskId }).then(() => { |
||||||
|
this.$message.success('催办成功') |
||||||
|
this.onLoad(this.page, this.query) |
||||||
|
}).catch(() => { |
||||||
|
this.loading = false |
||||||
|
}) |
||||||
|
}).catch(() => { }) |
||||||
|
}, |
||||||
|
handleTerminateProcess(taskId) { |
||||||
|
if (!taskId) { |
||||||
|
if (this.selectionList.length === 0) { |
||||||
|
this.$message.warning("请选择至少一条数据") |
||||||
|
return |
||||||
|
} |
||||||
|
taskId = this.ids |
||||||
|
} |
||||||
|
this.$confirm(`确定要将选中的任务流程终止吗？`, '警告', { |
||||||
|
type: 'warning', |
||||||
|
}).then(() => { |
||||||
|
this.loading = true |
||||||
|
terminateProcess({ taskId }).then(() => { |
||||||
|
this.$message.success('终止成功') |
||||||
|
this.onLoad(this.page, this.query) |
||||||
|
}).catch(() => { |
||||||
|
this.loading = false |
||||||
|
}) |
||||||
|
}).catch(() => { }) |
||||||
|
}, |
||||||
|
handleChangeStatus(row, isSuspended) { |
||||||
|
this.loading = true |
||||||
|
changeTaskStatus({ taskId: row.taskId, isSuspended }).then(() => { |
||||||
|
this.$message.success('操作成功') |
||||||
|
this.onLoad(this.page, this.query) |
||||||
|
}).catch(() => { |
||||||
|
this.loading = false |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 人员选择弹窗 |
||||||
|
handleUserSelect({ type, checkType }, row) { |
||||||
|
if (row) this.selectionList = [row] |
||||||
|
if (this.selectionList.length === 0) { |
||||||
|
this.$message.warning("请选择至少一条数据") |
||||||
|
return |
||||||
|
} |
||||||
|
this.$refs['user-select'].visible = true |
||||||
|
this.userSelectType = type |
||||||
|
this.checkType = checkType |
||||||
|
}, |
||||||
|
handleUserSelectConfirm(id, name) { |
||||||
|
switch (this.userSelectType) { |
||||||
|
case 'assignee': |
||||||
|
this.$confirm(`确定要将选中的任务审核人变更为<span style='color: red;'> ${name} </span>吗？`, '提示', { |
||||||
|
type: 'warning', |
||||||
|
dangerouslyUseHTMLString: true, |
||||||
|
}).then(() => { |
||||||
|
this.$refs['user-select'].visible = false |
||||||
|
this.loading = true |
||||||
|
changeTaskAssignee({ taskId: this.ids, assignee: id }).then(() => { |
||||||
|
this.$message.success('操作成功') |
||||||
|
this.onLoad(this.page, this.query) |
||||||
|
this.selectionList = [] |
||||||
|
}).catch(() => { |
||||||
|
this.loading = false |
||||||
|
}) |
||||||
|
}).catch(() => { }) |
||||||
|
break; |
||||||
|
case 'transfer': |
||||||
|
this.$confirm(`确定要将选中的任务转办给<span style='color: red;'> ${name} </span>吗？`, '提示', { |
||||||
|
type: 'warning', |
||||||
|
dangerouslyUseHTMLString: true, |
||||||
|
}).then(() => { |
||||||
|
this.$refs['user-select'].visible = false |
||||||
|
this.loading = true |
||||||
|
transferTask({ taskId: this.ids, assignee: id }).then(() => { |
||||||
|
this.$message.success('转办成功') |
||||||
|
this.onLoad(this.page, this.query) |
||||||
|
this.selectionList = [] |
||||||
|
}).catch(() => { |
||||||
|
this.loading = false |
||||||
|
}) |
||||||
|
}).catch(() => { }) |
||||||
|
break; |
||||||
|
case 'delegate': |
||||||
|
this.$confirm(`确定要将选中的任务委托给<span style='color: red;'> ${name} </span>吗？`, '提示', { |
||||||
|
type: 'warning', |
||||||
|
dangerouslyUseHTMLString: true, |
||||||
|
}).then(() => { |
||||||
|
this.$refs['user-select'].visible = false |
||||||
|
this.loading = true |
||||||
|
delegateTask({ taskId: this.ids, assignee: id }).then(() => { |
||||||
|
this.$message.success('委托成功') |
||||||
|
this.onLoad(this.page, this.query) |
||||||
|
this.selectionList = [] |
||||||
|
}).catch(() => { |
||||||
|
this.loading = false |
||||||
|
}) |
||||||
|
}).catch(() => { }) |
||||||
|
break; |
||||||
|
case 'copy': |
||||||
|
this.$confirm(`确定要将选中的任务抄送给<span style='color: red;'> ${name} </span>吗？`, '提示', { |
||||||
|
type: 'warning', |
||||||
|
dangerouslyUseHTMLString: true, |
||||||
|
}).then(() => { |
||||||
|
this.$refs['user-select'].visible = false |
||||||
|
copyTask({ taskId: this.ids, assignee: id }).then(() => { |
||||||
|
this.$refs.crud.toggleSelection() |
||||||
|
this.$message.success('抄送成功') |
||||||
|
}).catch(() => { |
||||||
|
this.loading = false |
||||||
|
}) |
||||||
|
}).catch(() => { }) |
||||||
|
break; |
||||||
|
} |
||||||
|
}, |
||||||
|
handleFlow(row) { |
||||||
|
const { taskId, processInstanceId } = row |
||||||
|
detail({ taskId, processInsId: processInstanceId }).then(res => { |
||||||
|
const { process, flow } = res.data.data |
||||||
|
|
||||||
|
this.bpmnOption = { |
||||||
|
mode: 'view', |
||||||
|
xml: process.xml, |
||||||
|
flows: this.handleResolveFlows(flow) |
||||||
|
} |
||||||
|
|
||||||
|
this.bpmnVisible = true |
||||||
|
}) |
||||||
|
}, |
||||||
|
searchReset() { |
||||||
|
this.query = {}; |
||||||
|
this.onLoad(this.page); |
||||||
|
}, |
||||||
|
searchChange(params, done) { |
||||||
|
this.query = params; |
||||||
|
this.page.currentPage = 1; |
||||||
|
this.onLoad(this.page, params); |
||||||
|
done(); |
||||||
|
}, |
||||||
|
selectionChange(list) { |
||||||
|
this.selectionList = list; |
||||||
|
}, |
||||||
|
currentChange(currentPage) { |
||||||
|
this.page.currentPage = currentPage; |
||||||
|
}, |
||||||
|
sizeChange(pageSize) { |
||||||
|
this.page.pageSize = pageSize; |
||||||
|
}, |
||||||
|
async onLoad(page, params = {}) { |
||||||
|
this.loading = true; |
||||||
|
const param = Object.assign(params, this.query) |
||||||
|
const { assignee } = param |
||||||
|
if (assignee) { |
||||||
|
const res = await userList(1, -1, { name: assignee }) |
||||||
|
if (res.data.data.records && res.data.data.records.length > 0) { |
||||||
|
param.assignee = res.data.data.records.map(d => d.id).join(',') |
||||||
|
} else { |
||||||
|
this.page.total = 0 |
||||||
|
this.data = [] |
||||||
|
this.loading = false |
||||||
|
} |
||||||
|
} |
||||||
|
getList(page.currentPage, page.pageSize, param).then(res => { |
||||||
|
const data = res.data.data |
||||||
|
this.page.total = data.total |
||||||
|
this.data = data.records |
||||||
|
this.loading = false |
||||||
|
}).catch(() => { |
||||||
|
this.loading = false |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss"> |
||||||
|
.wf-drawer { |
||||||
|
.el-drawer__body { |
||||||
|
padding: 0 20px; |
||||||
|
overflow: auto; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue