From 8536c4f96aa2524aaa4c37d763d54b36307d85ae Mon Sep 17 00:00:00 2001 From: lukeyan <1727408482@qq.com> Date: Fri, 30 Jun 2023 13:17:51 +0800 Subject: [PATCH 1/3] =?UTF-8?q?=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/backlogDetailRecords.vue | 38 ++++++++++++++-- .../components/completeDetailRecords.vue | 38 ++++++++++++++-- .../closeLoopDispose/components/copy.vue | 4 +- .../components/copyDetailRecords.vue | 38 ++++++++++++++-- .../components/myCourseDetailRecords.vue | 44 +++++++++++++++---- 5 files changed, 139 insertions(+), 23 deletions(-) diff --git a/src/views/closeLoopDispose/components/backlogDetailRecords.vue b/src/views/closeLoopDispose/components/backlogDetailRecords.vue index 035f407..ca4f9a4 100644 --- a/src/views/closeLoopDispose/components/backlogDetailRecords.vue +++ b/src/views/closeLoopDispose/components/backlogDetailRecords.vue @@ -45,7 +45,12 @@ - + + @@ -112,6 +117,13 @@ export default { }; get_my_course_record(param).then((res) => { this.record_list = res.data.wfDetailVo.recordList; + for ( let i = 0; i< this.record_list.length; i++) { + for ( let j = 0; j< this.record_list[i].historyTaskList.length; j++ ) { + this.record_list[i].historyTaskList[j].use_status = this.use_change( + this.record_list[i].historyTaskList[j].assigneeId + ) + } + } console.log("this.record_list", this.record_list); // for(let i = 0; i < this.record_list.length;i++) { // if ( i + 1 == this.record_list.length ) { @@ -125,6 +137,24 @@ export default { }); }, methods: { + // 根据返回码值判断流程状态 + use_change(val) { + if (val != null ) { + return "已操作者" + } else { + return "未操作者" + } + }, + styleChange(val) { + switch (val) { + case "未操作者": + return "#3eba75"; + // case "yellow": + // return "#FDA722"; + case "已操作者": + return "#fff"; + } + }, // 表头样式 table_header({ row, rowIndex }) { console.log(row); @@ -219,16 +249,16 @@ export default { text-shadow: 0 0 9px rgba(21, 255, 198, 0.64); } .step_table_top_opeartion { - width: 21vw; + width: 30vw; height: 5vh; // border: 0.1px solid #fff; display: flex; .opeartion_num { - width: 7vw; + width: 10vw; height: 5vh; display: flex; .opeartion_num_text { - width: 4vw; + width: 7vw; height: 5vh; color: #fff; font-size: 16px; diff --git a/src/views/closeLoopDispose/components/completeDetailRecords.vue b/src/views/closeLoopDispose/components/completeDetailRecords.vue index ae56a6d..fdc6133 100644 --- a/src/views/closeLoopDispose/components/completeDetailRecords.vue +++ b/src/views/closeLoopDispose/components/completeDetailRecords.vue @@ -45,7 +45,12 @@ - + + @@ -88,10 +93,35 @@ export default { }; get_my_course_record(param).then((res) => { this.record_list = res.data.wfDetailVo.recordList; + for ( let i = 0; i< this.record_list.length; i++) { + for ( let j = 0; j< this.record_list[i].historyTaskList.length; j++ ) { + this.record_list[i].historyTaskList[j].use_status = this.use_change( + this.record_list[i].historyTaskList[j].assigneeId + ) + } + } console.log("this.record_list", this.record_list); }); }, methods: { + // 根据返回码值判断流程状态 + use_change(val) { + if (val != null ) { + return "已操作者" + } else { + return "未操作者" + } + }, + styleChange(val) { + switch (val) { + case "未操作者": + return "#3eba75"; + // case "yellow": + // return "#FDA722"; + case "已操作者": + return "#fff"; + } + }, // 表头样式 table_header({ row, rowIndex }) { console.log(row); @@ -186,16 +216,16 @@ export default { text-shadow: 0 0 9px rgba(21, 255, 198, 0.64); } .step_table_top_opeartion { - width: 21vw; + width: 30vw; height: 5vh; // border: 0.1px solid #fff; display: flex; .opeartion_num { - width: 7vw; + width: 10vw; height: 5vh; display: flex; .opeartion_num_text { - width: 4vw; + width: 7vw; height: 5vh; color: #fff; font-size: 16px; diff --git a/src/views/closeLoopDispose/components/copy.vue b/src/views/closeLoopDispose/components/copy.vue index 5b7f438..0756a6c 100644 --- a/src/views/closeLoopDispose/components/copy.vue +++ b/src/views/closeLoopDispose/components/copy.vue @@ -53,11 +53,11 @@ - + - +