1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
| <template>
| <el-row :gutter="10">
| <el-col :span="12">
| <FlowChartView :flowChartHeight="flowChartHeight" ref="flowChartView"></FlowChartView>
| </el-col>
| <el-col :span="12">
| <ProcessTrajectory ref="processTrajectory" @refreshDataList="getQuery()"></ProcessTrajectory>
| </el-col>
| </el-row>
| </template>
|
| <script>
| import FlowChartView from './flowChartView'
| import ProcessTrajectory from './ProcessTrajectory'
|
| export default {
| name: "processTimeline",
| props:{
| flowChartHeight:''
| },
| data() {
| return {
| contractComponent: null,
| dataForm2: {
| id: '',
| projectId: '',
| approveStepId: '',
| },
| isBlankPage:true,
| word: {},
| transTitle: ['数量'],
| stepCountList: [],
| constructionList: [],
| isBackground1: false,
| approvalNum: '',
| refuseNum: '',
| num: '',
| repairNum: '',
| approveStepId: '',
| pier: '',
| agreed: '',
| repair: '',
| approve: '',
| projectId: '',
| processData: false,
| flowCode: '',
| selectFlowCode: '',
| showFlowCode: '',
| stepMarker: '',
| statusData: {},
| noneFrame: false,
| };
| },
| components: {
| FlowChartView,
| ProcessTrajectory
| },
| watch: {},
| created() {
| },
| computed: {},
| methods: {
| init(row) {
| console.log(row, 'row init')
| this.showFlowCode = this.selectFlowCode = this.flowCode = row.flowCode
| this.showFlowCode = 'planFlow'
| this.stepMarker = row.stepMarker
| let params={
| flowCode:row.flowCode,
| bizId:row.bizId
| }
| this.$nextTick(() => {
| this.$refs.flowChartView.init(params)
| this.$refs.processTrajectory.init(params)
| })
| },
| indexFormat(index) {
| return index += 1
| },
| handleInfiniteLoadingBeforeGet() {
| this.page = 1;
| this.dataListAll = []
| this.dataList = []
| },
| async getQuery(){
| this.handleInfiniteLoadingBeforeGet()
| this.dataLoading = true
| let params = {
| djxlSystem: this.dataForm.djxlSystem,
| }
| let res = await this.$http.get(`/newPlan/taskCenter/page`,{
| params: params
| })
| if (res.success) {
| this.dataLoading = false
| this.handleInfiniteLoadingAfterGet(res)
| console.log(this.dataList, 'getQuery:this.dataList')
| } else {
| this.dataLoading = true
| }
| },
| },
| mounted() {
| // this.kwReplacement()
| }
| }
| </script>
|
| <style>
|
| </style>
|
|
