From dba034239c4ac9df17ae1be069808dbb85ddbc42 Mon Sep 17 00:00:00 2001 From: xiangpei <xiangpei@timesnew.cn> Date: 星期四, 02 一月 2025 18:27:33 +0800 Subject: [PATCH] 流程推进详情页传递流程名称参数、表格数据项处理,TODO:实际处理人使用额外字段存储 --- src/views/projectProcess/detail/index.vue | 55 ++++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 52 insertions(+), 3 deletions(-) diff --git a/src/views/projectProcess/detail/index.vue b/src/views/projectProcess/detail/index.vue index c21ec20..aa1da93 100644 --- a/src/views/projectProcess/detail/index.vue +++ b/src/views/projectProcess/detail/index.vue @@ -6,7 +6,7 @@ <h2>椤圭洰鍚嶇О锛歿{detailData.projectName}}</h2> </div> <div class="project-info"> - <div class="project-info-item"></div> + <div class="project-info-item">娴佺▼鍚嶇О锛歿{queryParams.processName}}</div> <div class="project-info-item">椤圭洰浠g爜锛歿{detailData.projectCode}}</div> <div class="project-info-item"> <div style="color: black"> @@ -63,16 +63,36 @@ > </el-table-column> <el-table-column + align="center" + prop="handlerType" + label="澶勭悊鏂圭被鍨�" + > + <template slot-scope="scope"> + <el-tag v-if="scope.row.handlerType === 'USER'">浜哄憳璐﹀彿</el-tag> + <el-tag type="success" v-else-if="scope.row.handlerType === 'DEPT'">鍗曚綅</el-tag> + <el-tag type="info" v-else-if="scope.row.handlerType === 'ROLE'">瑙掕壊</el-tag> + </template> + </el-table-column> + <el-table-column prop="handlerUnitName" label="澶勭悊鍗曚綅" + :formatter="unitFormatter" + > + </el-table-column> + <el-table-column + prop="handlerName" + label="鍊欓�夊鐞嗕汉" + :formatter="candidateFormatter" > </el-table-column> <el-table-column prop="handlerName" label="瀹為檯澶勭悊浜�" + :formatter="finalFinishedFormatter" > </el-table-column> <el-table-column + align="center" prop="taskStatus" label="浠诲姟鐘舵��" > @@ -127,16 +147,43 @@ currentPage: 1, projectId: null, processDefId: null, + processName: '' // 娴佺▼鍚嶇О } } }, mounted() { + console.log(this.$route.query, "鍙傛暟") this.queryParams.projectId = this.$route.query.projectId this.queryParams.processDefId = this.$route.query.processDefId + this.queryParams.processName = this.$route.query.processName this.loading = true this.getProjectProcessInfo() }, methods: { + unitFormatter(row) { + if (row.handlerType === 'USER') { + return null; + } else if (row.handlerType === 'DEPT') { + return row.handlerUnitName.join("銆�") + } else if (row.handlerType === 'ROLE') { + return row.handlerUnitName.join('銆�') + } + }, + candidateFormatter(row) { + if (row.handlerType === 'USER') { + return row.handlerName.join('銆�') + } else if (row.handlerType === 'DEPT') { + return row.handlerUnitName.join('銆�') + } else if (row.handlerType === 'ROLE') { + return row.handlerUnitName.join('銆�') + } + }, + finalFinishedFormatter(row) { + if (row.taskStatus === '鏈紑濮�') { + return null + } + return row.handlerName.join('銆�') + }, showHandle(row) { console.log(this.$store.state.user, "鐢ㄦ埛淇℃伅") if (row.taskStatus === '寰呭姙') { @@ -167,7 +214,8 @@ procDefId: row.processDefId, processName: row.taskName, taskId: row.taskId, - showAuditing: res.data + showAuditing: res.data, + goBackParams: this.queryParams } }) }) @@ -177,7 +225,8 @@ query: { procInsId: row.processInsId, deployId: row.deployId, - taskId: row.taskId + taskId: row.taskId, + goBackParams: this.queryParams }}) }, search() { -- Gitblit v1.8.0