|
|
|
@ -45,15 +45,16 @@
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="candidate" label="候选办理" width="280">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="processType" label="操作状态" width="280">
|
|
|
|
|
<el-table-column prop="use_status" label="操作状态" width="280">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<div :style="{ color: styleChange(scope.row.use_status) }">
|
|
|
|
|
{{ scope.row.use_status }}
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="finishTime" label="接收时间" width="280">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="createTime"
|
|
|
|
|
label="操作时间"
|
|
|
|
|
width="280"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column prop="createTime" label="操作时间" width="280">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="duration" label="耗时"> </el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
@ -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].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 +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;
|
|
|
|
|