|
@@ -39,89 +39,96 @@
|
|
|
</div>
|
|
|
<div class="show-body">
|
|
|
<!-- 流程任务列表 -->
|
|
|
- <el-table :data="tableData" border stripe>
|
|
|
+ <el-table
|
|
|
+ v-loading="loading"
|
|
|
+ :data="tableData"
|
|
|
+ border
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ >
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
- <el-table-column type="index" width="50" align="center" />
|
|
|
<el-table-column
|
|
|
- v-for="col in columns"
|
|
|
- :prop="col.prop"
|
|
|
- :key="col.prop"
|
|
|
- :label="col.label"
|
|
|
+ label="流程编号"
|
|
|
align="center"
|
|
|
- >
|
|
|
+ prop="procInsId"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="流程名称"
|
|
|
+ align="center"
|
|
|
+ prop="procDefName"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="流程类别"
|
|
|
+ align="center"
|
|
|
+ prop="category"
|
|
|
+ width="100px"
|
|
|
+ />
|
|
|
+ <el-table-column label="流程版本" align="center" width="80px">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-tag size="medium">v{{ scope.row.procDefVersion }}</el-tag>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="提交时间"
|
|
|
+ align="center"
|
|
|
+ prop="createTime"
|
|
|
+ width="180"
|
|
|
+ />
|
|
|
+ <el-table-column label="流程状态" align="center" width="100">
|
|
|
<template slot-scope="scope">
|
|
|
- <span v-if="col.prop == 'benCreateTime'">{{
|
|
|
- scope.row.benCreateTime.replace("T", " ")
|
|
|
- }}</span>
|
|
|
- <span v-else-if="col.prop == 'bepTaskProcessType'">{{
|
|
|
- getDictLabel(scope.row.bepTaskProcessType, dict.type.bpm_type)
|
|
|
- }}</span>
|
|
|
- <span v-else-if="col.prop == 'benTaskNodeState'">{{
|
|
|
- scope.row.benTaskNodeState == "0" ? "未执行" : "已执行"
|
|
|
- }}</span>
|
|
|
- <span v-else-if="col.prop == 'bepTaskProcessState'">{{
|
|
|
- getDictLabel(
|
|
|
- scope.row.bepTaskProcessState,
|
|
|
- dict.type.task_process_state
|
|
|
- )
|
|
|
- }}</span>
|
|
|
- <span v-else>{{ scope.row[col.prop] }}</span>
|
|
|
+ <el-tag v-if="scope.row.finishTime == null" size="mini"
|
|
|
+ >进行中</el-tag
|
|
|
+ >
|
|
|
+ <el-tag
|
|
|
+ type="success"
|
|
|
+ v-if="scope.row.finishTime != null"
|
|
|
+ size="mini"
|
|
|
+ >已完成</el-tag
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="操作" align="center">
|
|
|
+ <el-table-column
|
|
|
+ label="耗时"
|
|
|
+ align="center"
|
|
|
+ prop="duration"
|
|
|
+ width="180"
|
|
|
+ />
|
|
|
+ <el-table-column label="当前节点" align="center" prop="taskName" />
|
|
|
+ <el-table-column label="办理人" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <div class="excute-wrap">
|
|
|
- <el-button
|
|
|
- type="warning"
|
|
|
- plain
|
|
|
- size="small"
|
|
|
- class="mr10 mb5"
|
|
|
- v-show="scope.row.bepTaskProcessState == '0'"
|
|
|
- @click="opneExecuteNode(scope.row)"
|
|
|
- >
|
|
|
- 运行
|
|
|
- </el-button>
|
|
|
- <el-dropdown>
|
|
|
- <el-button type="warning" plain size="small">
|
|
|
- 处理<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
- </el-button>
|
|
|
- <el-dropdown-menu slot="dropdown">
|
|
|
- <!-- <el-dropdown-item>
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- icon="el-icon-edit"
|
|
|
- @click="excuteHandler(scope.row)"
|
|
|
- v-hasPermi="['system:user:edit']"
|
|
|
- >处理
|
|
|
- </el-button>
|
|
|
- </el-dropdown-item> -->
|
|
|
- <el-dropdown-item>
|
|
|
- <el-dropdown size="mini">
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- icon="el-icon-d-arrow-right"
|
|
|
- >触发异常
|
|
|
- </el-button>
|
|
|
- <el-dropdown-menu slot="dropdown">
|
|
|
- <el-dropdown-item
|
|
|
- v-for="item in scope.row.exceptionScriptList"
|
|
|
- :key="item.id"
|
|
|
- >
|
|
|
- <el-button
|
|
|
- @click="exceptionTrigger(scope.row, item)"
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- >{{ item.scriptName }}
|
|
|
- </el-button>
|
|
|
- </el-dropdown-item>
|
|
|
- </el-dropdown-menu>
|
|
|
- </el-dropdown>
|
|
|
- </el-dropdown-item>
|
|
|
- </el-dropdown-menu>
|
|
|
- </el-dropdown>
|
|
|
- </div>
|
|
|
+ <label v-if="scope.row.assigneeName"
|
|
|
+ >{{ scope.row.assigneeName }}
|
|
|
+ <el-tag type="info" size="mini">{{
|
|
|
+ scope.row.assigneeDeptName
|
|
|
+ }}</el-tag></label
|
|
|
+ >
|
|
|
+ <!-- <label v-if="scope.row.candidate">{{scope.row.candidate}}</label>-->
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ width="150"
|
|
|
+ fixed="right"
|
|
|
+ class-name="small-padding fixed-width"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ @click="handleFlowRecord(scope.row)"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ >详情</el-button
|
|
|
+ >
|
|
|
+ <el-button @click="handleStop(scope.row)" type="text" size="small"
|
|
|
+ >取消申请</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ @click="handleDelete(scope.row)"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ v-hasPermi="['system:deployment:remove']"
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -147,53 +154,13 @@ import {
|
|
|
getProcessNodeFormInfoData,
|
|
|
} from "@/api/bpmprocess/run/executeProcess";
|
|
|
import { triggerExceptionNode } from "@/api/bpmprocess/process";
|
|
|
-
|
|
|
import getNodeSequence from "@/utils/bpmn/getNodeSequence";
|
|
|
-import GY02 from "./dialogCompments/GongYi/GY02.vue";
|
|
|
-import ZL01 from "./dialogCompments/ZhiLiang/ZL1.vue";
|
|
|
import { getForm } from "@/api/dragform/form";
|
|
|
-import DialogTemplate from "@/views/dialogTemplate/components/index.vue";
|
|
|
-
|
|
|
-// 弹窗表单组件
|
|
|
-import GY01 from "./dialogCompments/GongYi/GY01.vue";
|
|
|
-import GY03 from "./dialogCompments/GongYi/GY03.vue";
|
|
|
-import CG1 from "./dialogCompments/test-component/CaiGou/CG1.vue";
|
|
|
-import CG02 from "./dialogCompments/test-component/CaiGou/CG02.vue";
|
|
|
-import KC01 from "./dialogCompments/test-component/KuCun/KC1.vue";
|
|
|
-import KC02 from "./dialogCompments/test-component/KuCun/KC02.vue";
|
|
|
-import GY06 from "./dialogCompments/GongYi/GY06.vue";
|
|
|
-import KB01 from "./dialogCompments/KongBai/KB01.vue"; //空白提示组件
|
|
|
-import SC01 from "./dialogCompments/ShengChan/SC01.vue";
|
|
|
-
|
|
|
-//Mec组件
|
|
|
-import AssignEmployees from "./dialogCompments/Mec/AssignEmployees.vue";
|
|
|
-import Notes from "./dialogCompments/Mec/Notes.vue";
|
|
|
-import NodeShow from "./dialogCompments/Mec/NodeShow.vue";
|
|
|
-import RecordQuality from "./dialogCompments/Mec/RecordQuality.vue";
|
|
|
-import ProductionProcesses from "./dialogCompments/Mec/ProductionProcesses.vue";
|
|
|
|
|
|
export default {
|
|
|
name: "processMange",
|
|
|
props: [],
|
|
|
- components: {
|
|
|
- GY01,
|
|
|
- DialogTemplate,
|
|
|
- CG1,
|
|
|
- CG02,
|
|
|
- KC01,
|
|
|
- GY06,
|
|
|
- GY03,
|
|
|
- KC02,
|
|
|
- GY02,
|
|
|
- KB01,
|
|
|
- SC01,
|
|
|
- ZL01,
|
|
|
- NodeShow,
|
|
|
- AssignEmployees,
|
|
|
- Notes,
|
|
|
- RecordQuality,
|
|
|
- ProductionProcesses,
|
|
|
- },
|
|
|
+ components: {},
|
|
|
dicts: ["bpm_type", "task_process_state"],
|
|
|
data() {
|
|
|
return {
|