| | |
| | | <el-timeline style="height: 80vh; overflow-y: scroll"> |
| | | <el-timeline-item |
| | | placement="top" |
| | | v-for="node in nodes" |
| | | v-for="node in isOldData?oldNodes:newNodes" |
| | | :key="node.id" |
| | | :timestamp="node.name" |
| | | :icon="node.hasData ? 'el-icon-check' : 'el-icon-time'" |
| | |
| | | type: Boolean, |
| | | default: () => false, |
| | | }, |
| | | isOldData:{ |
| | | type: Boolean, |
| | | default: () => true, |
| | | } |
| | | }, |
| | | data() { |
| | | // 这里存放数据 |
| | | return { |
| | | isShow: this.OAProcess, |
| | | nodes: [ |
| | | //旧流程节点 |
| | | oldNodes: [ |
| | | { |
| | | id: 1, |
| | | name: "1检验员", |
| | |
| | | hasData: false, |
| | | }, |
| | | ], |
| | | //新流程节点 |
| | | newNodes:[ |
| | | { |
| | | id: 1, |
| | | name: "1申请", |
| | | info: "", |
| | | time: "", |
| | | operator: "", |
| | | operation: "", |
| | | hasData: false, |
| | | }, |
| | | { |
| | | id: 2, |
| | | name: "2质量部经理", |
| | | info: "", |
| | | time: "", |
| | | operator: "", |
| | | operation: "", |
| | | hasData: false, |
| | | }, |
| | | { |
| | | id: 3, |
| | | name: "3工艺(一类不合格)", |
| | | info: "", |
| | | time: "", |
| | | operator: "", |
| | | operation: "", |
| | | hasData: false, |
| | | }, |
| | | { |
| | | id: 4, |
| | | name: "3工艺(二类不合格)", |
| | | info: "", |
| | | time: "", |
| | | operator: "", |
| | | operation: "", |
| | | hasData: false, |
| | | }, |
| | | { |
| | | id: 5, |
| | | name: "4技术经理(一类不合格)", |
| | | info: "", |
| | | time: "", |
| | | operator: "", |
| | | operation: "", |
| | | hasData: false, |
| | | }, |
| | | { |
| | | id: 6, |
| | | name: "4技术经理(二类不合格)", |
| | | info: "", |
| | | time: "", |
| | | operator: "", |
| | | operation: "", |
| | | hasData: false, |
| | | }, |
| | | { |
| | | id: 7, |
| | | name: "5核算(一类不合格)", |
| | | info: "", |
| | | time: "", |
| | | operator: "", |
| | | operation: "", |
| | | hasData: false, |
| | | }, |
| | | { |
| | | id: 8, |
| | | name: "5总经理(二类不合格)", |
| | | info: "", |
| | | time: "", |
| | | operator: "", |
| | | operation: "", |
| | | hasData: false, |
| | | }, |
| | | { |
| | | id: 9, |
| | | name: "6归档(一类不合格)", |
| | | info: "", |
| | | time: "", |
| | | operator: "", |
| | | operation: "", |
| | | hasData: false, |
| | | }, |
| | | { |
| | | id: 10, |
| | | name: "6核算(二类不合格)", |
| | | info: "", |
| | | time: "", |
| | | operator: "", |
| | | operation: "", |
| | | hasData: false, |
| | | }, |
| | | { |
| | | id: 11, |
| | | name: "7归档(二类不合格)", |
| | | info: "", |
| | | time: "", |
| | | operator: "", |
| | | operation: "", |
| | | hasData: false, |
| | | }, |
| | | ] |
| | | }; |
| | | }, |
| | | // 方法集合 |
| | |
| | | const data = res.data; |
| | | if (data.length > 0) { |
| | | data.forEach((item) => { |
| | | const node = this.nodes.find((n) => n.name === item.nodeName); |
| | | const nodes = this.isOldData ? this.oldNodes : this.newNodes; |
| | | const node = nodes.find((n) => n.name === item.nodeName); |
| | | if (node) { |
| | | node.time = item.approvalDate + " " + item.approvalTime; |
| | | if(item.nodeName && item.nodeName==="1检验员"){ |