| New file |
| | |
| | | <template> |
| | | <el-row :gutter="10"> |
| | | <el-col> |
| | | <FlowChartView :flowChartHeight="flowChartHeight" ref="flowChartView"></FlowChartView> |
| | | </el-col> |
| | | <el-col> |
| | | <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> |