diff --git a/src/views/closeLoopDispose/components/backlogDetailForm.vue b/src/views/closeLoopDispose/components/backlogDetailForm.vue index 11ad0ec..c218081 100644 --- a/src/views/closeLoopDispose/components/backlogDetailForm.vue +++ b/src/views/closeLoopDispose/components/backlogDetailForm.vue @@ -535,6 +535,7 @@ export default { .send_person, .backlog_time { display: flex; + margin-bottom: 2vh; } .backlog_text { width: 4vw; diff --git a/src/views/closeLoopDispose/components/backlogDetailRecords.vue b/src/views/closeLoopDispose/components/backlogDetailRecords.vue index 035f407..77f0e6f 100644 --- a/src/views/closeLoopDispose/components/backlogDetailRecords.vue +++ b/src/views/closeLoopDispose/components/backlogDetailRecords.vue @@ -45,7 +45,12 @@ - + + + + {{ scope.row.use_status }} + + @@ -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].finishTime + ) + } + } 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/completeDetailForm.vue b/src/views/closeLoopDispose/components/completeDetailForm.vue index 178def0..eaa99e3 100644 --- a/src/views/closeLoopDispose/components/completeDetailForm.vue +++ b/src/views/closeLoopDispose/components/completeDetailForm.vue @@ -407,6 +407,7 @@ export default { .complete_person, .complete_time { display: flex; + margin-bottom: 2vh; } .complete_text { width: 4vw; diff --git a/src/views/closeLoopDispose/components/completeDetailRecords.vue b/src/views/closeLoopDispose/components/completeDetailRecords.vue index ae56a6d..ee31deb 100644 --- a/src/views/closeLoopDispose/components/completeDetailRecords.vue +++ b/src/views/closeLoopDispose/components/completeDetailRecords.vue @@ -45,7 +45,12 @@ - + + + + {{ scope.row.use_status }} + + @@ -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].finishTime + ) + } + } 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 @@ - + - + diff --git a/src/views/closeLoopDispose/components/copyDetailForm.vue b/src/views/closeLoopDispose/components/copyDetailForm.vue index 160c202..1e3b8ea 100644 --- a/src/views/closeLoopDispose/components/copyDetailForm.vue +++ b/src/views/closeLoopDispose/components/copyDetailForm.vue @@ -406,6 +406,7 @@ export default { .copy_person, .course_time { display: flex; + margin-bottom: 2vh; } .course_text { width: 4vw; diff --git a/src/views/closeLoopDispose/components/copyDetailRecords.vue b/src/views/closeLoopDispose/components/copyDetailRecords.vue index 3287ddd..278c6f5 100644 --- a/src/views/closeLoopDispose/components/copyDetailRecords.vue +++ b/src/views/closeLoopDispose/components/copyDetailRecords.vue @@ -45,7 +45,12 @@ - + + + + {{ scope.row.use_status }} + + @@ -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].finishTime + ) + } + } 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/myCourseDetailForm.vue b/src/views/closeLoopDispose/components/myCourseDetailForm.vue index b22f7a2..2c0292c 100644 --- a/src/views/closeLoopDispose/components/myCourseDetailForm.vue +++ b/src/views/closeLoopDispose/components/myCourseDetailForm.vue @@ -447,6 +447,7 @@ export default { .send_person, .course_time { display: flex; + margin-bottom: 2vh; } .course_text { width: 4vw; diff --git a/src/views/closeLoopDispose/components/myCourseDetailRecords.vue b/src/views/closeLoopDispose/components/myCourseDetailRecords.vue index c509f15..b15f5df 100644 --- a/src/views/closeLoopDispose/components/myCourseDetailRecords.vue +++ b/src/views/closeLoopDispose/components/myCourseDetailRecords.vue @@ -45,15 +45,16 @@ - + + + + {{ scope.row.use_status }} + + - + @@ -112,6 +113,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].finishTime + ); + } + } 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 +133,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 +245,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;