|
|
@@ -1,26 +1,26 @@
|
|
|
<template>
|
|
|
<div class="process-mange-wrap">
|
|
|
<!-- <el-card shadow="always" :body-style="{ padding: '20px' }"> -->
|
|
|
- <el-row v-show="false">
|
|
|
+ <el-row>
|
|
|
<el-col :xs="24" :md="8" :xl="8" class="col">
|
|
|
<div class="statistic-wrap">
|
|
|
<div class="discription">
|
|
|
- <span class="title">我的处理</span>
|
|
|
- <span class="sub-title">需要我处理的流程</span>
|
|
|
+ <span class="title">已完成</span>
|
|
|
+ <span class="sub-title">已经完成的管道数</span>
|
|
|
</div>
|
|
|
- <span class="data">{{ tableData.length }}</span>
|
|
|
+ <span class="data">{{ doneNum }}</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :md="8" :xl="8" class="col">
|
|
|
<div class="statistic-wrap">
|
|
|
<div class="discription">
|
|
|
- <span class="title">已完成</span>
|
|
|
- <span class="sub-title">已完成的</span>
|
|
|
+ <span class="title">进行中</span>
|
|
|
+ <span class="sub-title">正在进行的管道数</span>
|
|
|
</div>
|
|
|
- <span class="data">0</span>
|
|
|
+ <span class="data">{{ doingNum }}</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :md="8" :xl="8" class="col">
|
|
|
+ <!-- <el-col :xs="24" :md="8" :xl="8" class="col">
|
|
|
<div class="statistic-wrap">
|
|
|
<div class="discription">
|
|
|
<span class="title">完成</span>
|
|
|
@@ -28,7 +28,7 @@
|
|
|
</div>
|
|
|
<span class="data">0</span>
|
|
|
</div>
|
|
|
- </el-col>
|
|
|
+ </el-col> -->
|
|
|
</el-row>
|
|
|
<!-- </el-card> -->
|
|
|
<div class="main-area">
|
|
|
@@ -71,7 +71,7 @@
|
|
|
<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"
|
|
|
+ v-for="col in newColumn"
|
|
|
:prop="col.prop"
|
|
|
:key="col.prop"
|
|
|
:label="col.label"
|
|
|
@@ -282,6 +282,8 @@ export default {
|
|
|
dicts: ["bpm_type", "task_process_state"],
|
|
|
data() {
|
|
|
return {
|
|
|
+ doneNum: 0, //已完成数
|
|
|
+ doingNum: 0, //进行中数
|
|
|
row: {}, //当前操作行数据
|
|
|
myForm: "", //自定义表单组件名
|
|
|
// 节点弹窗title
|
|
|
@@ -356,9 +358,44 @@ export default {
|
|
|
backExceptionTaskList: ["GY06"], //特殊回退表单组件列表
|
|
|
};
|
|
|
},
|
|
|
- computed: {},
|
|
|
+ computed: {
|
|
|
+ newColumn() {
|
|
|
+ if (this.queryParams.taskProcessState == "3") {
|
|
|
+ return [
|
|
|
+ {
|
|
|
+ prop: "bepTaskKey",
|
|
|
+ label: "任务编号",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "bepTaskName",
|
|
|
+ label: "任务名称",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "bepTaskProcessType",
|
|
|
+ label: "任务流程类型",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "bepTaskProcessState",
|
|
|
+ label: "任务流程状态",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "benCreateBy",
|
|
|
+ label: "创建人",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "benCreateTime",
|
|
|
+ label: "创建时间",
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ } else {
|
|
|
+ return this.columns;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
mounted() {
|
|
|
this.getList();
|
|
|
+ this.getDoneNumber();
|
|
|
+ this.getDoingNumber();
|
|
|
},
|
|
|
methods: {
|
|
|
// 获取列表数据
|
|
|
@@ -375,6 +412,34 @@ export default {
|
|
|
}
|
|
|
);
|
|
|
},
|
|
|
+ getDoneNumber() {
|
|
|
+ let params = {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ taskProcessState: "3",
|
|
|
+ };
|
|
|
+ processList(params).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.doneNum = res.total;
|
|
|
+ } else {
|
|
|
+ this.$message.error("网络异常,请稍后再试");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getDoingNumber() {
|
|
|
+ let params = {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ taskProcessState: "0",
|
|
|
+ };
|
|
|
+ processList(params).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.doingNum = res.total;
|
|
|
+ } else {
|
|
|
+ this.$message.error("网络异常,请稍后再试");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
// 获取表单数据
|
|
|
async getFormData() {
|
|
|
let formData = {};
|
lph