|
|
@ -1,58 +1,31 @@ |
|
|
<template> |
|
|
<template> |
|
|
<ContentWrap> |
|
|
<ContentWrap> |
|
|
<!-- 搜索工作栏 --> |
|
|
<!-- 搜索工作栏 --> |
|
|
<el-form |
|
|
<el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px"> |
|
|
class="-mb-15px" |
|
|
|
|
|
:model="queryParams" |
|
|
|
|
|
ref="queryFormRef" |
|
|
|
|
|
:inline="true" |
|
|
|
|
|
label-width="68px" |
|
|
|
|
|
> |
|
|
|
|
|
<el-form-item label="流程标识" prop="key"> |
|
|
<el-form-item label="流程标识" prop="key"> |
|
|
<el-input |
|
|
<el-input v-model="queryParams.key" placeholder="请输入流程标识" clearable @keyup.enter="handleQuery" class="!w-240px" /> |
|
|
v-model="queryParams.key" |
|
|
|
|
|
placeholder="请输入流程标识" |
|
|
|
|
|
clearable |
|
|
|
|
|
@keyup.enter="handleQuery" |
|
|
|
|
|
class="!w-240px" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="流程名称" prop="name"> |
|
|
<el-form-item label="流程名称" prop="name"> |
|
|
<el-input |
|
|
<el-input v-model="queryParams.name" placeholder="请输入流程名称" clearable @keyup.enter="handleQuery" |
|
|
v-model="queryParams.name" |
|
|
class="!w-240px" /> |
|
|
placeholder="请输入流程名称" |
|
|
|
|
|
clearable |
|
|
|
|
|
@keyup.enter="handleQuery" |
|
|
|
|
|
class="!w-240px" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="流程分类" prop="category"> |
|
|
<el-form-item label="流程分类" prop="category"> |
|
|
<el-select |
|
|
<el-select v-model="queryParams.category" placeholder="请选择流程分类" clearable class="!w-240px"> |
|
|
v-model="queryParams.category" |
|
|
<el-option v-for="dict in getIntDictOptions(DICT_TYPE.BPM_MODEL_CATEGORY)" :key="dict.value" :label="dict.label" |
|
|
placeholder="请选择流程分类" |
|
|
:value="dict.value" /> |
|
|
clearable |
|
|
|
|
|
class="!w-240px" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="dict in getIntDictOptions(DICT_TYPE.BPM_MODEL_CATEGORY)" |
|
|
|
|
|
:key="dict.value" |
|
|
|
|
|
:label="dict.label" |
|
|
|
|
|
:value="dict.value" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button> |
|
|
<el-button type="info" plain @click="handleQuery"> |
|
|
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button> |
|
|
<Icon icon="ep:search" class="mr-5px" /> 搜索 |
|
|
<el-button |
|
|
</el-button> |
|
|
type="primary" |
|
|
<el-button type="info" plain @click="resetQuery"> |
|
|
plain |
|
|
<Icon icon="ep:refresh" class="mr-5px" /> 重置 |
|
|
@click="openForm('create')" |
|
|
</el-button> |
|
|
v-hasPermi="['bpm:model:create']" |
|
|
<el-button type="primary" @click="openForm('create')" v-hasPermi="['bpm:model:create']"> |
|
|
> |
|
|
|
|
|
<Icon icon="ep:plus" class="mr-5px" /> 新建流程 |
|
|
<Icon icon="ep:plus" class="mr-5px" /> 新建流程 |
|
|
</el-button> |
|
|
</el-button> |
|
|
<el-button type="success" plain @click="openImportForm" v-hasPermi="['bpm:model:import']"> |
|
|
<el-button type="success" @click="openImportForm" v-hasPermi="['bpm:model:import']"> |
|
|
<Icon icon="ep:upload" class="mr-5px" /> 导入流程 |
|
|
<Icon icon="ep:upload" class="mr-5px" /> 导入流程 |
|
|
</el-button> |
|
|
</el-button> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
@ -75,41 +48,20 @@ |
|
|
<dict-tag :type="DICT_TYPE.BPM_MODEL_CATEGORY" :value="scope.row.category" /> |
|
|
<dict-tag :type="DICT_TYPE.BPM_MODEL_CATEGORY" :value="scope.row.category" /> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="表单信息" align="center" prop="formType" width="200"> |
|
|
<el-table-column label="表单信息" align="center" prop="formType"> |
|
|
<template #default="scope"> |
|
|
<template #default="scope"> |
|
|
<el-button |
|
|
<el-button v-if="scope.row.formType === 10" type="primary" link @click="handleFormDetail(scope.row)"> |
|
|
v-if="scope.row.formType === 10" |
|
|
|
|
|
type="primary" |
|
|
|
|
|
link |
|
|
|
|
|
@click="handleFormDetail(scope.row)" |
|
|
|
|
|
> |
|
|
|
|
|
<span>{{ scope.row.formName }}</span> |
|
|
<span>{{ scope.row.formName }}</span> |
|
|
</el-button> |
|
|
</el-button> |
|
|
<el-button |
|
|
<el-button v-else-if="scope.row.formType === 20" type="primary" link @click="handleFormDetail(scope.row)"> |
|
|
v-else-if="scope.row.formType === 20" |
|
|
|
|
|
type="primary" |
|
|
|
|
|
link |
|
|
|
|
|
@click="handleFormDetail(scope.row)" |
|
|
|
|
|
> |
|
|
|
|
|
<span>{{ scope.row.formCustomCreatePath }}</span> |
|
|
<span>{{ scope.row.formCustomCreatePath }}</span> |
|
|
</el-button> |
|
|
</el-button> |
|
|
<label v-else>暂无表单</label> |
|
|
<label v-else>暂无表单</label> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column label="创建时间" align="center" prop="createTime" width="180" :formatter="dateFormatter" /> |
|
|
label="创建时间" |
|
|
|
|
|
align="center" |
|
|
|
|
|
prop="createTime" |
|
|
|
|
|
width="180" |
|
|
|
|
|
:formatter="dateFormatter" |
|
|
|
|
|
/> |
|
|
|
|
|
<el-table-column label="最新部署的流程定义" align="center"> |
|
|
<el-table-column label="最新部署的流程定义" align="center"> |
|
|
<el-table-column |
|
|
<el-table-column label="流程版本" align="center" prop="processDefinition.version" width="100"> |
|
|
label="流程版本" |
|
|
|
|
|
align="center" |
|
|
|
|
|
prop="processDefinition.version" |
|
|
|
|
|
width="100" |
|
|
|
|
|
> |
|
|
|
|
|
<template #default="scope"> |
|
|
<template #default="scope"> |
|
|
<el-tag v-if="scope.row.processDefinition"> |
|
|
<el-tag v-if="scope.row.processDefinition"> |
|
|
v{{ scope.row.processDefinition.version }} |
|
|
v{{ scope.row.processDefinition.version }} |
|
|
@ -117,20 +69,10 @@ |
|
|
<el-tag v-else type="warning">未部署</el-tag> |
|
|
<el-tag v-else type="warning">未部署</el-tag> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column label="激活状态" align="center" prop="processDefinition.version" width="85"> |
|
|
label="激活状态" |
|
|
|
|
|
align="center" |
|
|
|
|
|
prop="processDefinition.version" |
|
|
|
|
|
width="85" |
|
|
|
|
|
> |
|
|
|
|
|
<template #default="scope"> |
|
|
<template #default="scope"> |
|
|
<el-switch |
|
|
<el-switch v-if="scope.row.processDefinition" v-model="scope.row.processDefinition.suspensionState" |
|
|
v-if="scope.row.processDefinition" |
|
|
:active-value="1" :inactive-value="2" @change="handleChangeState(scope.row)" /> |
|
|
v-model="scope.row.processDefinition.suspensionState" |
|
|
|
|
|
:active-value="1" |
|
|
|
|
|
:inactive-value="2" |
|
|
|
|
|
@change="handleChangeState(scope.row)" |
|
|
|
|
|
/> |
|
|
|
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="部署时间" align="center" prop="deploymentTime" width="180"> |
|
|
<el-table-column label="部署时间" align="center" prop="deploymentTime" width="180"> |
|
|
@ -141,66 +83,39 @@ |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="操作" align="center" width="240" fixed="right"> |
|
|
<el-table-column label="操作" align="center" width="300" fixed="right"> |
|
|
<template #default="scope"> |
|
|
<template #default="scope"> |
|
|
<el-button |
|
|
<el-button link type="primary" @click="openForm('update', scope.row.id)" v-hasPermi="['bpm:model:update']"> |
|
|
link |
|
|
<Icon icon="ep:edit" /> |
|
|
type="primary" |
|
|
|
|
|
@click="openForm('update', scope.row.id)" |
|
|
|
|
|
v-hasPermi="['bpm:model:update']" |
|
|
|
|
|
> |
|
|
|
|
|
修改流程 |
|
|
修改流程 |
|
|
</el-button> |
|
|
</el-button> |
|
|
<el-button |
|
|
<el-button link type="primary" @click="handleDesign(scope.row)" v-hasPermi="['bpm:model:update']"> |
|
|
link |
|
|
<Icon icon="fa-solid:ruler" /> |
|
|
type="primary" |
|
|
|
|
|
@click="handleDesign(scope.row)" |
|
|
|
|
|
v-hasPermi="['bpm:model:update']" |
|
|
|
|
|
> |
|
|
|
|
|
设计流程 |
|
|
设计流程 |
|
|
</el-button> |
|
|
</el-button> |
|
|
<el-button |
|
|
<el-button link type="primary" @click="handleAssignRule(scope.row)" v-hasPermi="['bpm:task-assign-rule:query']"> |
|
|
link |
|
|
<Icon icon="fa-solid:tasks" /> |
|
|
type="primary" |
|
|
|
|
|
@click="handleAssignRule(scope.row)" |
|
|
|
|
|
v-hasPermi="['bpm:task-assign-rule:query']" |
|
|
|
|
|
> |
|
|
|
|
|
分配规则 |
|
|
分配规则 |
|
|
</el-button> |
|
|
</el-button> |
|
|
<el-button |
|
|
<el-button link type="primary" @click="handleDeploy(scope.row)" v-hasPermi="['bpm:model:deploy']"> |
|
|
link |
|
|
<Icon icon="ep:promotion" /> |
|
|
type="primary" |
|
|
|
|
|
@click="handleDeploy(scope.row)" |
|
|
|
|
|
v-hasPermi="['bpm:model:deploy']" |
|
|
|
|
|
> |
|
|
|
|
|
发布流程 |
|
|
发布流程 |
|
|
</el-button> |
|
|
</el-button> |
|
|
<el-button |
|
|
<el-button link type="primary" v-hasPermi="['bpm:process-definition:query']" |
|
|
link |
|
|
@click="handleDefinitionList(scope.row)"> |
|
|
type="primary" |
|
|
<Icon icon="fa:sitemap" /> |
|
|
v-hasPermi="['bpm:process-definition:query']" |
|
|
|
|
|
@click="handleDefinitionList(scope.row)" |
|
|
|
|
|
> |
|
|
|
|
|
流程定义 |
|
|
流程定义 |
|
|
</el-button> |
|
|
</el-button> |
|
|
<el-button |
|
|
<el-button link type="danger" @click="handleDelete(scope.row.id)" v-hasPermi="['bpm:model:delete']"> |
|
|
link |
|
|
<Icon icon="ep:delete" /> |
|
|
type="danger" |
|
|
|
|
|
@click="handleDelete(scope.row.id)" |
|
|
|
|
|
v-hasPermi="['bpm:model:delete']" |
|
|
|
|
|
> |
|
|
|
|
|
删除 |
|
|
删除 |
|
|
</el-button> |
|
|
</el-button> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
<!-- 分页 --> |
|
|
<!-- 分页 --> |
|
|
<Pagination |
|
|
<Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize" |
|
|
:total="total" |
|
|
@pagination="getList" /> |
|
|
v-model:page="queryParams.pageNo" |
|
|
|
|
|
v-model:limit="queryParams.pageSize" |
|
|
|
|
|
@pagination="getList" |
|
|
|
|
|
/> |
|
|
|
|
|
</ContentWrap> |
|
|
</ContentWrap> |
|
|
|
|
|
|
|
|
<!-- 表单弹窗：添加/修改流程 --> |
|
|
<!-- 表单弹窗：添加/修改流程 --> |
|
|
@ -216,13 +131,8 @@ |
|
|
|
|
|
|
|
|
<!-- 弹窗：流程模型图的预览 --> |
|
|
<!-- 弹窗：流程模型图的预览 --> |
|
|
<Dialog title="流程图" v-model="bpmnDetailVisible" width="800"> |
|
|
<Dialog title="流程图" v-model="bpmnDetailVisible" width="800"> |
|
|
<MyProcessViewer |
|
|
<MyProcessViewer key="designer" v-model="bpmnXML" :value="bpmnXML as any" v-bind="bpmnControlForm" |
|
|
key="designer" |
|
|
:prefix="bpmnControlForm.prefix" /> |
|
|
v-model="bpmnXML" |
|
|
|
|
|
:value="bpmnXML as any" |
|
|
|
|
|
v-bind="bpmnControlForm" |
|
|
|
|
|
:prefix="bpmnControlForm.prefix" |
|
|
|
|
|
/> |
|
|
|
|
|
</Dialog> |
|
|
</Dialog> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
@ -300,7 +210,7 @@ const handleDelete = async (id: number) => { |
|
|
message.success(t('common.delSuccess')) |
|
|
message.success(t('common.delSuccess')) |
|
|
// 刷新列表 |
|
|
// 刷新列表 |
|
|
await getList() |
|
|
await getList() |
|
|
} catch {} |
|
|
} catch { } |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/** 更新状态操作 */ |
|
|
/** 更新状态操作 */ |
|
|
@ -342,7 +252,7 @@ const handleDeploy = async (row) => { |
|
|
message.success(t('部署成功')) |
|
|
message.success(t('部署成功')) |
|
|
// 刷新列表 |
|
|
// 刷新列表 |
|
|
await getList() |
|
|
await getList() |
|
|
} catch {} |
|
|
} catch { } |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/** 点击任务分配按钮 */ |
|
|
/** 点击任务分配按钮 */ |
|
|
|
zhangli
1 year ago
